PluginProbe
VikBooking Hotel Booking Engine & PMS / 1.7.0
VikBooking Hotel Booking Engine & PMS v1.7.0
1.8.16 1.8.15 1.8.14 1.8.13 1.8.12 1.8.11 1.8.10 1.8.9 1.8.6 1.8.7 1.8.8 trunk 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.6.8 1.6.9 1.7.0 1.7.1 1.7.2 All 37 releases
vikbooking / admin / resources / vikbooking.css

vikbooking.css in VikBooking Hotel Booking Engine & PMS 1.7.0, at admin/resources/vikbooking.css

19,544 lines 541.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @package VikBooking
3 * @subpackage back-end styles
4 * @author E4J s.r.l.
5 * @link https://vikwp.com
6 */
7
8 /* Variable declarations
9 * Guidelines input elements:
10 * -- Config Input and Select:
11 Background: --vbo-input-style / Border-color: --vbo-config-border-color
12 * -- Config Input and Select - Status DEACTIVE
13 Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color
14 * -- Nested Config Input and Select:
15 Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color
16 * -- Nested Config Input and Select - Status DEACTIVE:
17 Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive
18 * -- Generic btn gray:
19 Background: --vbo-basic-btn / --vbo-config-border-color
20 */
21
22 :root {
23 /* body color */
24 --vbo-body-bg-color: #fff;
25 --vbo-body-text-color: #444;
26
27 /* main bg and text color */
28 --vbo-main-bg-color: #eee;
29 --vbo-container-text-color: inherit;
30 --vbo-contrast-text-color: #fff;
31 --vbo-base-color: #2282bd;
32 --vbo-base-color-hover: #1890ce;
33 --vbo-link-text-color: #2271b1;
34 --vbo-basic-btn: #eee;
35 --vbo-basic-btn-hover: #ddd;
36 --vbo-basic-btn-focus: #cacaca;
37 --vbo-light-color-btn: #e9f3fa;
38 --vbo-middle-color-btn: #999;
39 --vbo-grey-blue-bg: #E4EAF4;
40 --vbo-light-blue: #f0f6fc;
41
42 /* Config bg and text color */
43 --vbo-config-bg-color: #fff;
44 --vbo-config-bg-dark: #1d2327;
45 --vbo-config-text-color: inherit;
46 --vbo-config-border-color: #ddd;
47 --vbo-config-titles-color-light: #666;
48 --vbo-config-child-bg-color: #f6f6f6;
49 --vbo-config-text-color-light: #999;
50 --vbo-config-title-color: #1d2327;
51
52 /* Input Style */
53 --vbo-input-style: #fff;
54 --vbo-input-style-deactive: #f6f7f7;
55 --vbo-input-style-nested-deactive: #eee;
56
57 /* Page Lists */
58 --vbo-toolbar-bg-color: #d4dae5;
59
60 /* General Colors */
61 --vbo-red-color: #b90c0d;
62 --vbo-red-color-hover: #e61717;
63 --vbo-red-color-focus: #9d0101;
64 --vbo-orange-color: #ffab48;
65 --vbo-orange-color-hover: #ad6704;
66 --vbo-green-color: #46a546;
67 --vbo-green-color-hover: #428242;
68 --vbo-green-color-focus: #65c265;
69 --vbo-light-green-color: #d7f4d6;
70 --vbo-light-green-color-hover: #9ed59c;
71 --vbo-blue-color: #31708f;
72 --vbo-blue-color-hover: #498fb3;
73 --vbo-gold-color: #f0e20e;
74 --vbo-purple-color: #9b0dce;
75
76 /* Notification Status */
77 --vbo-info-bg: #bdd7e3;
78 --vbo-info-txt: #13438e;
79 --vbo-info-border: #72abcc;
80 --vbo-warning-bg: #ffead6;
81 --vbo-warning-txt: #f38321;
82 --vbo-warning-border: #d69b3c;
83 --vbo-error-bg: #ffd1d1;
84 --vbo-error-txt: #800;
85 --vbo-error-border: #ea6060;
86 --vbo-success-bg: #c9f4c9;
87 --vbo-success-txt: #097900;
88
89 /* VCM Chat Message */
90 --vcm-chat-bubble-host-background: #2293f4;
91 --vcm-chat-bubble-host-color: #fff;
92 --vcm-chat-bubble-guest-background: #e5e5ea;
93 --vcm-chat-bubble-guest-color: #444;
94 --vcm-chat-dot-flashing-on: #1e4c93;
95 --vcm-chat-dot-flashing-off: rgba(30, 76, 147, 0.2);
96 }
97
98 legend.adminlegend {
99 color: var(--vbo-config-title-color);
100 border-bottom: 1px solid var(--vbo-config-border-color);
101 }
102
103 /*
104 * Classes .label and .badge
105 */
106 .label, .badge {
107 display: inline-block;
108 padding: 4px 6px;
109 font-size: 10.998px;
110 font-weight: bold;
111 line-height: 14px;
112 color: var(--vbo-contrast-text-color);
113 vertical-align: baseline;
114 white-space: nowrap;
115 background-color: var(--vbo-middle-color-btn);
116 }
117 .label {
118 border-radius: 3px;
119 }
120 .badge {
121 border-radius: 20px;
122 }
123 .label-success, .badge-success {
124 background-color: var(--vbo-success-bg);
125 color: var(--vbo-success-txt);
126 }
127 a.label-success:hover, a.badge-success:hover {
128 background-color: var(--vbo-green-color-hover);
129 }
130 .label-warning, .badge-warning {
131 background-color: var(--vbo-warning-bg);
132 color: var(--vbo-warning-txt);
133 }
134 a.label-warning:hover, a.badge-warning:hover {
135 background-color: var(--vbo-orange-color-hover);
136 }
137 .label.label-info, .badge.badge-info {
138 background-color: var(--vbo-info-bg);
139 color: var(--vbo-info-txt);
140 }
141 a.label-info:hover, a.badge-info:hover {
142 background-color: var(--vbo-blue-color-hover);
143 }
144 a.label, a.badge, a.label:hover, a.badge:hover {
145 color: var(--vbo-contrast-text-color);
146 }
147 .vbo-label-nested {
148 padding: 1px 4px !important;
149 font-weight: 500;
150 line-height: 12px;
151 font-size: 11px;
152 }
153 .vbo-enabled-icon {
154 color: var(--vbo-green-color);
155 }
156
157 /* @joomlaonly - forced border color for the Joomla top toolbar */
158 .subhead .btn-toolbar .btn {
159 border: 1px solid var(--vbo-config-border-color);
160 }
161 .subhead .btn-toolbar .btn-success {
162 border: 1px solid var(--vbo-green-color);
163 border: 1px solid rgba(0,0,0,0.2);
164 }
165
166 /*** @WPonly - Load Reservation from other booking plugins ***/
167 .vbo-modal-lock-scroll {
168 overflow: hidden !important;
169 }
170 .vbo-importbftpp-plugins-list {
171 border-radius: 4px;
172 padding: 20px;
173 border: 1px solid var(--vbo-config-border-color);
174 background: var(--vbo-config-bg-color);
175 }
176 .vbo-importbftpp-plugins-list-inner label {
177 display: block;
178 margin-bottom: 5px;
179 }
180 .vbo-importbftpp-plugins-list-bottom {
181 margin-top: 15px;
182 }
183 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
184 display: block;
185 margin-bottom: 5px;
186 }
187 .vbo-importbftpp-roomsmapping-wrap {
188 margin-bottom: 20px;
189 }
190 .vbo-importbftpp-roomsmapping-inner {
191 display: flex;
192 flex-wrap: wrap;
193 }
194 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
195 width: calc(33% - 48px);
196 margin: 5px;
197 border: 1px solid var(--vbo-config-border-color);
198 background: var(--vbo-config-bg-color);
199 padding: 20px;
200 border-radius: 4px;
201 }
202 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
203 display: block;
204 margin-bottom: 5px;
205 font-weight: 500;
206 }
207 .vbo-importbftpp-roomsmapping-block-thirdparty {
208 margin-bottom: 10px;
209 }
210 .vbo-importbftpp-subtitle {
211 font-size: 1.2em;
212 margin-bottom: 8px;
213 }
214 .vbo-importbftpp-reservations-inner {
215 display: flex;
216 flex-wrap: wrap;
217 }
218 .vbo-importbftpp-reservation-block {
219 flex-basis: 50%;
220 }
221 .vbo-importbftpp-reservation-inner {
222 border-radius: 4px;
223 border: 1px solid var(--vbo-config-border-color);
224 padding: 15px;
225 background: var(--vbo-config-bg-color);
226 margin: 5px;
227 }
228 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
229 margin: 4px 0;
230 }
231 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
232 display: inline-block;
233 min-width: 150px;
234 font-weight: 500;
235 }
236 .vbo-importbftpp-reservation-import {
237 margin-top: 14px;
238 border-top: 1px solid var(--vbo-config-border-color);
239 padding-top: 10px;
240 display: inline-block;
241 width: 100%;
242 box-sizing: border-box;
243 min-height: 40px;
244 }
245 .vbo-importbftpp-reservation-import-toggle {
246 display: inline-block;
247 }
248 .vbo-importbftpp-reservation-import-rooms {
249 float: right;
250 font-weight: bold;
251 font-size: 1.1em;
252 }
253 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
254 min-width: inherit;
255 margin-right: 10px;
256 }
257 .vbo-importbftpp-confirm-wrap {
258 text-align: center;
259 margin-top: 15px;
260 }
261 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
262 font-size: 1.3em;
263 font-weight: bold;
264 margin-bottom: 10px;
265 }
266 .vbo-importbftpp-reservation-noteligible {
267 opacity: .7;
268 }
269 .vbo-importbftpp-reservations-btns {
270 text-align: right;
271 padding-right: 5px;
272 }
273 div.modal .close {
274 color: inherit;
275 }
276 .modal .modal-footer {
277 border-top: 1px solid var(--vbo-config-border-color);
278 background: var(--vbo-config-bg-color);
279 box-shadow: none;
280 }
281 a:focus, a:hover {
282 text-decoration: none !important;
283 }
284 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
285 padding: 10px 10px;
286 border-color: var(--vbo-config-border-color);
287 }
288 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
289 padding: 10px 30px !important;
290 }
291 .btn-secondary {
292 color: var(--vbo-config-title-color);
293 background-color: var(--vbo-basic-btn);
294 border-color: var(--vbo-config-border-color);
295 }
296 .btn-secondary:hover {
297 color: var(--vbo-config-title-color);
298 background-color: var(--vbo-basic-btn-hover);
299 }
300 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
301 border-radius: 3px;
302 padding: 10px 14px;
303 margin-bottom: 0;
304 }
305 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
306 height: auto;
307 }
308 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
309 margin-right: 5px;
310 }
311 .btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) {
312 margin-right: 0;
313 margin-left: 5px;
314 }
315 body #content .input-append > input, body #wpcontent .input-append > input {
316 border-color: var(--vbo-config-border-color);
317 }
318 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
319 color: #fff;
320 background-color: var(--vbo-green-color);
321 border: 1px solid var(--vbo-green-color);
322 }
323 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
324 color: #fff;
325 font-weight: normal;
326 background-color: var(--vbo-green-color-hover);
327 border-color: var(--vbo-green-color-hover);
328 }
329 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 {
330 color: #fff;
331 font-weight: normal;
332 background-color: var(--vbo-green-color-focus);
333 border-color: var(--vbo-green-color-focus);
334 }
335 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
336 color: #fff;
337 background-color: var(--vbo-red-color);
338 border: 1px solid var(--vbo-red-color);
339 }
340 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
341 color: #fff;
342 background-color: var(--vbo-red-color-hover);
343 border-color: var(--vbo-red-color-hover)
344 }
345 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 {
346 color: #fff;
347 background-color: var(--vbo-red-color-focus);
348 border-color: var(--vbo-red-color-focus)
349 }
350 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 {
351 color: #fff;
352 background-color: var(--vbo-blue-color);
353 border: 1px solid var(--vbo-blue-color);
354 }
355 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 {
356 color: #fff;
357 background-color: var(--vbo-blue-color-hover);
358 border: 1px solid var(--vbo-blue-color-hover);
359 }
360 body #content .btn.btn-light-green, body #wpcontent .btn.btn-light-green, .vbo-modal-overlay-content .btn.btn-light-green {
361 background-color: var(--vbo-light-green-color);
362 border: 1px solid var(--vbo-green-color);
363 }
364 body #content .btn.btn-light-green:hover, body #wpcontent .btn.btn-light-green:hover, .vbo-modal-overlay-content .btn.btn-light-green:hover {
365 background-color: var(--vbo-light-green-color-hover);
366 border: 1px solid var(--vbo-green-color);
367 }
368 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
369 color: #fff;
370 background-color: var(--vbo-orange-color);
371 border: 1px solid var(--vbo-orange-color);
372 }
373 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
374 color: #fff;
375 background-color: var(--vbo-orange-color-hover);
376 border: 1px solid var(--vbo-orange-color-hover);
377 }
378
379 .select2-container .select2-dropdown {
380 background-color: var(--vbo-config-bg-color);
381 border-color: var(--vbo-config-border-color) !important;
382 }
383 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
384 background-color: var(--vbo-blue-color);
385 }
386 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
387 line-height: 38px;
388 }
389 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
390 background-color: var(--vbo-config-bg-color);
391 color: var(--vbo-base-color);
392 border: 1px solid var(--vbo-base-color);
393 }
394 .select2-container.select2-container--default .select2-selection--single {
395 background-color: var(--vbo-input-style);
396 border: 1px solid var(--vbo-config-border-color) !important;
397 height: 40px;
398 border-radius: 2px;
399 }
400 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
401 height: 40px;
402 }
403 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
404 color: var(--vbo-config-titles-color-light);
405 }
406 /*** Chrome Hack for the select ***/
407 .selector:not(*:root), select {
408 border: 0 !important;
409 outline: 1px solid var(--vbo-config-border-color);
410 outline-offset: -1px;
411 height: 36px !important;
412 }
413 select[multiple] {
414 height: 120px !important;
415 }
416 /***/
417
418 .input-append .btn.vbo-btn-dont-append {
419 margin-left: 5px;
420 }
421
422 /* Skeleton structure */
423 .vbo-skeleton-loading {
424 position: relative;
425 overflow: hidden;
426 background-color: #DDDBDD;
427 display: inline-block;
428 }
429 .vbo-skeleton-loading:after {
430 position: absolute;
431 top: 0;
432 right: 0;
433 bottom: 0;
434 left: 0;
435 transform: translateX(-100%);
436 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));
437 animation: shimmer 2s infinite;
438 content: '';
439 }
440
441 .fancybox-type-iframe.fancybox-opened {
442 height: 80% !important;
443 }
444 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
445 height: 100% !important;
446 }
447
448 .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 {
449 white-space: nowrap;
450 }
451 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
452 white-space: inherit;
453 }
454 .vbo-table-td-wrap .btn {
455 margin-top: 5px;
456 }
457 .successmade {
458 margin: 10px 0px;
459 padding: 12px 12px 12px 40px;
460 color: var(--vbo-green-color);
461 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
462 border: 2px solid var(--vbo-green-color);
463 background-size: 20px;
464 }
465 .info {
466 margin: 10px 0px;
467 padding: 12px;
468 background-color: #c8e4fb;
469 border: 1px solid #72abcc;
470 }
471 .err {
472 margin: 10px 0px;
473 padding: 12px 12px 12px 40px;
474 border: 2px solid var(--vbo-red-color);
475 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
476 background-size: 20px;
477 }
478 .warn {
479 margin: 10px 0px;
480 padding: 12px 12px 12px 40px;
481 border: 2px solid var(--vbo-orange-color);
482 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
483 background-size: 20px;
484 }
485 .label-error, .badge-error, .label-danger, .badge-danger {
486 background-color: var(--vbo-error-bg) !important;
487 color: var(--vbo-error-txt) !important;
488 }
489 .ui-datepicker-multi .ui-datepicker-group-first {
490 border-right: 1px solid var(--vbo-config-border-color);
491 }
492 .select2-container--default .select2-results__option[role="group"] {
493 border-top: 1px solid var(--vbo-config-border-color);
494 }
495 #hmfooter {
496 font-size: x-small;
497 text-align: center;
498 margin: 20px 0;
499 }
500 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
501 margin-top: 5px;
502 }
503 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
504 margin-top: 15px;
505 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
506 display: grid;
507 }
508 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
509 background-color: var(--vbo-config-bg-color);
510 border-radius: 10px;
511 border: 1px solid var(--vbo-basic-btn);
512 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
513 margin: 10px;
514 }
515 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
516 height: 100%;
517 }
518 .vbadmincaltable td {
519 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
520 font-size: 11px;
521 width: 45px;
522 padding: 0 !important;
523 text-align: center !important;
524 height: 30px;
525 box-sizing: content-box;
526 vertical-align: middle !important;
527 }
528 .vbadmincaltable tr:last-child td {
529 border-bottom: 0 !important;
530 }
531 .vbadmincaltable tr:last-child td:first-child {
532 border-bottom-left-radius: 10px;
533 }
534 .vbadmincaltable tr:last-child td:last-child {
535 border-bottom-right-radius: 10px;
536 }
537 .vbadmincaltable td:last-child {
538 border-right: 0 !important;
539 }
540 .vbadmincaltable td:first-child {
541 border-left: 0 !important;
542 }
543 .vbadmincaltable td:hover {
544 background-color: var(--vbo-config-border-color);
545 }
546 .vbadmincaltable td:active {
547 background-color: var(--vbo-blue-color);
548 color: #fff;
549 }
550 .vbadmincaltable .busy {
551 background: var(--vbo-red-color);
552 }
553 .vbadmincaltable .busy:hover {
554 background: var(--vbo-red-color-hover);
555 }
556 .busy.busy-closure {
557 background: var(--vbo-config-title-color);
558 }
559 .busy.busy-closure:hover {
560 background: var(--vbo-config-titles-color-light);
561 }
562 .vbadmincaltable .busy > * {
563 font-weight:bold;
564 color:#fff;
565 }
566 .vbadmincaltable td.free {
567 cursor: pointer;
568 }
569 .vbadmincaltrmon td {
570 color: var(--vbo-config-title-color);
571 font-weight:bold;
572 font-size: 14px;
573 border: 0 !important;
574 padding: 6px 5px !important;
575 }
576 .vbadmincaltrmon td:hover {
577 background-color: transparent;
578 }
579 .vbadmincaltrmdays td {
580 font-weight: bold;
581 text-align:center;
582 background-color: var(--vbo-config-child-bg-color);
583 }
584 .vbadmincaltrmdays td:hover {
585 background-color: var(--vbo-config-child-bg-color);
586 }
587 .vborderof {
588 padding:10px 0;
589 font-size:14px;
590 }
591 .vborderof a {
592 font-size:12px;
593 }
594 .vborderpar {
595 margin:10px 0 5px 0;
596 padding:0;
597 font-weight:bold;
598 font-size:13px;
599 }
600 .vborderspan {
601 font-weight:bold;
602 }
603 p.vborderpartot {
604 padding:5px 10px;
605 margin:10px 5px;
606 background: var(--vbo-light-color-btn);
607 border: 1px solid var(--vbo-config-border-color);
608 border-radius:4px;
609 -moz-border-radius:4px;
610 -webkit-border-radius:4px;
611 font-weight:bold;
612 }
613 div.vborderpartot {
614 display: block;
615 padding:5px 10px;
616 margin:10px 5px;
617 background:var(--vbo-light-color-btn);
618 border: 1px solid var(--vbo-config-border-color);
619 border-radius:4px;
620 -moz-border-radius:4px;
621 -webkit-border-radius:4px;
622 font-weight:bold;
623 width: 300px;
624 }
625 .vborderseatasconf {
626 background:var(--vbo-green-color);
627 border: 1px solid var(--vbo-green-color);
628 border-radius:4px;
629 -moz-border-radius:4px;
630 -webkit-border-radius:4px;
631 margin:5px 0 10px;
632 width:133px;
633 display:block;
634 padding:10px;
635 }
636 .vborderseatasconf a {
637 color:#fff !important;
638 font-weight:bold;
639 text-decoration:none;
640 text-transform:uppercase;
641 }
642 .maxthirty {
643 cursor: pointer;
644 max-height: 30px;
645 height: expression(this.height > 30 ? "30px" : true);
646 max-width: 30px;
647 width: expression(this.width > 30 ? "30px" : true);
648 }
649 .maxfifty {
650 max-height: 60px;
651 height: expression(this.height > 50 ? "50px" : true);
652 border:0;
653 border-radius: 4px;
654
655 transition-delay: 0s;
656 transition-duration: 0.15s;
657 transition-property: transform, box-shadow;
658 transition-timing-function: ease-in-out;
659 -webkit-transition-delay: 0s;
660 -webkit-transition-duration: 0.15s;
661 -webkit-transition-property: transform, box-shadow;
662 -webkit-transition-timing-function: ease-in-out;
663 }
664 .maxfifty:hover {
665 box-shadow: 0 0 10px rgba(0,0,0,0.5);
666
667 transform: translateY(-2px);
668 -webkit-transform: translateY(-2px);
669 }
670 .maxninety {
671 max-height: 190px;
672 height: expression(this.height > 190 ? "190px" : true);
673 }
674 .imgresult {
675 max-height: 85px;
676 height: expression(this.height > 85 ? "85px" : true);
677 max-width: 130px;
678 width: expression(this.width > 130 ? "130px" : true);
679 }
680 .vbmenutable td {
681 position:relative;
682 padding:0 12px 0 0;
683 }
684 .vbmenuentries {
685 float:left;
686 width:117px;
687 margin:8px 0 0 85px;
688 }
689 .vbmenuentries a {
690
691 }
692 .vbsubmitfares {
693 background: none repeat scroll 0 0 #708827 !important;
694 border: 1px solid #5D7120 !important;
695 border-radius: 4px 4px 4px 4px;
696 color: #FFFFFF !important;
697 font-size: 14px;
698 padding: 5px 15px;
699 margin:10px 0 0 0;
700 }
701 .vbsubmithfares {
702 background: none repeat scroll 0 0 #0B9E9E !important;
703 border: 1px solid #007171 !important;
704 border-radius: 4px 4px 4px 4px;
705 color: #FFFFFF !important;
706 font-size: 14px;
707 padding: 5px;
708 margin:10px 0 0 0;
709 }
710
711 .vbsubmithcharges {
712 background: none repeat scroll 0 0 #386B16 !important;
713 border: 1px solid #2D5511 !important;
714 border-radius: 4px 4px 4px 4px;
715 color: #FFFFFF !important;
716 font-size: 14px;
717 padding: 5px;
718 margin:10px 0 0 0;
719 cursor:pointer;
720 }
721 .vbo-checkin-commands-wrap .btn.btn-success {
722 padding: 10px 14px;
723 }
724 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
725 border: 1px solid var(--vbo-green-color);
726 background-color: var(--vbo-green-color);
727 color: #fff;
728 border-radius: 3px;
729 margin-bottom: 0;
730 font-size: inherit;
731 }
732 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
733 padding: 10px 14px;
734 }
735 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
736 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
737 background-color: var(--vbo-green-color-hover) !important;
738 border: 1px solid var(--vbo-green-color-hover) !important;
739 }
740 .container-main .btn.btn-warning {
741 border: 1px solid var(--vbo-orange-color);
742 background-color: var(--vbo-orange-color);
743 border-radius: 3px;
744 padding: 10px 14px;
745 margin-bottom: 0;
746 }
747 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
748 background-color: var(--vbo-orange-color-hover) !important;
749 border: 1px solid var(--vbo-orange-color-hover) !important;
750 }
751 .vbo-checkin-commands-wrap .btn.btn-danger {
752 padding: 8px 14px;
753 }
754 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
755 border: 1px solid var(--vbo-red-color);
756 background-color: var(--vbo-red-color);
757 color: var(--vbo-contrast-text-color);
758 border-radius: 3px;
759 margin-bottom: 0;
760 font-size: inherit;
761 }
762 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
763 color: #fff;
764 }
765 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
766 background-color: var(--vbo-red-color-hover) !important;
767 border: 1px solid var(--vbo-red-color-hover) !important;
768 }
769 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
770 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
771 background-color: var(--vbo-red-color-focus) !important;
772 border: 1px solid var(--vbo-red-color-focus) !important;
773 }
774 /* UI Calendar */
775 .ui-widget-content {
776 background: var(--vbo-config-bg-color) !important;
777 color: inherit !important;
778 }
779 .ui-widget-header {
780 background: var(--vbo-config-bg-color) !important;
781 border: 1px solid var(--vbo-config-border-color) !important;
782 color: inherit !important;
783 }
784 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
785 background: var(--vbo-config-bg-color) !important;
786 border-color: var(--vbo-config-border-color) !important;
787 color: inherit !important;
788 }
789 .ui-widget.ui-widget-content {
790 border: 1px solid var(--vbo-config-border-color) !important;
791 }
792 .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 {
793 background: var(--vbo-light-color-btn) !important;
794 }
795 .free{
796 color: var(--vbo-body-text-color);
797 }
798
799 .busy{
800 color: var(--vbo-body-text-color);
801 background: var(--vbo-red-color);
802 }
803
804 .notbusy{
805 color: var(--vbo-body-text-color);
806 background: var(--vbo-config-bg-color);
807 }
808 .bluedays {
809 min-width: 2.7%;
810 background: none repeat scroll 0 0 #02679a;
811 color: #FFFFFF;
812 font-weight: bold;
813 padding: 4px 0;
814 text-align: center;
815 cursor: pointer;
816 }
817 .bluedays:hover {
818 background-color: #0a7bb5;
819 }
820 .skip-bluedays-click {
821 cursor: inherit;
822 }
823 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
824 background: #b0c0d1;
825 }
826 .bluedays.vbo-overv-todaycell {
827 background: #074666;
828 }
829 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
830 background: #d9b9d3;
831 }
832 .bluedays.vbo-overv-festcell {
833 cursor: pointer;
834 background: #a07e9a;
835 }
836 .vbo-overview-month {
837 font-size: 105%;
838 }
839 .vbo-overview-redday, .vbo-overview-subredday {
840 color: #fff;
841 }
842 .vboverviewtablerow .busy:not(.vbo-checkinday) {
843 cursor: pointer;
844 }
845 .vbo-checkinday {
846 border-top: 3px solid var(--vbo-green-color);
847 }
848 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
849 background: var(--vbo-red-color) !important;
850 }
851 .busy.vbo-overv-todaycell.busy-closure:not(.vbo-hascolortag), .subroom-busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag)
852 .busy:hover {
853 background: var(--vbo-config-title-color) !important;
854 }
855 .busy.vbo-overv-todaycell.busy-closure:not(.vbo-hascolortag):hover, .subroom-busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag):hover {
856 background: var(--vbo-config-titles-color-light) !important;
857 }
858 .busy:hover {
859 background: var(--vbo-body-text-color) !important;
860 }
861 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
862 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
863 }
864 .vbo-partially {
865 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
866 }
867 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
868 background: var(--vbo-orange-color-hover) !important;
869 }
870 .busy-sharedcalendar {
871 position: relative;
872 }
873 .busy-sharedcalendar:before {
874 position: absolute;
875 z-index: 0;
876 width: 100%;
877 height: 100%;
878 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
879 content: "";
880 top: 0;
881 left: 0;
882 }
883 .vbo-avov-legend {
884 margin: 9px 10px 0;
885 }
886 .vbo-overview-legend-init {
887 display: inline-block;
888 vertical-align: middle;
889 font-size: 13px;
890 font-weight: bold;
891 margin-right: 10px;
892 }
893 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
894 display: inline-block;
895 margin-right: 10px;
896 font-size: 12px;
897 vertical-align: middle;
898 }
899 .vbo-overview-legend-box {
900 display: inline-block;
901 width: 15px;
902 height: 15px;
903 vertical-align: middle;
904 border-radius: 2px;
905 margin-right: 2px;
906 }
907 .vbo-overview-legend-red .vbo-overview-legend-box {
908 background: none repeat scroll 0 0 var(--vbo-red-color);
909 }
910 .vbo-overview-legend-yellow .vbo-overview-legend-box {
911 background: none repeat scroll 0 0 #f0ad4e;
912 }
913 .vbo-overview-legend-green .vbo-overview-legend-box {
914 border-top: 2px solid var(--vbo-green-color);
915 background: var(--vbo-config-bg-color);
916 }
917 .vbo-overview-legend-title {
918 display: inline-block;
919 vertical-align: middle;
920 }
921 #jmodal-vbo-new-res {
922 width: 90% !important;
923 top: 50%;
924 left: 50%;
925 transform: translate(-50%, -50%);
926 margin: 0 !important;
927 }
928 td.roomname {
929 background: var(--vbo-config-child-bg-color);
930 height: 40px;
931 padding: 5px 10px 5px 6px;
932 text-align: left;
933 }
934 td.roomname.subroomname {
935 background: var(--vbo-config-bg-color) !important;
936 }
937 .vbo-overview-room-info {
938 display: flex;
939 }
940 .vbo-overview-room-info > span {
941 align-self: center;
942 }
943 .vbo-overview-roomname {
944 font-weight: bold;
945 font-size: 14px;
946 display: inline-block;
947 max-width: 185px;
948 }
949 .vbo-overview-roomunits {
950 display: inline-block;
951 margin: 0 5px 0 2px;
952 background: none repeat scroll 0 0 #3e6372;
953 border-radius: 50%;
954 color: #fff;
955 font-size: 12px;
956 font-weight: bold;
957 min-height: 20px;
958 min-width: 20px;
959 padding: 4px;
960 text-align: center;
961 }
962 .vbo-overview-subroomname {
963 font-weight: bold;
964 font-size: 13px;
965 }
966 .vbo-overview-subroomunits {
967 display: inline-block;
968 margin: 0 5px 0 2px;
969 font-size: 12px;
970 min-height: 20px;
971 min-width: 20px;
972 padding: 4px;
973 text-align: center;
974 }
975 .vbo-overview-subroomunits i {
976 margin: 0;
977 }
978 .subroom-busy {
979 background: var(--vbo-red-color) none repeat scroll 0 0;
980 color: var(--vbo-body-text-color);
981 }
982 .subnotbusy {
983 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
984 color: #000000;
985 }
986 .dailypricesactive {
987 text-align: center;
988 float: left;
989 font-weight: bold;
990 width: 100%;
991 height: 34px;
992 font-size:14px;
993 line-height:34px;
994 text-transform:uppercase;
995 color:var(--vbo-green-color);
996 background:var(--vbo-input-style-nested-deactive);
997 }
998 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
999 border-radius: 4px;
1000 }
1001 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
1002 flex-wrap: wrap;
1003 }
1004 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
1005 margin: 15px 0;
1006 }
1007 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
1008 margin: 0;
1009 }
1010 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
1011 flex-basis: 100%;
1012 font-weight: 500;
1013 }
1014 .vbo-tariffs-params-container .vbo-param-setting > h4 {
1015 margin-top: 0;
1016 font-size: 16px;
1017 }
1018 .vbo-insertrates-cont > div {
1019 background-color: var(--vbo-config-bg-color);
1020 box-shadow: 0 0 10px rgba(0,0,0,.15);
1021 border-radius: 8px;
1022 padding: 20px;
1023 margin: 0 0 15px;
1024 }
1025 .vbo-insertrates-cont input[type="number"] {
1026 width: 100px !important;
1027 }
1028 .vbo-ratestable-lbl {
1029 font-weight: bold;
1030 color: var(--vbo-config-titles-color-light);
1031 font-size: 16px;
1032 padding: 0px 0px 7px;
1033 }
1034 .vbo-ratestable-nights > div {
1035 display: flex;
1036 margin: 5px 0 8px;
1037 }
1038 .vbo-ratestable-nights > div > span {
1039 display: inline-block;
1040 min-width: 100px;
1041 }
1042 .vbo-insertrates-bottom .vbo-ratestable-newprice {
1043 display: flex;
1044 flex-wrap: wrap;
1045 margin: 5px 0;
1046 border: 1px solid var(--vbo-main-bg-color);
1047 padding: 10px 10px;
1048 }
1049 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
1050 align-self: center;
1051 }
1052 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
1053 font-weight: 500;
1054 }
1055 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1056 margin-left: auto;
1057 }
1058 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1059 flex-basis: 100%;
1060 margin-top: 5px;
1061 }
1062 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1063 display: block;
1064 margin-bottom: 5px;
1065 }
1066 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1067 display: block;
1068 }
1069 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1070 width: 100% !important;
1071 box-sizing: border-box;
1072 height: auto;
1073 }
1074 .vbo-insertrates-save {
1075 margin-top: 20px;
1076 }
1077 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1078 padding: 10px 25px;
1079 font-size: 13px;
1080 }
1081 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1082 background: transparent;
1083 }
1084 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1085 text-align: right;
1086 margin: 0 auto;
1087 }
1088 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1089 width: 100%;
1090 margin-top: 15px;
1091 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1092 }
1093 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1094 color: var(--vbo-config-titles-color-light);
1095 }
1096 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1097 border: 1px solid var(--vbo-config-border-color);
1098 border-radius: 2px;
1099 padding: 5px 10px;
1100 margin-bottom: 0;
1101 width: 120px !important;
1102 }
1103 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1104 display: block;
1105 text-transform: initial;
1106 max-width: 200px;
1107 white-space: normal;
1108 margin: 0 auto;
1109 font-weight: 600;
1110 }
1111 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1112 font-size: 10px;
1113 text-transform: initial;
1114 }
1115 .vbo-config-gr-services .vbo-config-gr-service {
1116 margin: 4px 0;
1117 }
1118 .vbo-config-gr-services .vbo-config-gr-service i {
1119 margin-right: 0 !important;
1120 }
1121 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1122 padding: 11px 14px;
1123 vertical-align: top;
1124 }
1125 .vbadminfaresctitle {
1126 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1127 border: 1px solid var(--vbo-config-border-color);
1128 border-radius: 4px 4px 4px 4px;
1129 font-size: 13px;
1130 font-weight: bold;
1131 margin: 0 0 10px;
1132 padding: 10px;
1133 text-transform: uppercase;
1134 width: 100%;
1135 display: inline-block;
1136 }
1137 .vbadminfaresctitle form {
1138 margin: 0;
1139 }
1140 .vbadminfaresctitle form select {
1141 margin: 0;
1142 }
1143 .vbdashparag {
1144 font-size:12px;
1145 }
1146 .vbdashparagred span {
1147 font-weight: bold;
1148 color:var(--vbo-red-color);
1149 display: inline-block;
1150 min-width: 200px;
1151 }
1152 .vbdashspanright {
1153 float: right;
1154 padding:0 0 20px 0;
1155 font-size:12px;
1156 }
1157 .vbdashspanright form {
1158 padding:0 0 0 3px;
1159 display:inline;
1160 }
1161 .vbdashdivleft {
1162 float:left;
1163 border: 1px solid var(--vbo-config-border-color);
1164 border-radius:10px;
1165 -moz-border-radius:10px;
1166 -webkit-border-radius:10px;
1167 background:var(--vbo-config-bg-color);
1168 padding:20px;
1169 box-shadow:0 0 2px rgba(0,0,0,0.2);
1170 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1171 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1172 margin:15px 30px 15px 0;
1173 width:55%;
1174 }
1175 .vbdashdivleft .vbdashdivlefthead {
1176 margin:0 0 10px 0;
1177 padding:0;
1178 text-transform:uppercase;
1179 font-size:14px;
1180 color:var(--vbo-green-color);
1181 }
1182 .vbdashdivleft .vbdashtable {
1183 width:100%;
1184 }
1185 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1186 padding:3px 0;
1187 }
1188 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1189 font-size:12px;
1190 color:var(--vbo-blue-color);
1191 }
1192 .vbdashdivright {
1193 float:right;
1194 border: 1px solid var(--vbo-config-border-color);
1195 border-radius:10px;
1196 -moz-border-radius:10px;
1197 -webkit-border-radius:10px;
1198 background:var(--vbo-config-bg-color);
1199 padding:20px;
1200 box-shadow:0 0 2px rgba(0,0,0,0.2);
1201 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1202 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1203 margin:15px 0 15px 0;
1204 width:30%;
1205 }
1206 .vbdashdivright .vbdashdivrighthead {
1207 margin:0 0 10px 0;
1208 padding:0;
1209 text-transform:uppercase;
1210 font-size:14px;
1211 color:var(--vbo-green-color);
1212 }
1213 .vbdashdivright .vbdashtable {
1214 width:100%;
1215 }
1216 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1217 font-size:12px;
1218 font-weight:bold;
1219 color:var(--vbo-config-title-color);
1220 text-transform:uppercase;
1221 padding:0 0 5px 0;
1222 }
1223 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1224 padding:0 5px;
1225 }
1226 #vbadultsdiffbox p {
1227 margin: 0px 0 10px;
1228 border: 1px solid var(--vbo-basic-btn);
1229 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1230 border-radius: 10px;
1231 padding: 10px;
1232 }
1233 #vbadultsdiffbox p:last-child {
1234 margin-bottom: 0;
1235 }
1236 #vbadultsdiffbox .vbo-adults-usage {
1237 margin-right: 15px;
1238 display: block;
1239 margin-bottom: 4px;
1240 font-weight: 500;
1241 }
1242
1243 .vbplusminus {
1244 cursor: pointer;
1245 vertical-align: middle;
1246 display: inline-block;
1247 margin: -7px 0 0 5px;
1248 text-align: center;
1249 width: 20px;
1250 height: 20px;
1251 font-size: 20px;
1252 }
1253
1254 .vbplusminuscont {
1255 display: inline-block;
1256 text-align: right;
1257 }
1258 .vbplusminuscont > span {
1259 display: inline-block;
1260 min-width: 35px;
1261 text-align: left;
1262 }
1263 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1264 display: inline-block;
1265 vertical-align: middle;
1266 }
1267 p.vbpfiltconfnumb {
1268 text-align: right;
1269 }
1270
1271 .vbotaspblock {
1272 display: block;
1273 background: none repeat scroll 0 0 var(--vbo-blue-color);
1274 border: 0;
1275 border-radius: 5px 5px 5px 5px;
1276 margin: 0 3px 5px 0;
1277 padding: 4px;
1278 color: var(--vbo-body-text-color);
1279 font-weight: bold;
1280 position: relative;
1281 }
1282 .vbotaspblock:before {
1283 content: "";
1284 height: 20px;
1285 left: -1px;
1286 position: absolute;
1287 top: -11px;
1288 width: 20px;
1289 }
1290 .vboverviewtable {
1291 width: 100%;
1292 border: 0;
1293 border-collapse: inherit;
1294 border-spacing: 0;
1295 }
1296 .vboverviewtable {
1297 font-size: 105%;
1298 }
1299 .vboverviewtablerowone {
1300 height: 30px;
1301 }
1302 .vbo-overv-montable-wrap {
1303 margin-bottom: 20px;
1304 }
1305 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1306 min-width: 80px;
1307 }
1308 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1309 min-width: 80px;
1310 max-width: 80px;
1311 }
1312 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1313 min-width: 250px;
1314 }
1315 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1316 display: block;
1317 }
1318 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1319 color: #fff;
1320 font-size: 12px;
1321 }
1322 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1323 font-size: 24px;
1324 margin: 3px 0;
1325 }
1326 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1327 position: sticky;
1328 left: 0;
1329 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1330 z-index: 10;
1331 background-clip: padding-box !important;
1332 }
1333 .vboverviewtablerow {
1334 height: 30px;
1335 }
1336 .vboverviewtdone {
1337 min-width: 130px !important;
1338 text-align: left !important;
1339 padding-left: 1px;
1340 }
1341 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1342 padding: 10px 10px 0;
1343 vertical-align: top;
1344 }
1345 .vbo-roverv-rplan-restrictions {
1346 font-size: 10px;
1347 position: absolute;
1348 left: 10px;
1349 bottom: 4px;
1350 }
1351 .vbo-roverv-rplan .vbo-rplan-name {
1352 width: 150px;
1353 overflow: hidden;
1354 display: inline-block;
1355 white-space: nowrap;
1356 text-overflow: ellipsis;
1357 font-size: 14px;
1358 }
1359 .vbo-roverv-rplan-haslosrates {
1360 bottom: 3px;
1361 }
1362 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1363 font-size: 10px;
1364 }
1365 .vbo-roverv-gonext-cell {
1366 vertical-align: middle;
1367 padding: 0 10px;
1368 }
1369 /* New Custom Sticky Header */
1370 .vbo-overv-sticky-scroll-month {
1371 position: fixed;
1372 top: 0;
1373 width: 100%;
1374 z-index: 1000;
1375 }
1376 .vbo-overv-sticky-scroll-month-wrap {
1377 display: flex;
1378 box-shadow: 0px 0px 5px rgba(0,0,0,.2);
1379 }
1380 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-m {
1381 max-width: initial;
1382 display: flex;
1383 justify-content: center;
1384 align-items: center;
1385 font-size: 14px;
1386 }
1387 .vbo-overv-sticky-scroll-month-wrap > div {
1388 max-width: 80px;
1389 background: none repeat scroll 0 0 #02679a;
1390 color: #FFFFFF;
1391 font-weight: bold;
1392 padding: 2px 0;
1393 text-align: center;
1394 border-right: 1px solid #fff;
1395 box-sizing: border-box;
1396 line-height: 1.1em;
1397 cursor: pointer;
1398 }
1399 .vbo-overv-sticky-scroll-month-wrap > div:hover {
1400 background: #0a7bb5;
1401 }
1402 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day {
1403 color: #fff;
1404 font-size: 10px;
1405 }
1406 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day-num {
1407 font-size: 17px;
1408 margin: 4px 0;
1409 display: block;
1410 }
1411
1412 .vbcloseroom {
1413 float: right;
1414 text-align: right;
1415 }
1416 .vbcloseroomsp i {
1417 color: var(--vbo-red-color);
1418 padding: 4px;
1419 font-size: 15px;
1420 border-radius: 4px;
1421 margin-right: 3px;
1422 }
1423 .vbcloseroomsp label {
1424 display: inline;
1425 }
1426 .vbordersroomclosed {
1427 color: var(--vbo-red-color);
1428 font-weight: bold;
1429 }
1430 .vbordcancelled {
1431 color: var(--vbo-red-color);
1432 font-weight: bold;
1433 background-position: left center;
1434 background-repeat: no-repeat;
1435 padding: 5px 0 5px 18px;
1436 }
1437 .vbcsvexport {
1438 cursor: pointer;
1439 background: var(--vbo-config-bg-color);
1440 color: var(--vbo-body-text-color);
1441 border-radius: 20px;
1442 display: flex;
1443 align-items: center;
1444 float: left;
1445 font-weight: bold;
1446 border: 1px solid var(--vbo-green-color);
1447 font-size: 12px;
1448 margin: 0 3px;
1449 }
1450 .vbcsvexport:hover {
1451 text-decoration: none;
1452 background: var(--vbo-green-color);
1453 color: var(--vbo-contrast-text-color);
1454 }
1455 .vbcsvexport > i {
1456 color: var(--vbo-green-color);
1457 padding: 11px 8px 11px 12px;
1458 font-size: 16px;
1459 display: inline-block;
1460 }
1461 .vbcsvexport:hover > i, .vbcsvexport:focus > i, .vbcsvexport:active > i {
1462 color: var(--vbo-contrast-text-color);
1463 }
1464 .vbcsvexport:focus, .vbcsvexport:active {
1465 background: var(--vbo-green-color-hover);
1466 color: var(--vbo-contrast-text-color);
1467 }
1468 .vbo-perms-operators {
1469 cursor: pointer;
1470 background: var(--vbo-config-bg-color);
1471 color: var(--vbo-body-text-color);
1472 border-radius: 20px;
1473 display: flex;
1474 align-items: center;
1475 font-weight: bold;
1476 border: 1px solid var(--vbo-blue-color);
1477 font-size: 12px;
1478 margin: 0 3px;
1479 }
1480 .vbo-perms-operators:hover {
1481 text-decoration: none;
1482 background: var(--vbo-blue-color);
1483 color: var(--vbo-contrast-text-color);
1484 }
1485 .vbo-perms-operators > i {
1486 color: var(--vbo-blue-color);
1487 padding: 11px 8px 11px 12px;
1488 font-size: 16px;
1489 display: inline-block;
1490 float: left;
1491 }
1492 .vbo-perms-operators:hover > i {
1493 color: var(--vbo-contrast-text-color);
1494 }
1495 .vbo-perms-operators > span {
1496 padding: 0px 12px 0 0;
1497 display: inline-block;
1498 float: left;
1499 }
1500 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1501 margin: 0 2px;
1502 }
1503 .vbicsexport {
1504 cursor: pointer;
1505 background: var(--vbo-config-bg-color);
1506 color: var(--vbo-body-text-color);
1507 border-radius: 20px;
1508 display: flex;
1509 align-items: center;
1510 font-weight: bold;
1511 border: 1px solid var(--vbo-orange-color);
1512 font-size: 12px;
1513 }
1514 .vbicsexport > i {
1515 color: var(--vbo-orange-color);
1516 padding: 11px 8px 11px 12px;
1517 font-size: 16px;
1518 }
1519 .vbicsexport:hover {
1520 text-decoration: none;
1521 background: var(--vbo-orange-color);
1522 color: var(--vbo-contrast-text-color);
1523 }
1524 .vbicsexport:hover > i, .vbicsexport:focus > i, .vbicsexport:active > i {
1525 color: var(--vbo-contrast-text-color);
1526 }
1527 .vbicsexport:active, .vbicsexport:focus {
1528 background: var(--vbo-orange-color-hover);
1529 color: var(--vbo-contrast-text-color);
1530 }
1531 .vbcsvexport > span, .vbicsexport > span {
1532 padding: 0px 12px 0 0;
1533 display: inline-block;
1534 vertical-align: top;
1535 }
1536 /* VikBooking 1.3 */
1537 .vbrestrdrangesp {
1538 display: inline-block;
1539 min-width: 80px;
1540 }
1541 .vbwdaytwodiv {
1542 margin-left:5px;
1543 }
1544 #vbwdaytwodivid > span {
1545 display: none;
1546 margin: 10px 4px 0 0;
1547 }
1548 .vbwdaycombodiv {
1549 margin-top: 10px;
1550 }
1551 .vbwdaycombodiv .vbwdaycombop > label {
1552 min-width: 125px
1553 }
1554 .vbwdaycombosp {
1555 display: block;
1556 font-weight:bold;
1557 }
1558 .vbwdaycombohelp {
1559 display: block;
1560 font-size:smaller;
1561 }
1562 .vbrestrroomssp {
1563 display: block;
1564 font-weight: bold;
1565 margin-top: 10px;
1566 }
1567 .vbo-bookingdet-noteslogs pre {
1568 word-break: break-all;
1569 white-space: break-spaces;
1570 }
1571 #vbpaymentlogdiv {
1572 display: none;
1573 height: 250px;
1574 margin-top: 5px;
1575 overflow-x: hidden;
1576 overflow-y: auto;
1577 padding: 5px;
1578 }
1579 #vbpaymentlogdiv pre {
1580 border: 1px solid var(--vbo-main-bg-color);
1581 max-width: 80%;
1582 min-height: calc(100% - 22px);
1583 margin: 0;
1584 padding: 10px;
1585 }
1586 .vbo-eorder-paymentlog-buttons {
1587 float: right;
1588 }
1589 .vbo-eorder-paymentlog-buttons .btn {
1590 text-align: left;
1591 width: 100%;
1592 box-sizing: border-box;
1593 margin-bottom: 10px;
1594 }
1595 .vbo-eorder-paymentlog-buttons .vcm-pcid-otareporting-wrapper {
1596 margin-top: 0;
1597 }
1598 .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn {
1599 text-align: left;
1600 }
1601 .vbo-eorder-paymentlog-buttons .vbo-context-menu-btn {
1602 display: flex;
1603 }
1604 .vbo-eorder-paymentlog-buttons .vbo-context-menu-btn .vbo-context-menu-lbl {
1605 flex: 1;
1606 }
1607 .vbordersp {
1608 font-weight:bold;
1609 }
1610 .vbordersphighlight {
1611 background: none repeat scroll 0 0 var(--vbo-base-color);
1612 border: 0 none;
1613 border-radius: 5px;
1614 color: #ffffff;
1615 display: inline-block;
1616 margin: 0 0 0 -1px;
1617 padding: 4px;
1618 }
1619 #vbadminnotesdiv, #vbinvnotesdiv {
1620 display: none;
1621 border-radius: 5px;
1622 min-height: 250px;
1623 max-width: 500px;
1624 margin-top: 5px;
1625 overflow-x: auto;
1626 overflow-y: auto;
1627 padding: 5px;
1628 }
1629 textarea.vbadminnotestarea {
1630 width: 490px !important;
1631 height: 240px !important;
1632 border: 1px solid var(--vbo-main-bg-color);
1633 border-radius: 5px;
1634 padding: 3px;
1635 margin-bottom: 10px;
1636 }
1637 .vbroomparamp {
1638 margin-bottom: 0;
1639 padding-bottom: 6px;
1640 }
1641 .vbroomparamp.vbroomparampactive {
1642 border-left: 1px solid var(--vbo-config-titles-color-light);
1643 }
1644 #defcalcostp {
1645 margin-bottom: 4px;
1646 }
1647 p.vbroomparamp label {
1648 padding-right: 8px;
1649 display: inline-block !important;
1650 min-width: 195px;
1651 }
1652 p.vbroomparamp span {
1653 font-size: smaller;
1654 font-style: italic;
1655 display: inline-block;
1656 padding-left: 8px;
1657 max-width: 300px;
1658 }
1659 .vbapplydiscsp {
1660 float: right;
1661 cursor: pointer;
1662 }
1663 .vbdiscenter {
1664 display: none;
1665 margin-top: 5px;
1666 font-weight: normal;
1667 padding:5px 0 0 0;
1668 border-top:1px solid var(--vbo-config-border-color);
1669 }
1670 .vbdiscenter-entry {
1671 padding:3px 0;
1672 }
1673 .vbdiscenter-label {
1674 font-weight:bold;
1675 display:inline-block;
1676 min-width:50%;
1677 }
1678 .vbdiscenter-entrycentered {
1679 text-align: right;
1680 }
1681 .vbdiscenter-entrycentered input {
1682 background:var(--vbo-green-color);
1683 color:#fff;
1684 border-radius:4px;
1685 }
1686 .vbflushsession {
1687 background: none repeat scroll 0 0 var(--vbo-blue-color);
1688 border: 1px solid var(--vbo-blue-color);
1689 border-radius: 1px;
1690 color: #FFFFFF;
1691 display: inline-block;
1692 font-size: 12px;
1693 padding: 4px 12px;
1694 border-radius: 4px;
1695 text-decoration: none;
1696 }
1697 .vbflushsession:hover {
1698 text-decoration: none;
1699 color: #FFFFFF;
1700 background: var(--vbo-blue-color-hover);
1701 border-color: var(--vbo-blue-color-hover);
1702 }
1703 .vbflushsession:active {
1704 background: var(--vbo-blue-color-hover);
1705 border-color: var(--vbo-blue-color-hover);
1706 color: #fff;
1707 }
1708 .vbotasp {
1709 background: none repeat scroll 0 0 var(--vbo-blue-color);
1710 border: 0 none;
1711 border-radius: 5px;
1712 color: #FFFFFF;
1713 display: inline-block;
1714 font-weight: bold;
1715 margin: 0 3px 0 0;
1716 min-width: 67px;
1717 padding: 4px;
1718 position: relative;
1719 }
1720 .vbotasp:before {
1721 content: "";
1722 height: 20px;
1723 left: -27px;
1724 position: absolute;
1725 top: 0;
1726 width: 20px;
1727 }
1728 .vbexplaination {
1729 font-style: italic;
1730 padding: 5px;
1731 }
1732 .vborderiddata {
1733 margin:10px 0 0 0;
1734 }
1735 .vborderiddata span {
1736 padding: 0 0 0 10px;
1737 }
1738 .vborderdatatab {
1739 line-height:1.4em;
1740 width:80%;
1741 }
1742 .vbordactionlink {
1743 background: none repeat scroll 0 0 var(--vbo-blue-color);
1744 border: 0 none;
1745 border-radius: 5px;
1746 color: #FFFFFF !important;
1747 display: inline-block;
1748 font-weight: bold;
1749 margin: 0 3px 0 0;
1750 padding: 4px;
1751 }
1752 .vbordroominfo {
1753 background: var(--vbo-config-child-bg-color);
1754 border-radius:5px;
1755 border: 1px solid var(--vbo-config-border-color);
1756 padding:10px;
1757 margin:0 0 10px 0;
1758 max-width:400px;
1759 }
1760 .vborderinfoblock {
1761 background: var(--vbo-config-child-bg-color);
1762 border-radius:5px;
1763 border: 1px solid var(--vbo-config-border-color);
1764 padding:10px;
1765 margin:0 0 10px 0;
1766 }
1767 .vbroomselfilter {
1768 margin-right: 5px;
1769 }
1770 .vbmodelink {
1771 border: 1px solid var(--vbo-config-border-color);
1772 border-radius: 3px;
1773 display: inline-block;
1774 color: var(--vbo-config-titles-color-light);
1775 }
1776 .vbmodelink:hover {
1777 border: 1px solid var(--vbo-base-color-hover);
1778 }
1779 .vbmodelink > span {
1780 display: inline-block;
1781 padding: 0 8px 0 3px;
1782 }
1783 .vbmodelink > i {
1784 background: var(--vbo-main-bg-color);
1785 font-size: 15px;
1786 padding: 8px 10px;
1787 border-right: 1px solid var(--vbo-config-border-color);
1788 }
1789 .vbmodelink:hover > i, .vbmodelink:active > i {
1790 background-color: var(--vbo-base-color);
1791 color: #fff;
1792 border-right: 1px solid var(--vbo-base-color);
1793 }
1794 .vbmodelink-active {
1795 background: var(--vbo-config-bg-color) !important;
1796 border-color: var(--vbo-base-color);
1797 color: var(--vbo-base-color);
1798 }
1799 .vbmodelink-active > i {
1800 background: var(--vbo-base-color);
1801 color: #fff;
1802 }
1803 .vbimagedetbox {
1804 border: 1px solid var(--vbo-config-border-color);
1805 border-radius: 3px;
1806 padding: 20px;
1807 position: absolute;
1808 width: 300px;
1809 background-color: var(--vbo-config-bg-color);
1810 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1811 color: var(--vbo-config-title-color);
1812 z-index: 1000;
1813 right: 0;
1814 }
1815 .captionlabel {
1816 padding:0 0 10px;
1817 display:inline-block;
1818 width: 95%;
1819 font-weight: bold;
1820 }
1821 .captionlabel span {
1822 display:block;
1823 margin:0 0 4px 0;
1824 }
1825 .captionlabel input {
1826 border-radius:3px;
1827 padding:2px;
1828 width: 100% !important;
1829 }
1830 .captionsubmit {
1831 background: none repeat scroll 0 0 var(--vbo-green-color);
1832 border: 1px solid var(--vbo-green-color) !important;
1833 border-radius: 2px;
1834 color: #fff;
1835 cursor: pointer;
1836 padding: 10px 14px !important;
1837 line-height: 18px;
1838 font-size: 13px;
1839 }
1840 .captionsubmit:hover {
1841 background-color: var(--vbo-green-color-hover) !important;
1842 }
1843 .captionsubmit:active {
1844 background-color: var(--vbo-green-color-hover) !important;
1845 }
1846 .captionremoveimg {
1847 float: right;
1848 text-align: right;
1849 }
1850 .captionremoveimg span {
1851 float: left;
1852 display: inline-block;
1853 margin: 8px 6px 0px;
1854 }
1855 .captionremoveimg a {
1856 float:left;
1857 display:inline-block;
1858 }
1859 .captionremoveimg .icon-remove {
1860 font-size: 10px;
1861 margin-left: -5px;
1862 margin-right: 5px;
1863 }
1864 .vbheadfourblue {
1865 background: #02679a;
1866 color: #fff;
1867 margin-bottom: -5px !important;
1868 padding: 6px 3px 6px 6px;
1869 border-radius: 3px;
1870 }
1871 .vbswitchrblock {
1872 float: right;
1873 display: block;
1874 padding: 5px;
1875 border: 1px solid #ccc;
1876 border-radius: 3px;
1877 clear: both;
1878 }
1879 .vbswitchrblock select {
1880 margin: 0 !important;
1881 }
1882 .vbo-ebusy-lbl {
1883 display: block;
1884 font-weight: bold;
1885 font-size: larger;
1886 margin-left: 3px;
1887 }
1888 .vbo-ebusy-opt-table tr td {
1889 padding-right: 15px !important;
1890 }
1891 .vbo-ebusy-opt-table tr td:last-child {
1892 text-align: center;
1893 padding: 0 !important;
1894 }
1895 .vbo-ebusy-tars-table tr td {
1896 padding-right: 15px !important;
1897 }
1898 .vbo-ebusy-toggle-aduchild {
1899 border-left: 1px solid rgb(255, 255, 255);
1900 color: #e6e6e6;
1901 cursor: pointer;
1902 display: inline-block;
1903 float: right;
1904 height: 100%;
1905 min-width: 25px;
1906 padding-left: 0.7em;
1907 padding-top: 1px;
1908 padding-bottom: 1px;
1909 }
1910 .vbo-ebusy-rmroom {
1911 border-left: 1px solid rgb(255, 255, 255);
1912 color: #ff0000;
1913 cursor: pointer;
1914 display: inline-block;
1915 float: right;
1916 height: 100%;
1917 min-width: 25px;
1918 padding-left: 0.7em;
1919 padding-top: 1px;
1920 padding-bottom: 1px;
1921 }
1922 .vbo-ebusy-toggle-aduchild-on {
1923 color: #fff;
1924 }
1925 .vbo-ebusy-addextracost {
1926 margin-left: 50px;
1927 }
1928 .vbo-ebusy-extracosts-table tr {
1929 border-bottom:1px solid #ddd;
1930 background: #eee;
1931 }
1932 .vbo-ebusy-extracosts-table td {
1933 padding: 10px !important;
1934 }
1935 .vbo-ebusy-extracosts-table td input {
1936 margin-bottom: 0;
1937 }
1938 .vbo-ebusy-extracosts-cellrm {
1939 vertical-align: top;
1940 }
1941 .vbo-ebusy-extracosts-cellrm .btn {
1942 margin: 0;
1943 }
1944 .vbo-ebusy-extracosts-celltax select {
1945 margin: 0 !important;
1946 }
1947 .vbo-add-room-overlay {
1948 padding: 10px 10px 20px;
1949 }
1950 .vbo-add-room-overlay .vbo-add-room-entry {
1951 display: flex;
1952 flex-wrap: wrap;
1953 width: 100%;
1954 }
1955 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1956 display: block;
1957 width: 100% !important;
1958 max-width: 100%;
1959 }
1960 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1961 display: inline-block;
1962 vertical-align: top;
1963 flex: 1;
1964 margin: 8px 0;
1965 }
1966 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1967 margin-right: 20px;
1968 }
1969 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1970 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1971 width: 100% !important;
1972 box-sizing: border-box;
1973 height: auto;
1974 }
1975 /* START: VikBooking v1.6 */
1976 .add-tax-breakdown-cont {
1977 margin-bottom: 0;
1978 border: 1px solid var(--vbo-config-border-color);
1979 padding: 10px;
1980 border-radius: 4px;
1981 margin: 4px 0 10px;
1982 display: flex;
1983 flex-wrap: wrap;
1984 }
1985 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1986 margin-left: auto;
1987 order: 3;
1988 align-self: end;
1989 }
1990 .add-tax-breakdown-cont > div {
1991 display: inline-block;
1992 vertical-align: top;
1993 margin: 3px 0;
1994 }
1995 .add-tax-breakdown-cont .add-tax-breakdown-name {
1996 flex-basis: 100%;
1997 }
1998 .add-tax-breakdown-cont div span {
1999 display: inline-block;
2000 min-width: 100px;
2001 }
2002 .add-tax-breakdown-cont .add-tax-breakdown-rate {
2003 display: block;
2004 }
2005 .add-tax-breakdown-remove {
2006 cursor: pointer;
2007 font-size: 20px;
2008 }
2009 .vbo-select-all {
2010 display: block;
2011 width: 180px;
2012 margin: 0 0 5px 0;
2013 padding: 5px 2px;
2014 background: var(--vbo-basic-btn);
2015 border: 1px solid var(--vbo-config-border-color);
2016 cursor: pointer;
2017 text-align: center;
2018 }
2019 .vbo-select-all:hover {
2020 background: var(--vbo-basic-btn-hover);
2021 }
2022 #vbo-pkg-calcexcld {
2023 display: inline-block;
2024 margin-right: 10px;
2025 }
2026 #vbo-pkg-excldates-td {
2027 display: inline-block;
2028 vertical-align: top;
2029 }
2030 #vbo-pkg-excldates-td select {
2031 height: 90px !important;
2032 }
2033 .promotr {
2034 display: none;
2035 }
2036 #promovalidity {
2037 display: inline-block;
2038 padding-left: 5px;
2039 }
2040 /* END: VikBooking v1.6 */
2041 /* Back-end Menu */
2042 .vbo-menu-container {
2043 display: flex;
2044 align-items: flex-start;
2045 margin-bottom: 50px;
2046 }
2047 .vbo-menu-container-closer {
2048 margin-bottom: 10px;
2049 }
2050 .vbo-menu-left {
2051 float: left;
2052 display: inline-flex;
2053 margin-right: 15px;
2054 max-width: 150px;
2055 border-radius: 5px;
2056 padding: 10px;
2057 margin-top: -10px;
2058 }
2059 .vbo-menu-left:hover {
2060 background: #ddd;
2061 }
2062 .vbo-menu-left img {
2063 max-width: 100%;
2064 border: 0;
2065 position: relative;
2066 display: inline-block;
2067 -webkit-transform: translateZ(0);
2068 -moz-transform: translateZ(0);
2069 transform: translateZ(0);
2070 }
2071 .vbo-menu-left a {
2072 position: relative;
2073 display: inline-flex;
2074 overflow: hidden;
2075 }
2076 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
2077 text-decoration: none;
2078 }
2079 .vbo-menu-left a:after {
2080 opacity: 0;
2081 }
2082 .vbo-menu-left a:hover:after {
2083 animation: shine 5s ease-in-out infinite;
2084 animation-fill-mode: forwards;
2085 content: "";
2086 position: absolute;
2087 top: -110%;
2088 left: -210%;
2089 width: 100%;
2090 height: 200%;
2091 opacity: 0;
2092 transform: rotate(30deg);
2093
2094 background: rgba(255, 255, 255, 0.13);
2095 background: linear-gradient(
2096 to right,
2097 rgba(255, 255, 255, 0.13) 0%,
2098 rgba(255, 255, 255, 0.13) 77%,
2099 rgba(255, 255, 255, 0.5) 92%,
2100 rgba(255, 255, 255, 0.0) 100%
2101 );
2102 }
2103 @keyframes shine{
2104 10% {
2105 opacity: 1;
2106 top: -60%;
2107 left: -20%;
2108 transition-property: left, top, opacity;
2109 transition-duration: 0.7s, 0.7s, 0.15s;
2110 transition-timing-function: ease;
2111 }
2112 100% {
2113 opacity: 0;
2114 top: -60%;
2115 left: -20%;
2116 transition-property: left, top, opacity;
2117 }
2118 }
2119 .vbo-menu-right {
2120 flex: 1;
2121 background: #22485d;
2122 border-radius: 6px;
2123 }
2124 .vbo-menu-right ul {
2125 list-style-type: none;
2126 margin: 0;
2127 padding: 0 0 0 2px;
2128 }
2129 .vbo-menu-right > .vbo-menu-ul {
2130 display: inline-block;
2131 }
2132 .vbo-menu-updates {
2133 float: right;
2134 display: inline-block;
2135 }
2136 .vbo-menu-updates > button {
2137 float: right;
2138 display: inline-block;
2139 background: #3f708b;
2140 color: #fff;
2141 font-weight: bold;
2142 border: 1px solid #3f708b;
2143 padding: 13px 15px;
2144 border-radius: 36px;
2145 margin: 7px 8px 6px 2px;
2146 }
2147 .vbo-menu-updates button span {
2148 max-width: 120px;
2149 white-space: nowrap;
2150 overflow: hidden;
2151 text-overflow: ellipsis;
2152 display: inline-block;
2153 vertical-align: top;
2154 }
2155 .vbo-menu-updates button i {
2156 display: inline-block;
2157 vertical-align: middle;
2158 margin-right: 5px;
2159 }
2160 .vbo-menu-updates button.vbo-multitasking-apps i {
2161 margin-right: 0;
2162 vertical-align: middle;
2163 }
2164 .vbo-menu-updates.vbo-menu-needupdate button {
2165 background: var(--vbo-green-color);
2166 border: 1px solid var(--vbo-green-color);
2167 }
2168 .vbo-submenu-wrap {
2169 background: var(--vbo-config-bg-color);
2170 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2171 min-width: 180px;
2172 padding: 5px 0;
2173 border-radius: 10px;
2174 margin: 0;
2175 position: absolute;
2176 z-index: 100;
2177
2178 visibility: hidden;
2179 opacity: 0;
2180 transform: scale(0.99) translateY(-0.7em);
2181 transform-origin: top;
2182 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2183 transition-duration: 500ms;
2184 transition-property: opacity,transform;
2185 }
2186 @media screen and (min-width: 1012px) {
2187 .vbo-submenu-wrap {
2188 width: 230px;
2189 padding: 22px;
2190 }
2191 .vbo-submenu-wrap-multi {
2192 width: 400px;
2193 display: flex;
2194 }
2195 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2196 padding-right: 10px;
2197 min-width: 45%;
2198 border-right: 1px solid var(--vbo-config-border-color);
2199 }
2200 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2201 padding-left: 22px;
2202 }
2203 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2204 right: 0;
2205 }
2206 }
2207 @media screen and (max-width: 1012px) {
2208 .vbo-submenu-wrap {
2209 padding: 15px 20px;
2210 }
2211 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2212 border-bottom: 1px solid var(--vbo-config-border-color);
2213 padding-bottom: 10px;
2214 }
2215 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2216 margin-top: 10px;
2217 }
2218 }
2219 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2220 visibility: visible;
2221 opacity: 1;
2222 transform: scale(1) translateY(0);
2223 }
2224 .vbo-menu-ul li {
2225 display: inline-block;
2226 text-align: left;
2227 position: relative;
2228 padding: 5px 4px;
2229 }
2230 .vbo-submenu-wrap ul li {
2231 display: block;
2232 width: 100%;
2233 line-height: initial;
2234 padding: 0;
2235 }
2236 .vbo-submenu-wrap li > div {
2237 display: block;
2238 font-size: 14px;
2239 }
2240 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2241 font-weight: bold;
2242 font-size: 15px;
2243 margin-bottom: 5px;
2244 }
2245 .vbo-menu-parent-li > span {
2246 display: inline-block;
2247 color:#ffffff;
2248 cursor: pointer;
2249 padding: 14px 22px;
2250 font-size: 14px;
2251 font-weight: bold;
2252 position: relative;
2253 border-radius: 8px;
2254 }
2255 .vbo-menu-parent-li > span a {
2256 color: #fff !important;
2257 }
2258 .vbo-menu-parent-li > span a:hover {
2259 text-decoration: none !important;
2260 }
2261 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2262 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2263 transition-duration: 500ms;
2264 transition-property: opacity,transform;
2265 font-size: 12px;
2266 opacity: .7;
2267 margin-left: 4px;
2268 }
2269 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2270 transform: translateY(2px);
2271 }
2272 .vbo-menu-parent-li-active > span {
2273 background: #c2880e;
2274 }
2275 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2276 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2277 background: #3f708b;
2278 }
2279 .vbo-menu-parent-li > span > i {
2280 margin-left: -2px;
2281 margin-right: 7px;
2282 font-size: 17px;
2283 }
2284 .vbo-submenu-wrap li {
2285 margin: 0;
2286 }
2287 .vbo-submenu-wrap li > div a {
2288 padding: 8px 0;
2289 display: flex;
2290 }
2291 .vbo-submenu-wrap li > div a i {
2292 margin-right: 6px;
2293 margin-top: 2px;
2294 font-size: 16px;
2295 color: var(--vbo-config-titles-color-light);
2296 min-width: 22px;
2297 }
2298 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2299 display: inline-block;
2300 }
2301 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2302 max-width: 100%;
2303 border-radius: 50%;
2304 object-fit: cover;
2305 height: 20px;
2306 width: 20px;
2307 margin-right: 8px;
2308 }
2309 .vbo-submenu-wrap li .vbo-submenu-item {
2310 line-height: 1.4em;
2311 }
2312 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2313 display: block;
2314 }
2315 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2316 font-weight: bold;
2317 font-size: 16px;
2318 }
2319 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2320 font-size: 14px;
2321 color: var(--vbo-config-titles-color-light);
2322 }
2323 .vbo-submenu-wrap li:first-child a {
2324 padding-top: 0;
2325 }
2326 .vbo-submenu-wrap li:last-child a {
2327 padding-bottom: 0;
2328 }
2329 .vmenulink a {
2330 display: block;
2331 }
2332 .vmenulink a {
2333 color: var(--vbo-body-text-color) !important;
2334 }
2335 .vmenulinkactive a {
2336 display: block;
2337 color: var(--vbo-contrast-text-color) !important;
2338 }
2339 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2340 text-decoration: none;
2341 color: var(--vbo-base-color) !important;
2342 }
2343 .vbo-submenu-helper-ul > li > .vmenulink {
2344 display: flex;
2345 padding: 8px 0;
2346 }
2347 .vbo-submenu-helper-ul > li div a {
2348 padding: 0;
2349 margin-right: 13px;
2350 }
2351 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2352 align-self: center;
2353 margin-left: auto;
2354 font-size: 12px;
2355 display: inline-block;
2356 padding: 2px 3px;
2357 cursor: pointer;
2358 }
2359 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2360 opacity: 0;
2361 }
2362 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2363 color: var(--vbo-base-color);
2364 opacity: .7;
2365 }
2366 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2367 opacity: 1;
2368
2369 transition: all 200ms ease-in-out 200ms;
2370 -moz-transition: all 200ms ease-in-out 200ms;
2371 -webkit-transition: all 200ms ease-in-out 200ms;
2372 -o-transition: all 200ms ease-in-out 200ms;
2373 }
2374 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2375 color: var(--vbo-config-text-color-light);
2376 }
2377 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2378 opacity: 1;
2379 color: var(--vbo-base-color);
2380 }
2381
2382
2383 /* END Back-end Menu */
2384 .vbo-config-warn {
2385 display: block;
2386 font-style: italic;
2387 margin: 5px 0 0;
2388 }
2389 /* Bookings List - Begin */
2390 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2391 vertical-align: middle;
2392 font-size: 13px;
2393 }
2394 table.vbo-list-table tbody tr .vbo-highlighted-td {
2395 font-weight: bold;
2396 }
2397 .vbo-coupon-use-count a {
2398 display: inline-block;
2399 background: var(--vbo-base-color);
2400 padding: 0 5px;
2401 border-radius: 4px;
2402 color: var(--vbo-contrast-text-color);
2403 }
2404 .vbo-coupon-use-count a:hover {
2405 background: var(--vbo-base-color-hover);
2406 color: var(--vbo-contrast-text-color);
2407 }
2408 .vbo-list-table .btn {
2409 white-space: nowrap;
2410 }
2411 .vbo-list-table .btn i {
2412 margin-right: 3px;
2413 }
2414 a.vbo-bookingslist-viewdet-link {
2415 display: inline-block;
2416 cursor: pointer;
2417 color: #fff;
2418 min-width: 60%;
2419 }
2420 a.vbo-bookingslist-viewdet-link:hover {
2421 text-decoration: none;
2422 }
2423 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2424 border-radius: 50%;
2425 object-fit: cover;
2426 border: 1px solid var(--vbo-config-border-color);
2427 display: inline-block;
2428 vertical-align: top;
2429 width: 32px;
2430 height: 32px;
2431 line-height: 30px;
2432 font-weight: bold;
2433 margin: 2px 0;
2434 }
2435 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2436 display: inline-block;
2437 line-height: initial;
2438 }
2439 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2440 width: 20px;
2441 height: 20px;
2442 vertical-align: middle;
2443 object-fit: cover;
2444 }
2445 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2446 line-height: 34px;
2447 }
2448 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2449 border-radius: 50%;
2450 margin: 2px;
2451 width: 32px;
2452 height: 32px;
2453 text-align: center;
2454 }
2455 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2456 width: 20px;
2457 height: 20px;
2458 object-fit: cover;
2459 }
2460 .vbo-room-sharedcalendar {
2461 border: 1px solid var(--vbo-config-border-color);
2462 padding: 3px 6px;
2463 border-radius: 4px;
2464 background: var(--vbo-basic-btn);
2465 display: inline-block;
2466 margin-right: 3px;
2467 }
2468 .vbo-allbookings-fm, .vbo-list-form {
2469 background: var(--vbo-main-bg-color);
2470 }
2471 form[name="invoicesform"] {
2472 margin-bottom: 0;
2473 }
2474 form[name="invoicesform"] .btn-toolbar {
2475 margin-bottom: 0;
2476 }
2477 .vbo-allbookings-fm .btn-group {
2478 position: relative;
2479 }
2480 .vbo-list-form {
2481 padding-top: 10px;
2482 }
2483 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2484 margin-top: 0 !important;
2485 height: auto !important;
2486 background: var(--vbo-toolbar-bg-color);
2487 padding: 10px;
2488 box-sizing: border-box;
2489 }
2490 .vbo-allbookings-fm #vbo-search-tools-cont {
2491 margin-top: 5px;
2492 height: auto !important;
2493 padding: 10px;
2494 box-sizing: border-box;
2495 }
2496 .vbo-btn-toolbar #filter-bar {
2497 margin-top: 0;
2498 }
2499 .vbo-btn-toolbar .btn[type="submit"],
2500 .vbo-btn-toolbar .btn[type="button"] {
2501 padding: 8px 15px;
2502 box-shadow: none;
2503 border-color: var(--vbo-config-border-color);
2504 }
2505 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2506 font-weight: bold;
2507 }
2508 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2509 font-weight: normal;
2510 }
2511 .vbo-btn-toolbar .field-calendar .input-append,
2512 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2513 margin-bottom: 0;
2514 }
2515 .vbo-btn-toolbar .input-append .btn {
2516 padding: 8px 12px;
2517 border: 1px solid var(--vbo-config-border-color);
2518 border-radius: 0 2px 2px 0;
2519 }
2520 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2521 background: var(--vbo-blue-color);
2522 border: 1px solid var(--vbo-blue-color);
2523 color: #fff;
2524 padding: 7.5px 15px;
2525 }
2526 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2527 background: var(--vbo-config-bg-color);
2528 border-color: var(--vbo-blue-color)6;
2529 color: var(--vbo-blue-color);
2530 }
2531 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2532 border-top: 4px solid #fff !important;
2533 border-bottom: 0 !important;
2534 border-right: 4px solid transparent;
2535 border-left: 4px solid transparent;
2536 margin-left: 4px;
2537 }
2538 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2539 background: var(--vbo-config-bg-color);
2540 border-color: var(--vbo-blue-color);
2541 color: var(--vbo-blue-color);
2542 }
2543 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2544 border-bottom: 4px solid #fff !important;
2545 border-top: 0 !important;
2546 border-right: 4px solid transparent;
2547 border-left: 4px solid transparent;
2548 }
2549 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2550 border-top: 4px solid var(--vbo-blue-color) !important;
2551 border-bottom: 0 !important;
2552 border-right: 4px solid transparent;
2553 border-left: 4px solid transparent;
2554 }
2555 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2556 border-bottom: 4px solid #fff !important;
2557 border-top: 0 !important;
2558 border-right: 4px solid transparent;
2559 border-left: 4px solid transparent;
2560 }
2561 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2562 font-weight: normal;
2563 font-size: 14px !important;
2564 border: 1px solid var(--vbo-config-border-color) !important;
2565 border-radius: 2px !important;
2566 background: var(--vbo-input-style);
2567 }
2568 .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 {
2569 padding: 4px 5px;
2570 display: inherit;
2571 }
2572 .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 {
2573 display: inline-block;
2574 margin-left: 3px;
2575 margin-right: 0;
2576 width: 18px;
2577 height: 18px;
2578 line-height: 15px;
2579 font-size: 16px;
2580 text-align: center;
2581 border-radius: 50%;
2582 color: var(--vbo-config-titles-color-light);
2583 float: right;
2584 }
2585 .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 {
2586 background: var(--vbo-config-border-color);
2587 color: var(--vbo-config-titles-color-light);
2588 }
2589 .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 {
2590 height: 36px;
2591 }
2592 .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 {
2593 background-color: #b6d8ee;
2594 border: 1px solid #b8d1e1;
2595 border-radius: 30px;
2596 padding: 5px 10px;
2597 color: var(--vbo-base-color);
2598 font-weight: bold;
2599 font-size: 12px;
2600 }
2601 .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 {
2602 display: inline-block;
2603 margin-left: 3px;
2604 margin-right: 0;
2605 width: 18px;
2606 height: 18px;
2607 line-height: 15px;
2608 font-size: 16px;
2609 text-align: center;
2610 border-radius: 50%;
2611 color: var(--vbo-base-color);
2612 float: right;
2613 }
2614 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
2615 z-index: 9;
2616 position: relative;
2617 }
2618 .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 {
2619 background: var(--vbo-base-color-hover);
2620 color: #fff;
2621 }
2622 .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 {
2623 margin-top: 5px;
2624 margin-bottom: 5px !important;
2625 padding: 0;
2626 }
2627
2628 .vbo-list-form-filters {
2629 padding: 10px 20px;
2630 }
2631 .vbo-list-form-filters form {
2632 margin-bottom: 0;
2633 display: flex;
2634 flex-wrap: wrap;
2635 }
2636 .vbo-list-form-filter-select {
2637 display: inline-block;
2638 margin-right: 10px;
2639 }
2640 .vbo-list-form-filters form > .vbo-right-btn-container {
2641 margin-left: auto;
2642 align-self: end;
2643 }
2644 .vbo-avov-toolbar select {
2645 margin-bottom: 0;
2646 border-radius: 2px;
2647 border: 1px solid var(--vbo-config-border-color);
2648 padding: 8px 10px;
2649 height: inherit;
2650 }
2651 #vbo-search-tools-cont {
2652 width: 100%;
2653 display: inline-block;
2654 padding: 0px !important;
2655 }
2656 .pagination.pagination-toolbar {
2657 margin-bottom: 20px;
2658 }
2659 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2660 width: 98%;
2661 margin: 10px auto 20px;
2662 border-radius: 10px;
2663 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2664 }
2665 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2666 margin-bottom: 0;
2667 }
2668 .vbo-list-form .table-responsive table {
2669 margin-top: 0;
2670 }
2671 .vbo-orders-review-link {
2672 display: inline-block;
2673 margin-left: 5px;
2674 }
2675 .vbo-orders-review-link a {
2676 color: #ffbd3f;
2677 cursor: pointer;
2678 }
2679 .vbo-orders-review-link a:hover {
2680 color: var(--vbo-orange-color);
2681 }
2682 .vbo-bookslist-snapshot {
2683 cursor: pointer;
2684 }
2685 .vbo-bookslist-snapshot:hover {
2686 background-color: var(--vbo-blue-color-hover);
2687 color: #fff;
2688 }
2689 .vbo-orders-substatus {
2690 margin-top: 2px;
2691 }
2692 .vbo-orders-substatus .label {
2693 border-radius: 10px;
2694 }
2695 /* Search Tools Caret - Start */
2696 .btn-primary .caret {
2697 border-top: 0;
2698 border-bottom: 4px solid #FFF !important;
2699 margin-top: 7px;
2700 margin-bottom: 8px;
2701 }
2702 /* Search Tools Caret - End */
2703 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2704 color: var(--vbo-config-titles-color-light);
2705 }
2706 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2707 margin-left: 5px;
2708 }
2709 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2710 .vbo-bookingslist-table thead th a:hover,
2711 .vbo-list-table thead th .vbo-list-activesort,
2712 .vbo-list-table thead th a:hover {
2713 color: var(--vbo-base-color);
2714 text-decoration: none;
2715 }
2716 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2717 font-size: 14px;
2718 font-weight: bold;
2719 color: var(--vbo-config-titles-color-light);
2720 vertical-align: baseline;
2721 white-space: nowrap;
2722 }
2723 .vbo-bookingslist-viewdet:hover {
2724 color: var(--vbo-base-color-hover);
2725 }
2726 .vbo-bookingslist-viewdet-date {
2727 display: block;
2728 }
2729 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2730 font-size: 11px;
2731 font-weight: bold;
2732 color: var(--vbo-config-titles-color-light);
2733 }
2734 .vbo-bookingslist-viewdet-time span {
2735 display: inline-block;
2736 }
2737 .vbo-bookingslist-booktime-hour {
2738 color: var(--vbo-base-color);
2739 }
2740 .vbo-bookingslist-booktime-twrap {
2741 display: inline-block;
2742 min-width: 60px;
2743 }
2744 .vbo-bookingslist-roomunit {
2745 display: block;
2746 font-size: smaller;
2747 color: var(--vbo-config-titles-color-light);
2748 }
2749 .vbo-bookingslist-booktime-checkedin {
2750 display: inline-block;
2751 color: var(--vbo-green-color);
2752 }
2753 .vbo-bookingslist-booktime-checkedout {
2754 display: inline-block;
2755 color: var(--vbo-green-color);
2756 }
2757 .vbo-bookingslist-booktime-noshow {
2758 display: inline-block;
2759 color: var(--vbo-red-color);
2760 }
2761 .vbo-bookingslist-viewdet-fulldate {
2762 display: inline-block;
2763 margin-right: 15px;
2764 }
2765 .vbo-bookingslist-viewdet-open {
2766 float: right;
2767 }
2768 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2769 min-width: 20px;
2770 margin-right: -3px;
2771 }
2772 .vbo-provenience {
2773 display: inline-block;
2774 min-width: 85px;
2775 border: 0;
2776 border-radius: 3px;
2777 margin: 0 3px 0 0;
2778 padding: 7px 5px;
2779 color: var(--vbo-base-color);
2780 font-weight: bold;
2781 position: relative;
2782 font-size: 16px;
2783 word-break: break-all;
2784 }
2785 span.label.vbo-status-label {
2786 padding: 5px 14px !important;
2787 font-size: 12px;
2788 border-radius: 24px;
2789 letter-spacing: .3px;
2790 min-width: 70px;
2791 text-align: center;
2792 }
2793 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2794 background-color: var(--vbo-success-bg);
2795 }
2796 span.vbo-label-small, .vbo-label-small {
2797 padding: 5px 8px !important;
2798 font-size: 11px;
2799 line-height: 14px;
2800 }
2801 .vbo-bookingslist-total-totpaid {
2802 font-size: 11px;
2803 font-weight: bold;
2804 }
2805 .vbo-bookingslist-total-refunded {
2806 color: var(--vbo-red-color);
2807 display: inline-block;
2808 margin-left: 4px;
2809 }
2810 .vbo-admin-tipsicon i {
2811 font-size: 20px;
2812 color: var(--vbo-config-titles-color-light);
2813 }
2814 .vbo-admin-notes-icn {
2815 cursor: pointer;
2816 }
2817 .vbo-admin-invoiceicon i {
2818 font-size: 20px;
2819 color: var(--vbo-config-titles-color-light);
2820 }
2821 .vbo-timeline-content {
2822 background: var(--vbo-config-bg-color);
2823 }
2824 .vbo-bookings-guestmessages-bubble-cont i {
2825 font-size: 20px;
2826 color: var(--vbo-config-titles-color-light);
2827 position: relative;
2828 }
2829 .vbo-bookings-guestmessages-bubble-cont i:after {
2830 position: absolute;
2831 content: attr(data-message-count);
2832 width: 20px;
2833 height: 20px;
2834 border-radius: 50%;
2835 background: var(--vbo-red-color);
2836 color: #fff;
2837 font-weight: bold;
2838 font-size: 11px;
2839 line-height: 20px;
2840 font-family: Arial;
2841 top: -7px;
2842 right: -11px;
2843 text-align: center;
2844 }
2845 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2846 display:none;
2847 }
2848 #vbo-geninv-form .vbo-calendar-cfield-entry {
2849 margin: 15px 0;
2850 }
2851 .vbo-info-overlay-content-invoices h4 {
2852 font-size: 20px;
2853 border-bottom: 1px solid var(--vbo-config-border-color);
2854 padding-bottom: 10px;
2855 }
2856 /* Bookings List - End */
2857 /* Rates, Restrictions and Seasons Calendar - Begin */
2858 .vbo-warning {
2859 margin: 10px 0px;
2860 padding: 12px;
2861 color: var(--vbo-orange-color);
2862 border: 1px solid var(--vbo-orange-color);
2863 background-color: var(--vbo-config-bg-color);
2864 }
2865 .vbo-ratesoverview-top-container {
2866 background: var(--vbo-config-child-bg-color);
2867 padding-bottom: 20px;
2868 padding-top: 20px;
2869 }
2870 .vbo-ratesoverview-right-block {
2871 float: right;
2872 }
2873 .vbo-ratesoverview-right-inner {
2874 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2875 border: 1px solid var(--vbo-config-border-color);
2876 border-radius: 3px;
2877 display: none;
2878 margin-left: 20px;
2879 min-height: 60px;
2880 padding: 10px 10px;
2881 position: relative;
2882 vertical-align: top;
2883 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2884 margin-bottom: 10px;
2885 }
2886 .vbo-ratesoverview-vcmwarn-close {
2887 cursor: pointer;
2888 position: absolute;
2889 right: -8px;
2890 top: -8px;
2891 }
2892 .vbo-ratesoverview-vcmwarn-close i {
2893 color: var(--vbo-red-color);
2894 font-size: 16px;
2895 margin: 0;
2896 }
2897 .vbo-ratesoverview-vcmwarn-count {
2898 display: block;
2899 padding: 5px 5px 0;
2900 text-align: center;
2901 }
2902 .vbo-ratesoverview-vcmwarn-count i {
2903 color: var(--vbo-blue-color);
2904 }
2905 .vbo-ratesoverview-vcmwarn-open {
2906 display: block;
2907 text-align: center;
2908 margin-top: 10px;
2909 }
2910 .vbo-ratesoverview-roomsel-block {
2911 margin: 0 20px;
2912 }
2913 .vbo-ratesoverview-roomsel-block > form {
2914 display: flex;
2915 margin-bottom: 0;
2916 background: var(--vbo-config-child-bg-color);
2917 border: 1px solid var(--vbo-config-border-color);
2918 border-bottom-color: var(--vbo-config-border-color);
2919 border-bottom-style: solid;
2920 border-bottom-width: 1px;
2921 border-radius: 4px;
2922 border-bottom: 2px solid var(--vbo-config-border-color);
2923 box-shadow: 0 0 10px rgba(0,0,0,.1);
2924 }
2925 .vbo-ratesoverview-roomsel-block label {
2926 display: block;
2927 font-weight: bold;
2928 margin-bottom: 9px;
2929 }
2930 .vbo-ratesoverview-roomsel-entry {
2931 display: inline-block;
2932 vertical-align: top;
2933 background: var(--vbo-config-bg-color);
2934 padding: 15px;
2935 flex: 1;
2936 flex-basis: auto;
2937 }
2938 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2939 font-size: 16px;
2940 }
2941 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2942 color: var(--vbo-config-titles-color-light);
2943 font-size: 14px;
2944 margin-right: 5px;
2945 }
2946 .vbo-ratesoverview-roomsel-entry-forecast {
2947 flex-basis: 35%;
2948 }
2949 .vbo-ratesoverview-roomsel-entry-forecast > label {
2950 float: left;
2951 }
2952 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2953 margin-bottom: 20px;
2954 display: flex;
2955 justify-content: flex-end;
2956 }
2957 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2958 width: 36%;
2959 float: left;
2960 display: inline-block;
2961 }
2962 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2963 width: 100%;
2964 }
2965 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2966 padding: 10px 20px;
2967 }
2968 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2969 margin-bottom: 5px;
2970 }
2971 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2972 font-size: 22px;
2973 }
2974 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2975 width: 57% !important;
2976 height: auto !important;
2977 }
2978 .vbo-reportwidget-ratesoverv .chart-line-legend {
2979 margin-left: 0;
2980 }
2981 .vbo-ratesoverview-roomsel-entry-los {
2982 border-left: 1px solid var(--vbo-config-border-color);
2983 }
2984 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2985 flex-basis: 18%;
2986 border-right: 1px solid var(--vbo-config-border-color);
2987 background-color: var(--vbo-config-bg-color);
2988 border-top-left-radius: 4px;
2989 border-bottom-left-radius: 4px;
2990 }
2991 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2992 margin-bottom: 0;
2993 border-radius: 2px;
2994 border: 1px solid var(--vbo-config-border-color);
2995 padding: 8px 10px;
2996 height: inherit;
2997 }
2998 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2999 margin-bottom: 0;
3000 }
3001 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
3002 width: 80% !important;
3003 }
3004 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
3005 border: 0;
3006 background: transparent;
3007 }
3008 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
3009 padding: 0;
3010 }
3011 .select2-container--default .select2-selection--multiple .select2-selection__choice {
3012 background-color: #b6d8ee;
3013 border: 1px solid #b8d1e1;
3014 border-radius: 30px;
3015 padding: 5px 10px;
3016 color: #2d5593;
3017 font-weight: bold;
3018 max-width: 190px;
3019 overflow: hidden;
3020 text-overflow: ellipsis;
3021 }
3022 .select2-container--default .select2-selection--multiple .select2-selection__choice span {
3023 display: inline-block;
3024 margin-left: 3px;
3025 margin-right: 0;
3026 width: 18px;
3027 height: 18px;
3028 line-height: 15px;
3029 font-size: 16px;
3030 text-align: center;
3031 border-radius: 50%;
3032 color: var(--vbo-base-color);
3033 float: right;
3034 }
3035 .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
3036 background: var(--vbo-base-color);
3037 color: #fff;
3038 }
3039 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
3040 width: 100%;
3041 }
3042 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
3043 width: 98% !important;
3044 background: var(--vbo-config-bg-color);
3045 border: 1px solid var(--vbo-config-border-color);
3046 border-radius: 2px;
3047 padding: 8px 10px;
3048 }
3049 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
3050 vertical-align: bottom;
3051 margin-bottom: 16px;
3052 }
3053 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
3054 border: 0;
3055 }
3056 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
3057 border-right: 1px solid var(--vbo-config-border-color);
3058 flex-basis: calc(53%);
3059 }
3060 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
3061 line-height: 35px;
3062 }
3063 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
3064 font-weight: normal;
3065 font-size: 14px;
3066 }
3067 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
3068 height: 36px;
3069 border: 1px solid var(--vbo-config-border-color);
3070 border-radius: 2px;
3071 }
3072 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
3073 height: 36px;
3074 }
3075 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
3076 background: var(--vbo-config-bg-color);
3077 border: 1px solid var(--vbo-config-border-color);
3078 border-radius: 2px;
3079 padding: 8px 10px;
3080 width: 70% !important;
3081 }
3082 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
3083 padding: 8px 10px;
3084 border-radius: 0 2px 2px 0;
3085 border: 1px solid var(--vbo-config-border-color);
3086 }
3087 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
3088 margin-right: 0;
3089 }
3090 .vbo-ratesoverview-roomsel-entry .select2-container {
3091 margin-bottom: 9px;
3092 min-width: 200px;
3093 }
3094 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
3095 display: none;
3096 }
3097 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
3098 flex-basis: 100%;
3099 }
3100 .vbo-ratesoverview-entryinline {
3101 display: inline-block;
3102 margin-right: 5px;
3103 vertical-align: top;
3104 }
3105 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
3106 min-width: 110px;
3107 }
3108 .vbo-ratesoverview-rcalc-srooms {
3109 display: block;
3110 }
3111 .vbo-ratesoverview-numnight {
3112 display: inline-block;
3113 padding: 2px 8px;
3114 margin-right: 13px;
3115 border-radius: 3px;
3116 border: 1px solid var(--vbo-base-color);
3117 color: var(--vbo-base-color);
3118 position: relative;
3119 font-weight: bold;
3120 }
3121 .vbo-ratesoverview-numnight:after {
3122 background: var(--vbo-red-color) none repeat scroll 0 0;
3123 border-radius: 50%;
3124 color: #fff;
3125 content: "x";
3126 cursor: pointer;
3127 font-size: 11px;
3128 height: 16px;
3129 line-height: 14px;
3130 position: absolute;
3131 right: -15px;
3132 text-align: center;
3133 top: -9px;
3134 width: 16px;
3135 border: 2px solid #fff;
3136 }
3137 .vbo-ratesoverview-numnight:hover:after {
3138 background-color: var(--vbo-red-color);
3139 }
3140 .vbo-ratesoverview-numnight:active:after {
3141 background-color: var(--vbo-red-color-hover);
3142 }
3143 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3144 width: 35px !important;
3145 margin: 0 0 0 5px;
3146 display: inline-block;
3147 }
3148 #vbo-addnumnight-act {
3149 cursor: pointer;
3150 display: inline-block;
3151 margin-top: 10px;
3152 vertical-align: top;
3153 }
3154 #vbo-addnumnight-act i {
3155 color: var(--vbo-green-color);
3156 font-size: 18px;
3157 }
3158 .vbo-apply-los-btn {
3159 margin-left: 10px;
3160 }
3161 .vbo-seasons-calendar-table {
3162 width: 100%;
3163 margin-bottom: 0 !important;
3164 }
3165 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3166 background: var(--vbo-config-child-bg-color);
3167 border-top: 0 !important;
3168 padding: 15px 0;
3169 }
3170 tr.vbo-seasons-calendar-nightsrow td:first-child {
3171 width: 20%;
3172 }
3173 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3174 text-align: center;
3175 }
3176 tr.vbo-seasons-calendar-nightsrow td span {
3177 font-weight: bold;
3178 font-size: 15px;
3179 }
3180 tr.vbo-seasons-calendar-offseasonrow {
3181 border-bottom: 1px solid var(--vbo-basic-btn);
3182 }
3183 tr.vbo-seasons-calendar-offseasonrow td {
3184 height: 40px;
3185 }
3186 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3187 text-align: center;
3188 }
3189 tr.vbo-seasons-calendar-seasonrow {
3190 border-bottom: 1px solid var(--vbo-basic-btn);
3191 }
3192 tr.vbo-seasons-calendar-seasonrow td {
3193 height: 40px;
3194 }
3195 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3196 text-align: center;
3197 }
3198 .vbo-seasons-calendar-offseasonname {
3199 font-style: italic;
3200 font-size: 15px;
3201 }
3202 .vbo-seasons-calendar-offseasoncosts {
3203 display: block;
3204 }
3205 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3206 display: block;
3207 margin: 8px 0;
3208 }
3209 .vbo-seasons-calendar-seasoncost-notaffected {
3210 opacity: 0.3;
3211 }
3212 .vbo-seasons-calendar-pricename {
3213 display: block;
3214 font-style: italic;
3215 }
3216 .vbo-seasons-calendar-pricecost {
3217 display: block;
3218 font-weight: bold;
3219 }
3220 .vbo-seasons-calendar-seasondates {
3221 display: block;
3222 }
3223 .vbo-seasons-calendar-seasonchargedisc {
3224 display: block;
3225 float: right;
3226 }
3227 .vbo-seasons-calendar-slabel {
3228 border-radius: 0.25em;
3229 color: #fff;
3230 display: inline;
3231 font-size: 95%;
3232 font-weight: 700;
3233 line-height: 1;
3234 padding: 0.2em 0.6em 0.3em;
3235 text-align: center;
3236 vertical-align: baseline;
3237 white-space: nowrap;
3238 }
3239 .vbo-seasons-calendar-season-charge {
3240 background-color: #777;
3241 }
3242 .vbo-seasons-calendar-season-discount {
3243 background-color: #f0ad4e;
3244 }
3245 .vbo-seasons-calendar-operator {
3246 display: inline-block;
3247 margin-right: 3px;
3248 font-weight: bold;
3249 font-size: 105%;
3250 }
3251 .vbo-seasons-calendar-seasonfrom {
3252 display: inline-block;
3253 }
3254 .vbo-seasons-calendar-seasondates-separe {
3255 display: inline-block;
3256 margin: 0 3px 0 3px;
3257 }
3258 .vbo-seasons-calendar-seasonto {
3259 display: inline-block;
3260 }
3261 .vbo-seasons-calendar-seasonname {
3262 display: block;
3263 font-weight: bold;
3264 white-space: initial;
3265 }
3266 .vbo-seasons-calendar-restrictions {
3267 display: block;
3268 }
3269 .vbo-seasons-calendar-restriction-minlos {
3270 display: inline-block;
3271 padding: 6px 6px 5px 7px;
3272 background: var(--vbo-config-border-color);
3273 font-size: 12px;
3274 font-weight: bold;
3275 border-radius: 2px;
3276 margin-top: 3px;
3277 }
3278 .vbo-seasons-calendar-restriction-minlos-badge {
3279 display: inline-block;
3280 min-width: 20px;
3281 min-height: 20px;
3282 background: var(--vbo-config-bg-color);
3283 color: var(--vbo-body-text-color);
3284 font-size: 13px;
3285 font-weight: bold;
3286 padding: 4px;
3287 border-radius: 50%;
3288 text-align: center;
3289 margin-left: 2px;
3290 }
3291 .vbo-seasons-calendar-restriction-maxlos {
3292 display: inline-block;
3293 padding: 2px 3px 2px 3px;
3294 background: var(--vbo-config-text-color-light);
3295 font-size: 12px;
3296 font-weight: bold;
3297 border-radius: 4px;
3298 }
3299 .vbo-seasons-calendar-restriction-maxlos-badge {
3300 display: inline-block;
3301 min-width: 20px;
3302 min-height: 20px;
3303 background: var(--vbo-config-bg-color);
3304 color: var(--vbo-body-text-color);
3305 font-size: 13px;
3306 font-weight: bold;
3307 padding: 4px;
3308 border-radius: 50%;
3309 text-align: center;
3310 margin-left: 2px;
3311 }
3312 .vbo-seasons-calendar-restriction-wdays {
3313 display: block;
3314 }
3315 .vbo-seasons-calendar-restriction-wdays label {
3316 display: block;
3317 font-style: italic;
3318 }
3319 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3320 display: inline-block;
3321 padding: 2px 3px 2px 3px;
3322 margin-right: 4px;
3323 background: var(--vbo-base-color);
3324 color: #fff;
3325 border-radius: 4px;
3326 }
3327 .vbo-ratesoverview-roomsel-entry-calc-inner {
3328 border-bottom: 1px solid var(--vbo-basic-btn);
3329 padding: 0 0 10px;
3330 margin: 10px 0 0;
3331 }
3332 .vbo-ratesoverview-calculation-response {
3333 margin: 10px 0 0;
3334 }
3335 .vbo-ratesoverview-calculation-response-room {
3336 margin: 10px 0 40px;
3337 }
3338 .vbo-ratesoverview-calculation-response-room:last-child {
3339 margin-bottom: 0;
3340 padding-bottom: 0;
3341 border: 0;
3342 }
3343 .vbo-ratesoverview-calculation-response-room h4 {
3344 font-weight: normal;
3345 font-size: 14px;
3346 }
3347 .vbo-ratesoverview-calculation-response-room-name {
3348 display: block;
3349 font-weight: bold;
3350 font-size: 16px;
3351 margin-bottom: 5px;
3352 }
3353 .vbo-calcrates-rateblock {
3354 padding: 15px;
3355 margin: 15px 0;
3356 background: var(--vbo-config-bg-color);
3357 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3358 border-radius: 10px;
3359 display: flex;
3360 flex-wrap: wrap;
3361 }
3362 .vbo-calcrates-rateblock > span {
3363 display: inline-block;
3364 flex: 1;
3365 margin-right: 15px;
3366 font-size: 15px;
3367 color: var(--vbo-config-titles-color-light);
3368 }
3369 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3370 font-weight: bold;
3371 font-size: 17px;
3372 flex-basis: 100%;
3373 margin-bottom: 8px;
3374 vertical-align: top;
3375 align-self: center;
3376 }
3377 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3378 display: inline-block;
3379 font-weight: bold;
3380 margin-right: 55px;
3381 font-size: 16px;
3382 }
3383 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3384 width: 15%;
3385 }
3386 .vbo-calcrates-rateblock > span > span {
3387 display: block;
3388 font-size: 12px;
3389 font-weight: bold;
3390 color: var(--vbo-config-titles-color-light);
3391 }
3392 .vbo-calcrates-rateblock .vbo-calcrates-info {
3393 margin-top: 14px;
3394 }
3395 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3396 align-self: center;
3397 background-color: var(--vbo-base-color);
3398 color: #fff;
3399 border: 0;
3400 padding: 9px 14px;
3401 font-weight: bold;
3402 display: inline-block;
3403 margin-left: auto;
3404 }
3405 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3406 background-color: var(--vbo-base-color-hover);
3407 }
3408 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3409 background-color: var(--vbo-link-text-color);
3410 }
3411 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3412 display: inline-block;
3413 min-width: 100px;
3414 margin: 0 15px 0 0;
3415 font-weight: bold;
3416 font-size: 12px;
3417 }
3418 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3419 display: inline-block;
3420 font-style: italic;
3421 margin-right: 5px;
3422 color: var(--vbo-config-titles-color-light);
3423 }
3424
3425 .vbo-ratesoverview-tabscont {
3426 margin: 0 0 10px 0;
3427 text-align: right;
3428 float: right;
3429 }
3430 .vbo-ratesoverview-tabscont div {
3431 cursor: pointer;
3432 display: inline-block;
3433 text-align: center;
3434 padding: 12px;
3435 margin: 0 5px;
3436 border-radius: 2px;
3437 font-size: 14px;
3438 }
3439 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3440 background: var(--vbo-blue-color);
3441 color: #fff;
3442 font-weight: bold;
3443 border: 2px solid var(--vbo-blue-color);
3444 }
3445 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3446 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3447 border: 2px solid var(--vbo-config-child-bg-color);
3448 }
3449 .vbo-roverw-rplan-on {
3450 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3451 color: var(--vbo-body-text-color);
3452 cursor: pointer;
3453 font-size: 15px;
3454 }
3455 .vbo-roverw-rplan-on:hover {
3456 background: var(--vbo-light-color-btn);
3457 }
3458 .vbo-roverw-rplan-off {
3459 background: var(--vbo-red-color) none repeat scroll 0 0;
3460 color: #fff;
3461 cursor: not-allowed;
3462 }
3463 .block-picked-start, .block-picked-middle, .block-picked-end,
3464 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3465 background: var(--vbo-orange-color) none repeat scroll 0 0;
3466 }
3467 .vbo-smallersp {
3468 font-size: smaller;
3469 }
3470 .vbo-roverw-infoblock {
3471 display: block;
3472 padding-bottom: 8px;
3473 margin-bottom: 8px;
3474 text-align: center;
3475 border-bottom: 1px solid var(--vbo-config-border-color);
3476 }
3477 .vbo-roverw-infoblock span {
3478 display: inline-block;
3479 font-weight: bold;
3480 font-size: 13px;
3481 }
3482 .vbo-roverw-infoblock span#rovervw-roomname {
3483 display: block;
3484 text-align: center;
3485 font-weight: bold;
3486 font-size: 18px;
3487 margin-bottom: 7px;
3488 }
3489 .vbo-roverw-alldays {
3490 display: table;
3491 width: 100%;
3492 }
3493 .vbo-roverw-alldays-inner {
3494 display: table-cell;
3495 text-align: center;
3496 vertical-align: middle;
3497 }
3498 .vbo-roverw-daymod {
3499 display: inline-block;
3500 vertical-align: top;
3501 margin: 4px 6px;
3502 padding: 12px 10px;
3503 background: var(--vbo-blue-color) none repeat scroll 0 0;
3504 border-radius: 4px;
3505 text-align: center;
3506 width: 19%;
3507 }
3508 .vbo-roverw-daymod-innercell {
3509 position: relative;
3510 }
3511 .vbo-roverw-daymod-infospids {
3512 bottom: -10px;
3513 color: #d6e2ff;
3514 cursor: pointer;
3515 font-size: 15px;
3516 font-weight: bold;
3517 right: -8px;
3518 padding: 0;
3519 position: absolute;
3520 }
3521 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3522 color: #fff;
3523 }
3524 .vbo-roverw-daymod-infospids span {
3525 display: inline-block;
3526 margin: 0;
3527 }
3528 .vbo-roverw-daymod-infospids-outcont {
3529 display: none;
3530 position: absolute;
3531 transform: translate(-50%, 0%);
3532 padding: 10px;
3533 border: 2px solid var(--vbo-config-border-color);
3534 border-radius: 2px;
3535 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3536 box-shadow: 0 0 10px rgba(0,0,0,.15);
3537 top: 72px;
3538 left: 50%;
3539 min-width: 150px;
3540 z-index: 101;
3541 }
3542 .vbo-roverw-daymod-infospids-incont ul {
3543 margin: 0;
3544 }
3545 .vbo-roverw-daymod-infospids-incont ul li {
3546 list-style-type: none;
3547 border-bottom: 1px solid var(--vbo-config-border-color);
3548 padding: 5px 0;
3549 }
3550 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3551 border: 0;
3552 }
3553 .vbo-roverw-daymod-infospids-incont ul li a {
3554 color: var(--vbo-config-title-color);
3555 font-weight: bold;
3556 }
3557 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3558 color: var(--vbo-blue-color);
3559 }
3560 .vbo-roverw-daydate {
3561 display: inline-block;
3562 text-align: center;
3563 width: 96%;
3564 color: #fff;
3565 padding-bottom: 5px;
3566 margin-bottom: 0;
3567 }
3568 .vbo-roverw-dayprice {
3569 display: inline-block;
3570 text-align: center;
3571 color: #fff;
3572 font-weight: bold;
3573 border: 1px solid var(--vbo-base-color);
3574 border-radius: 4px;
3575 padding: 7px;
3576 width: 100%;
3577 box-sizing: border-box;
3578 font-size: 15px;
3579 }
3580 .vbo-roverw-setnewrate {
3581 display: block;
3582 margin-top: 20px;
3583 width: 100%;
3584 border-top: 1px solid var(--vbo-config-border-color);
3585 padding: 10px 0;
3586 }
3587 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3588 display: flex;
3589 margin-bottom: 10px;
3590 }
3591 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3592 flex: 1;
3593 text-align: center;
3594 border: 1px solid var(--vbo-config-border-color);
3595 border-radius: 4px;
3596 margin: 5px 10px;
3597 padding: 12px;
3598 box-shadow: 0 0 10px rgba(0,0,0,.1);
3599 }
3600 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3601 background: var(--vbo-config-bg-color);
3602 border: 1px solid var(--vbo-config-border-color);
3603 border-radius: 2px;
3604 padding: 8px 10px;
3605 }
3606 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3607 display: inline-block;
3608 }
3609 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3610 width: 100px !important;
3611 }
3612 .vbo-roverw-closeopenrp {
3613 display: table;
3614 margin: 0 auto 20px;
3615 margin-top: 30px;
3616 padding: 0;
3617 background: var(--vbo-config-child-bg-color);
3618 border-radius: 5px;
3619 }
3620 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3621 padding: 4px 0;
3622 text-align: center;
3623 margin: 0 0 7px;
3624 font-size: 16px;
3625 }
3626 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3627 color: var(--vbo-config-titles-color-light);
3628 font-size: 14px;
3629 margin-right: 5px;
3630 }
3631
3632 .vbo-roverw-closeopenrp h4 {
3633 cursor: pointer;
3634 background: var(--vbo-middle-color-btn);
3635 border-radius: 5px;
3636 padding: 15px 20px;
3637 margin: 0;
3638 color: #fff;
3639 font-weight: normal;
3640 }
3641 .vbo-roverw-closeopenrp-btns {
3642 display: none;
3643 text-align: center;
3644 margin-top: 30px;
3645 margin-bottom: 20px;
3646 }
3647 .vbo-roverw-closeopenrp-btns button {
3648 margin: 0 3px;
3649 padding: 8px 12px;
3650 }
3651 .vbo-roverw-setnewrate-inner {
3652 display: block;
3653 text-align: center;
3654 }
3655 .vbo-roverw-setnewrate-btns {
3656 display: block;
3657 text-align: center;
3658 margin-top: 15px;
3659 }
3660 .vbo-roverw-setnewrate-btns button {
3661 margin: 0 3px;
3662 }
3663 .vbo-roverw-setnewrate-btns button.btn-danger {
3664 border-radius: 3px;
3665 padding: 10px 14px;
3666 margin-bottom: 0;
3667 }
3668 .vbo-info-overlay-loading {
3669 display: none;
3670 position: fixed;
3671 left: 40%;
3672 top: 40%;
3673 width: 20%;
3674 height: 20%;
3675 z-index: 101;
3676 padding: 10px;
3677 color: #fff;
3678 font-size: 30px;
3679 text-align: center;
3680 }
3681 .vbo-modal-overlay-content-body-scroll {
3682 height: calc(100% - 200px);
3683 overflow: hidden;
3684 overflow-y: scroll;
3685 }
3686 .vbo-roverviewrowone .bluedays {
3687 background: var(--vbo-base-color);
3688 color: #fff;
3689 padding: 6px 15px;
3690 cursor: pointer;
3691 }
3692 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3693 color: var(--vbo-body-text-color);
3694 }
3695 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3696 background: #095880;
3697 }
3698 .vbo-roverviewrowone .vbo-roverv-festcell {
3699 background: #a07e9a !important;
3700 cursor: pointer;
3701 }
3702 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3703 background-color: #bf8cb6 !important;
3704 }
3705 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3706 background-color: #cca5c5 !important;
3707 }
3708 .vbo-roverviewrowone .bluedays > span {
3709 display: block;
3710 }
3711 .vbo-roverw-roomdaynote-icn {
3712 position: relative;
3713 }
3714 .vbo-roverw-roomdaynote-icn i {
3715 position: absolute;
3716 right: -10px;
3717 top: 2px;
3718 font-size: 12px;
3719 }
3720 .vbo-roverw-roomdaynote-icn:hover i {
3721 color: var(--vbo-body-text-color);
3722 }
3723 .vbo-roverviewrowone .vbo-roverw-tablewday {
3724 color: #fff;
3725 font-size: 12px;
3726 }
3727 .vbo-roverviewrowone .vbo-roverw-tablemday {
3728 font-size: 24px;
3729 margin: 3px 0;
3730 }
3731 .vbo-roverw-tablemonth {
3732 font-size: 12px;
3733 color: #fff;
3734 text-transform: uppercase;
3735 font-weight: normal;
3736 }
3737 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3738 display: inline-block;
3739 vertical-align: top;
3740 }
3741 .vbo-roverview-datecmd {
3742 margin-bottom: 3px;
3743 }
3744 .vbo-roverview-datecmd form {
3745 margin: 0 !important;
3746 }
3747 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3748 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3749 color: var(--vbo-blue-color);
3750 font-size: 15px;
3751 text-decoration: none;
3752 margin-top: 5px;
3753 background: var(--vbo-body-bg-color);
3754 padding: 3px 5px;
3755 display: inline-block;
3756 width: 15px;
3757 border-radius: 2px;
3758 vertical-align: top;
3759 }
3760 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3761 text-decoration: none;
3762 color: var(--vbo-config-titles-color-light);
3763 }
3764 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3765 margin-right: 10px;
3766 }
3767 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3768 margin-bottom: 0;
3769 padding: 0 10px;
3770 }
3771 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3772 font-size: 15px;
3773 text-decoration: none;
3774 margin-top: 5px;
3775 background: var(--vbo-input-style);
3776 padding: 8px 5px;
3777 display: inline-block;
3778 width: 112px;
3779 border-radius: 2px;
3780 vertical-align: top;
3781 }
3782 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3783 width: 70px !important;
3784 cursor: pointer;
3785 margin: -3px 0 0 3px;
3786 border: 0;
3787 padding: 0;
3788 font-weight: bold;
3789 }
3790 .vbo-roverview-datecmd a {
3791 display: inline-block;
3792 }
3793 .vbo-roverviewtablerow td {
3794 padding: 15px 10px;
3795 }
3796 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3797 padding: 9px 10px 22px;
3798 }
3799 .vbo-roverviewtableavrow td {
3800 padding: 10px 10px;
3801 }
3802 .vbo-roverviewtablerow td:first-child {
3803 font-weight: bold;
3804 background: var(--vbo-config-child-bg-color);
3805 background-clip: padding-box;
3806 }
3807 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3808 background: var(--vbo-config-bg-color) !important;
3809 font-weight: bold;
3810 padding: 10px;
3811 font-size: 14px;
3812 }
3813 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3814 border: 0;
3815 }
3816 td.vbo-roverw-daynotbusy {
3817 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3818 color: var(--vbo-body-text-color);
3819 cursor: not-allowed;
3820 }
3821 td.vbo-roverw-daybusy {
3822 background: var(--vbo-red-color) none repeat scroll 0 0;
3823 color: #fff;
3824 cursor: not-allowed;
3825 }
3826 td.vbo-roverw-daybusypartially {
3827 background: var(--vbo-orange-color) none repeat scroll 0 0;
3828 color: #fff;
3829 cursor: not-allowed;
3830 }
3831 td.vbo-roverw-daybusy:hover {
3832 cursor: pointer;
3833 }
3834 .vbo-roverview-roomunits {
3835 background: #3e6372 none repeat scroll 0 0;
3836 border-radius: 50%;
3837 color: #fff;
3838 display: inline-block;
3839 font-size: 11px;
3840 font-weight: bold;
3841 margin: 0 5px 0 0;
3842 height: 14px;
3843 width: 14px;
3844 line-height: 14px;
3845 padding: 3px;
3846 text-align: center;
3847 }
3848 .vbo-info-overlay-content-rovervw {
3849 padding: 20px 10px !important;
3850 height: 80% !important;
3851 }
3852 .ui-datepicker-multi-2 .ui-datepicker-group {
3853 width: 49% !important;
3854 }
3855 .vbo-roverw-setnewrate-vcm {
3856 padding: 4px;
3857 display: block;
3858 width: 50%;
3859 margin: 0 auto;
3860 }
3861 .vbo-roverw-setnewrate-vcm-head {
3862 margin-bottom: 5px;
3863 font-weight: bold;
3864 }
3865 .vbo-roverw-setnewrate-vcm-body {
3866 text-align: center;
3867 }
3868 .vbo-vcm-notinstalled {
3869 color: var(--vbo-red-color);
3870 }
3871 .vbo-vcm-installed {
3872 color: var(--vbo-config-title-color);
3873 }
3874 /* Rates, Restrictions and Seasons Calendar - End */
3875 /* Toggle Switch - Start */
3876 /* The switch - the box around the slider */
3877 .vbo-switch {
3878 position: relative;
3879 display: inline-block;
3880 width: 60px;
3881 height: 34px;
3882 }
3883 /* Hide default HTML checkbox */
3884 .vbo-switch input {
3885 display: none;
3886 }
3887 /* The slider */
3888 .vbo-slider {
3889 position: absolute;
3890 cursor: pointer;
3891 top: 0;
3892 left: 0;
3893 right: 0;
3894 bottom: 0;
3895 background-color: #ccc;
3896 -webkit-transition: .4s;
3897 transition: .4s;
3898 }
3899 .vbo-slider.vbo-slider-disabled {
3900 cursor: not-allowed;
3901 }
3902 .vbo-slider:before {
3903 position: absolute;
3904 content: "";
3905 height: 26px;
3906 width: 26px;
3907 left: 4px;
3908 bottom: 4px;
3909 background-color: white;
3910 -webkit-transition: .4s;
3911 transition: .4s;
3912 }
3913 input:checked + .vbo-slider {
3914 background-color: #2196F3;
3915 }
3916 input:focus + .vbo-slider {
3917 box-shadow: 0 0 1px #2196F3;
3918 }
3919 input:checked + .vbo-slider:before {
3920 -webkit-transform: translateX(26px);
3921 -ms-transform: translateX(26px);
3922 transform: translateX(26px);
3923 }
3924 /* Rounded sliders */
3925 .vbo-slider.vbo-round {
3926 border-radius: 34px;
3927 }
3928 .vbo-slider.vbo-round:before {
3929 border-radius: 50%;
3930 }
3931 /* Toggle Switch - End */
3932 .new_depovr_container {
3933 margin: 4px 0 15px;
3934 padding: 10px;
3935 border: 1px solid var(--vbo-config-border-color);
3936 border-radius: 4px;
3937 }
3938 .new_depovr_container > span {
3939 display: inline-block;
3940 vertical-align: top;
3941 margin-right: 23px;
3942 }
3943 .new_depovr_container > span:last-child {
3944 margin-right: 0;
3945 float: right;
3946 }
3947 .new_depovr_container > span > span {
3948 display: inline-block;
3949 margin: 0 5px;
3950 }
3951 .new_depovr_container > span > .btn-danger {
3952 padding: 8px 13px 11px;
3953 font-weight: bold;
3954 font-size: 20px;
3955 line-height: 16px;
3956 }
3957 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3958 margin: 0 !important;
3959 }
3960 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3961 width: 100px !important;
3962 }
3963 .cur_depoverrides {
3964 margin: 0 0 4px 0;
3965 display: inline-block;
3966 }
3967 .cur_depoverrides span {
3968 margin: 3px;
3969 border-bottom: 1px solid var(--vbo-config-text-color-light);
3970 border: 1px solid var(--vbo-config-border-color);
3971 padding: 5px 8px;
3972 border-radius: 3px;
3973 background: var(--vbo-config-child-bg-color);
3974 display: inline-block;
3975 }
3976 .cur_depoverrides span:first-child {
3977 margin-left: 0;
3978 }
3979 .cur_depoverrides + .btn {
3980 display: inline-block;
3981 vertical-align: top;
3982 margin-top: 3px;
3983 padding: 5px 10px;
3984 }
3985 /* Timeline Rates Overview - Start */
3986 .vbo-ratesoverview-lostab-cont .table-responsive {
3987 width: 98%;
3988 margin: 10px auto 20px;
3989 border-radius: 10px;
3990 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3991 }
3992 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3993 border-top: 1px solid var(--vbo-config-border-color);
3994 }
3995 .vbo-timeline-container {
3996 display: block;
3997 width: 100%;
3998 margin: auto auto 0;
3999 overflow: auto;
4000 }
4001 #vbo-timeline {
4002 list-style: none;
4003 margin: 70px auto 0;
4004 padding: 0;
4005 border-top: 8px solid var(--vbo-blue-color);
4006 display: table;
4007 border-spacing: 30px 0;
4008 text-align: center;
4009 }
4010 #vbo-timeline li {
4011 display: table-cell;
4012 height: 160px;
4013 }
4014 #vbo-timeline li .vbo-timeline-relative {
4015 position: relative;
4016 }
4017 #vbo-timeline p {
4018 margin: 0;
4019 }
4020 .vbo-timeline-date {
4021 text-align: center;
4022 top: -45px;
4023 left: 0;
4024 right: 0;
4025 font-size: 0.95em;
4026 line-height: 25px;
4027 position: absolute;
4028 font-weight: bold;
4029 }
4030 .vbo-timeline-circle {
4031 margin: 0 auto;
4032 top: -14px;
4033 left: 0;
4034 right: 0;
4035 width: 10px;
4036 height: 10px;
4037 background: var(--vbo-config-bg-color);
4038 border: 5px solid var(--vbo-blue-color);
4039 border-radius: 50%;
4040 display: block;
4041 position: absolute;
4042 cursor: pointer;
4043 }
4044 .vbo-timeline-content {
4045 border-color: var(--vbo-main-bg-color);
4046 width: 180px;
4047 max-height: 120px;
4048 margin-top: 25px;
4049 vertical-align: top;
4050 padding: 35px 15px 15px;
4051 transition: width 0.2s linear, max-height 0.2s linear;
4052 border-width: 2px;
4053 border-style: solid;
4054 border-radius: 0.5em;
4055 position: relative;
4056 }
4057 .vbo-timeline-content:before, .vbo-timeline-content:after {
4058 content: "";
4059 width: 0;
4060 height: 0;
4061 border: solid transparent;
4062 position: absolute;
4063 pointer-events: none;
4064 bottom: 100%;
4065 }
4066 .vbo-timeline-content:before {
4067 border-bottom-color: inherit;
4068 border-width: 15px;
4069 left: 50%;
4070 margin-left: -15px;
4071 }
4072 .vbo-timeline-content:after {
4073 border-bottom-color: var(--vbo-config-bg-color);
4074 border-width: 12px;
4075 left: 50%;
4076 margin-left: -12px;
4077 }
4078 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
4079 background-color: transparent !important;
4080 border: 1px solid var(--vbo-blue-color);
4081 color: var(--vbo-blue-color);
4082 padding: 8px 6px !important;
4083 vertical-align: top;
4084 }
4085 .vbo-timeline-content .label-info .badge {
4086 background: var(--vbo-blue-color) !important;
4087 margin-left: 2px;
4088 }
4089 .vbo-timeline-content .btn {
4090 padding: 8px 15px;
4091 box-shadow: none;
4092 border-color: var(--vbo-config-border-color);
4093 vertical-align: top;
4094 }
4095 .vbo-timeline-content .btn i {
4096 margin-right: 5px;
4097 }
4098 .vbo-timeline-content p {
4099 max-height: 0;
4100 color: transparent;
4101 text-align: center;
4102 /* text-align: justify; */
4103 word-break: break-word;
4104 -moz-hyphens: auto;
4105 overflow: hidden;
4106 }
4107 .vbo-ratesoverview-bottom-container {
4108 background: var(--vbo-config-bg-color);
4109 }
4110 label.vbo-timeline-label {
4111 font-size: 1.2em;
4112 position: absolute;
4113 z-index: 1;
4114 cursor: pointer;
4115 width: 180px;
4116 white-space: nowrap;
4117 text-overflow: ellipsis;
4118 overflow: hidden;
4119 display: block;
4120 top: 35px;
4121 left: 15px;
4122 }
4123 .vbo-timeline-radio {
4124 display: none;
4125 }
4126 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
4127 cursor: auto;
4128 width: 300px;
4129 }
4130 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
4131 background: var(--vbo-green-color);
4132 }
4133 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
4134 max-height: 180px;
4135 border-color: var(--vbo-blue-color);
4136 width: 300px;
4137 }
4138 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
4139 max-height: 180px;
4140 min-height: 35px;
4141 color: var(--vbo-config-title-color);
4142 transition: color 0.3s linear 0.3s;
4143 -webkit-transition: color 0.3s linear 0.3s;
4144 }
4145 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4146 max-height: 0;
4147 max-width: 0;
4148 color: transparent;
4149 word-break: break-word;
4150 -moz-hyphens: auto;
4151 overflow: hidden;
4152 }
4153 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4154 max-height: 180px;
4155 min-height: 35px;
4156 color: #fff;
4157 transition: color 0.3s linear 0.3s;
4158 -webkit-transition: color 0.3s linear 0.3s;
4159 }
4160 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4161 background-color: var(--vbo-orange-color);
4162 }
4163 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4164 background-color: var(--vbo-input-style-nested-deactive);
4165 color: var(--vbo-body-text-color);
4166 }
4167 /* Timeline Rates Overview - End */
4168 /* Translations - Start */
4169 .vbo-translation-langtabs {
4170 display: block;
4171 margin: 0;
4172 padding: 0;
4173 background: var(--vbo-config-bg-color);
4174 border: 1px solid var(--vbo-config-border-color);
4175 }
4176 .vbo-translation-tab {
4177 display: inline-block;
4178 cursor: pointer;
4179 vertical-align: middle;
4180 font-weight: bold;
4181 min-width: 120px;
4182 text-align: center;
4183 color: var(--vbo-config-titles-color-light);
4184 border-right: 1px solid var(--vbo-config-border-color);
4185 border-bottom: none;
4186 margin: 0 0 -1px;
4187 padding: 12px 14px;
4188 }
4189 .vbo-translation-tab .vbo-translation-flag {
4190 margin-right: 5px;
4191 }
4192 .vbo-translation-tab:hover {
4193 background: var(--vbo-config-child-bg-color);
4194 }
4195 .vbo-translation-tab-default {
4196 border-bottom: 2px solid var(--vbo-blue-color);
4197 color: var(--vbo-blue-color);
4198 }
4199 .vbo-translation-tabscontents {
4200 display: block;
4201 margin: 0;
4202 padding: 0;
4203 border: 1px solid var(--vbo-config-border-color);
4204 min-height: 200px;
4205 }
4206 .vbo-translation-langcontent {
4207 background: var(--vbo-main-bg-color);
4208 }
4209 .vbo-translation-langcontent .adminlegend {
4210 margin: 10px 20px 0;
4211 border-bottom: 0;
4212 color: var(--vbo-config-title-color);
4213 }
4214 .vbo-translations-tab-container {
4215 padding: 0 10px;
4216 }
4217 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4218 background: var(--vbo-config-bg-color);
4219 border-radius: 8px;
4220 padding: 20px;
4221 margin: 15px 10px;
4222 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4223 }
4224 .vbo-translations-element-title {
4225 border-bottom: 1px solid var(--vbo-basic-btn);
4226 font-size: 16px;
4227 font-weight: bold;
4228 padding-bottom: 10px;
4229 margin-bottom: 10px;
4230 }
4231 .vbo-translations-element-row {
4232 display: flex;
4233 margin: 25px 0;
4234 font-size: 14px;
4235 }
4236 .vbo-translations-element-row-nested {
4237 margin: 0 0 0 10px;
4238 padding: 10px;
4239 background: var(--vbo-config-child-bg-color);
4240 border-bottom: 1px solid var(--vbo-basic-btn);
4241 }
4242 .vbo-translations-element-row .vbo-translations-element-lbl {
4243 flex-basis: 250px;
4244 margin-right: 20px;
4245 margin-bottom: 5px;
4246 }
4247 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4248 margin-right: 0;
4249 }
4250 .vbo-translations-element-row .vbo-translations-element-val {
4251 flex: 1;
4252 }
4253 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4254 height: 250px !important;
4255 }
4256 .vbo-translations-element-row .vbo-translations-element-val textarea {
4257 width: 100%;
4258 }
4259 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4260 padding-left: 35px;
4261 }
4262 .vbo-translations-language-element .vbo-translations-element-lbl {
4263 position: relative;
4264 }
4265 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions {
4266 position: absolute;
4267 margin-top: 5px;
4268 display: flex;
4269 gap: 5px;
4270 /*padding: 4px 8px;*/
4271 /*background-color: var(--vbo-basic-btn);*/
4272 /*border: 1px solid var(--vbo-config-border-color);*/
4273 /*cursor: pointer;*/
4274 /*border-radius: 4px;*/
4275 }
4276 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > * {
4277 display: block;
4278 padding: 4px 8px;
4279 background-color: var(--vbo-basic-btn);
4280 border: 1px solid var(--vbo-config-border-color);
4281 cursor: pointer;
4282 border-radius: 4px;
4283 }
4284 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > *:hover {
4285 background-color: var(--vbo-basic-btn-hover);
4286 }
4287 .vbo-translate-column-cell {
4288 background: none repeat scroll 0 0 #e9e9e9;
4289 border-right: 1px solid #ddd;
4290 text-align: right !important;
4291 vertical-align: middle !important;
4292 }
4293 .vbo-translate-reference-cell {
4294 background: none repeat scroll 0 0 #e9e9e9;
4295 text-align: left !important;
4296 font-size: 105%;
4297 font-weight: bold;
4298 }
4299 .vbo-missing-translation,.vbo-field-translated {
4300 position: relative;
4301 }
4302 .vbo-missing-translation:before {
4303 border: 1px solid var(--vbo-orange-color);
4304 border-radius: 50%;
4305 color: var(--vbo-orange-color);
4306 content: "!";
4307 font-size: 12px;
4308 font-weight: bold;
4309 height: 18px;
4310 left: 2px;
4311 position: absolute;
4312 text-align: center;
4313 top: 0px;
4314 width: 18px;
4315 }
4316 .vbo-field-translated:before {
4317 border: 1px solid var(--vbo-green-color);
4318 border-radius: 50%;
4319 color: var(--vbo-green-color);
4320 content: "\2713";
4321 font-size: 12px;
4322 font-weight: bold;
4323 height: 18px;
4324 left: 2px;
4325 position: absolute;
4326 text-align: center;
4327 top: 0px;
4328 width: 18px;
4329 }
4330 .vbo-translation-tab.vbo-translation-tab-ini {
4331 float: right;
4332 border-right: 0;
4333 }
4334 .vbo-translation-tab-ini.vbo-translation-tab-default {
4335 border-bottom: 0;
4336 }
4337 .vbo-translation-iniflag {
4338 display: inline-block;
4339 padding: 1px 4px;
4340 background: none repeat scroll 0 0 #365868;
4341 color: #fff;
4342 border-radius: 2px;
4343 }
4344 .vbo-inifile-totrows {
4345 display: inline-block;
4346 margin-right: 8px;
4347 padding: 2px 4px;
4348 border: 1px solid #fff;
4349 border-radius: 5px;
4350 text-align: center;
4351 }
4352 .vbo-inifile-path {
4353 display: inline-block;
4354 margin-right: 8px;
4355 padding: 2px 4px;
4356 border: 1px solid #fff;
4357 border-radius: 5px;
4358 text-align: center;
4359 font-size: 90%;
4360 }
4361 .vbo-inifile-exists {
4362 background: none repeat scroll 0 0 #DFF2BF;
4363 color: #4F8A10;
4364 }
4365 .vbo-inifile-notfound {
4366 background: none repeat scroll 0 0 #FEEFB3;
4367 color: #9F6000;
4368 }
4369 /* Translations - End */
4370
4371 /* Dashboard - Start */
4372 .vbo-dashboard-fullcontainer {
4373 background: var(--vbo-main-bg-color);
4374 padding: 10px 0;
4375 }
4376 .vbo-dashboard-top-outer {
4377 display: flex;
4378 flex-wrap: wrap;
4379 padding: 18px
4380 }
4381 .vbo-dashboard-today-bookings {
4382 flex-basis: 70%;
4383 display: flex;
4384 -ms-flex-wrap: wrap;
4385 -webkit-flex-wrap: wrap;
4386 flex-wrap: wrap;
4387 }
4388 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4389 flex: 1;
4390 }
4391 .vbo-dashboard-forecast-wrap {
4392 background-color: #fff;
4393 border-radius: 16px;
4394 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4395 }
4396 .vbo-dashboard-forecast-wrap h4 {
4397 font-size: 20px;
4398 font-weight: bold;
4399 padding: 23px 0px 22px 15px;
4400 margin-top: 0;
4401 border-bottom: 1px solid #ddd;
4402 text-align: center;
4403 }
4404 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4405 display: flex;
4406 border: 2px solid var(--vbo-red-color);
4407 border-radius: 6px;
4408 padding: 14px;
4409 margin: 10px 20px 0;
4410 }
4411 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4412 border: 0;
4413 }
4414 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4415 flex-basis: 52px;
4416 }
4417 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4418 width: 36px;
4419 height: 36px;
4420 border-radius: 50%;
4421 line-height: 36px;
4422 background: var(--vbo-base-color);
4423 color: #fff;
4424 font-size: 16px;
4425 text-align: center;
4426 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4427 }
4428 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4429 cursor: pointer;
4430 display: inline-block;
4431
4432 transition-timing-function: ease-in;
4433 transition: 0.2s;
4434 transform: translateY(-10px);
4435 }
4436 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4437 cursor: inherit;
4438 }
4439 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4440 overflow: hidden;
4441 padding-bottom: 5px;
4442 padding-top: 10px;
4443 margin-top: 0;
4444 }
4445 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4446 backface-visibility: hidden;
4447 transform: translateZ(0);
4448 transition: all 0.2s ease-in;
4449 padding-bottom: 14px;
4450 }
4451 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4452 margin-top: 0;
4453
4454 transition-timing-function: ease-out;
4455 transition: 0.25s;
4456 transform: translateY(0px);
4457 }
4458 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4459 position: absolute;
4460 }
4461 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4462 transform: translateY(-25px);
4463 }
4464 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4465 transform: translateY(-60px);
4466 }
4467 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4468 flex: 1;
4469 position: relative;
4470 }
4471 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4472 margin-top: 0;
4473 margin-bottom: 5px;
4474 color: var(--vbo-base-color);
4475 font-size: 14px;
4476 }
4477 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4478 position: absolute;
4479 right: -24px;
4480 top: -24px;
4481 background: var(--vbo-config-title-color);
4482 border: 2px solid var(--vbo-basic-btn);
4483 color: var(--vbo-basic-btn);
4484 width: 20px;
4485 height: 20px;
4486 text-align: center;
4487 line-height: 20px;
4488 border-radius: 50%;
4489 cursor: pointer;
4490 }
4491 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4492 font-weight: bold;
4493 margin: 0;
4494 }
4495 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4496 margin: 0;
4497 }
4498 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4499 margin-top: 8px;
4500 }
4501 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4502 margin-right: 4px;
4503 }
4504 .vbo-admin-widget-head-commands {
4505 position: relative;
4506 }
4507 .vbo-reportwidget-commands {
4508 text-align: right;
4509 padding-right: 15px;
4510 margin-bottom: 10px;
4511 display: flex;
4512 justify-content: flex-end;
4513 }
4514 .vbo-reportwidget-commands > div {
4515 display: inline-block;
4516 }
4517 .vbo-reportwidget-commands-main {
4518 display: flex;
4519 align-self: center;
4520 }
4521 .vbo-reportwidget-commands-main > div {
4522 display: inline-block;
4523 vertical-align: top;
4524 }
4525 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4526 font-size: 16px;
4527 color: var(--vbo-base-color);
4528 cursor: pointer;
4529 }
4530 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4531 color: var(--vbo-blue-color);
4532 }
4533 .vbo-reportwidget-command-dates {
4534 margin-right: 5px;
4535 }
4536 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4537 font-weight: bold;
4538 font-size: 1.1em;
4539 }
4540 .vbo-reportwidget-command-chevron {
4541 margin-top: 4px;
4542 }
4543 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4544 margin-right: 5px;
4545 }
4546 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4547 margin-left: 5px;
4548 }
4549 .vbo-reportwidget-command-chevron > span {
4550 display: inline-block;
4551 font-size: 14px;
4552 border: 1px solid #ddd;
4553 padding: 5px 10px;
4554 border-radius: 2px;
4555 background: #f6f6f6;
4556 cursor: pointer;
4557 }
4558 .vbo-reportwidget-command-chevron > span:hover {
4559 background: #eee;
4560 }
4561 .vbo-reportwidget-command-chevron > span:active {
4562 background: #fff;
4563 }
4564 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4565 vertical-align: top;
4566 margin: 2px 0 0 4px;
4567 padding: 8px 0 8px 10px;
4568 font-size: 16px;
4569 cursor: pointer;
4570 display: inline-block;
4571 }
4572 .vbo-reportwidget-command-dots:hover {
4573 color: var(--vbo-base-color);
4574 }
4575 .vbo-reportwidget-filters {
4576 display: none;
4577 position: absolute;
4578 right: 30px;
4579 background: var(--vbo-config-bg-color);
4580 padding: 20px;
4581 border-radius: 10px;
4582 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4583 z-index: 1;
4584 min-width: 150px;
4585 }
4586 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4587 background-color: var(--vbo-input-style);
4588 border: 1px solid var(--vbo-config-border-color);
4589 border-radius: 2px;
4590 margin-bottom: 0;
4591 display: inline-block;
4592 box-sizing: border-box;
4593 padding: 0 0 0 10px;
4594 width: 100%;
4595 display: flex;
4596 }
4597 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4598 border: 0;
4599 height: auto;
4600 padding: 9px 10px 9px 15px;
4601 margin-bottom: 0;
4602 }
4603 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4604 color: var(--vbo-config-titles-color-light);
4605 font-size: 15px;
4606 margin-top: 15px;
4607 float: left;
4608 }
4609 .vbo-reportwidget-filter .select2-container {
4610 width: 100% !important;
4611 }
4612 .vbo-reportwidget-filter .select2-container--default .select2-selection--multiple {
4613 background-color: var(--vbo-input-style);
4614 border: 1px solid var(--vbo-config-border-color);
4615 border-radius: 2px;
4616 box-sizing: border-box;
4617 padding: 0 0 0 10px;
4618 width: 100%;
4619 }
4620 .vbo-reportwidget-filters select {
4621 width: 100% !important;
4622 margin-bottom: 0;
4623 border-radius: 2px;
4624 border: 1px solid var(--vbo-config-border-color);
4625 padding: 8px 10px;
4626 margin: 0;
4627 height: inherit;
4628 }
4629 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4630 margin: 5px 0 8px;
4631 }
4632 .vbo-reportwidget-filters .vbo-widget-notifscenter-onlyunread > span {
4633 vertical-align: middle;
4634 display: inline-block;
4635 }
4636 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4637 width: 240px;
4638 }
4639 .vbo-reportwidget-filter-confirm button {
4640 width: 100%;
4641 }
4642 .vbo-reportwidget-chart {
4643 padding-bottom: 15px;
4644 }
4645 .vbo-reportwidget-chart .err {
4646 margin: 20px;
4647 }
4648 #vbo-report-chart-canvas {
4649 max-width: 100%;
4650 margin: 0 auto;
4651 }
4652 .vbo-reportwidget-chart-metas {
4653 display: flex;
4654 flex-wrap: wrap;
4655 justify-content: center;
4656 margin: 0 10px 15px;
4657 }
4658 .vbo-reportwidget-chart-meta {
4659 flex-basis: calc(33% - 10px);
4660 flex-grow: 1;
4661 }
4662 .vbo-reportwidget-chart-meta-inner {
4663 background: var(--vbo-config-bg-color);
4664 border: 1px solid var(--vbo-basic-btn);
4665 border-bottom: 3px solid var(--vbo-basic-btn);
4666 padding: 20px;
4667 border-radius: 16px;
4668 margin: 5px;
4669 position: relative;
4670 }
4671 .vbo-reportwidget-chart-meta-inner:after {
4672 height: 30px;
4673 width: 4px;
4674 background: var(--vbo-config-border-color);
4675 content: "";
4676 position: absolute;
4677 left: -3px;
4678 top: 17px;
4679 }
4680 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4681 background-color: var(--vbo-blue-color);
4682 }
4683 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4684 background-color: var(--vbo-red-color);
4685 }
4686 .vbo-reportwidget-chart-meta-lbl {
4687 font-weight: bold;
4688 color: var(--vbo-config-titles-color-light);
4689 margin-bottom: 6px;
4690 }
4691 .vbo-reportwidget-chart-meta-val {
4692 font-size: 26px;
4693 font-weight: bold;
4694 }
4695 .vbo-reportwidget-chart-meta-val-main {
4696 display: inline-block;
4697 margin: 4px 0 6px;
4698 white-space: nowrap;
4699 font-size: 20px;
4700 font-weight: bold;
4701 }
4702 .vbo-guestactivitywidget-commands {
4703 text-align: right;
4704 padding: 5px 15px 10px 0;
4705 }
4706 .vbo-guestactivitywidget-commands > div {
4707 display: inline-block;
4708 }
4709 .vbo-guestactivitywidget-commands-main > div {
4710 display: inline-block;
4711 vertical-align: top;
4712 }
4713 .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-commands-main {
4714 display: flex;
4715 justify-content: right;
4716 }
4717 .vbo-guestactivitywidget-command-chevron {
4718 margin-top: 4px;
4719 }
4720 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4721 margin-right: 5px;
4722 }
4723 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4724 margin-left: 5px;
4725 }
4726 .vbo-guestactivitywidget-command-chevron > span:not(.vbo-guestactivitywidget-page) {
4727 display: inline-block;
4728 font-size: 14px;
4729 border: 1px solid var(--vbo-config-border-color);
4730 padding: 5px 10px;
4731 border-radius: 2px;
4732 background: var(--vbo-config-child-bg-color);
4733 cursor: pointer;
4734 }
4735 .vbo-guestactivitywidget-command-chevron > span:hover {
4736 background: var(--vbo-basic-btn);
4737 }
4738 .vbo-guestactivitywidget-command-chevron > span:active {
4739 background: var(--vbo-config-bg-color);
4740 }
4741 .vbo-guestactivitywidget-commands-main > .vbo-guestactivitywidget-command-page {
4742 align-self: center;
4743 }
4744 .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page {
4745 padding: 5px 10px;
4746 background: transparent !important;
4747 font-size: .9;
4748 }
4749 .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page:hover {
4750 color: inherit;
4751 }
4752 .vbo-widget-finance-list .vbo-widget-finance-rooms-filtered-cont {
4753 padding: 12px 10px 0;
4754 font-weight: bold;
4755 font-size: 1.15em;
4756 }
4757 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4758 display: grid;
4759 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
4760 gap: 10px;
4761 padding: 10px;
4762 width: 100%;
4763 box-sizing: border-box;
4764 }
4765 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4766 background: var(--vbo-config-bg-color);
4767 border: 1px solid var(--vbo-basic-btn);
4768 border-bottom: 3px solid var(--vbo-basic-btn);
4769 padding: 15px;
4770 border-radius: 16px;
4771 }
4772 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4773 background: var(--vbo-config-bg-color);
4774 border: 1px solid var(--vbo-basic-btn);
4775 border-bottom: 3px solid var(--vbo-basic-btn);
4776 padding: 15px;
4777 border-radius: 16px;
4778 position: relative;
4779 }
4780 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4781 border-color: #4e9b0059;
4782 background: #4e9b000f;
4783 }
4784 .vbo-widget-finance-stat-info {
4785 display: flex;
4786 }
4787 .vbo-widget-finance-stat-cmd {
4788 margin-left: auto;
4789 cursor: pointer;
4790 display: inline-block;
4791 padding: 0 0 0px 10px;
4792 }
4793
4794 .vbo-widget-finance-stat-cmd:hover i {
4795 color: var(--vbo-base-color);
4796 }
4797 .vbo-widget-finance-stat-name {
4798 font-weight: 500;
4799 margin-bottom: 6px;
4800 }
4801 .vbo-widget-finance-stat-amount {
4802 margin-top: 6px;
4803 }
4804 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4805 font-weight: bold;
4806 font-size: 18px;
4807 }
4808 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4809 margin-top: 8px;
4810 font-size: 14px;
4811 margin-bottom: 3px;
4812 font-weight: 500;
4813 border-top: 1px solid var(--vbo-config-border-color);
4814 padding-top: 8px;
4815 }
4816 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4817 font-size: 12px;
4818 display: inline-block;
4819 margin-left: 2px;
4820 color: var(--vbo-config-titles-color-light);
4821 }
4822 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-val {
4823 padding: 3px 5px;
4824 border-radius: 20px;
4825 font-size: 11px;
4826 margin-right: 2px;
4827 }
4828 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4829 color: var(--vbo-success-txt);
4830 background: var(--vbo-success-bg);
4831 }
4832 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4833 color: var(--vbo-error-txt);
4834 background: var(--vbo-error-bg);
4835 }
4836 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4837 color: var(--vbo-info-txt);
4838 background: var(--vbo-info-bg);
4839 }
4840 .vbo-widget-finance-data-block-rankings {
4841 padding: 0 10px 10px 10px;
4842 display: grid;
4843 grid-template-columns: repeat(2, 1fr);
4844 gap: 10px;
4845 }
4846 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4847 font-size: 14px;
4848 margin-bottom: 10px;
4849 }
4850 .vbo-widget-finance-stat-rank {
4851 display: flex;
4852 margin-bottom: 10px;
4853 }
4854 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4855 margin-right: 10px;
4856 }
4857 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4858 width: 25px;
4859 text-align: center;
4860 height: 25px;
4861 line-height: 25px !important;
4862 border: 1px solid var(--vbo-config-border-color);
4863 border-radius: 50%;
4864 background: var(--vbo-config-child-bg-color);
4865 font-size: 11px;
4866 }
4867 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4868 width: 25px;
4869 height: 25px;
4870 object-fit: cover;
4871 border-radius: 50%;
4872 }
4873 .vbo-widget-finance-stat-rank-score {
4874 display: flex;
4875 flex-wrap: wrap;
4876 width: 100%;
4877 }
4878 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4879 flex-basis: 100%;
4880 }
4881 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4882 .vbo-upload-progress progress {
4883 width: 100%;
4884 border-radius: 20px;
4885 height: 10px;
4886 -webkit-appearance: none;
4887 appearance: none;
4888 }
4889 .vbo-upload-progress progress {
4890 width: 200px;
4891 }
4892 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4893 .vbo-upload-progress progress::-webkit-progress-bar {
4894 background: var(--vbo-basic-btn);
4895 border-radius: 20px;
4896 }
4897 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4898 .vbo-upload-progress progress::-webkit-progress-value {
4899 background: var(--vbo-base-color);
4900 border-radius: 20px;
4901 }
4902 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4903 .vbo-upload-progress progress::-moz-progress-bar {
4904 background: var(--vbo-base-color);
4905 border-radius: 20px;
4906 }
4907 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4908 .vbo-upload-progress progress::-moz-progress-value {
4909 background: var(--vbo-basic-btn);
4910 border-radius: 20px;
4911 }
4912 .vbo-widget-finance-stat-rank-amount {
4913 margin-left: auto;
4914 font-weight: bold;
4915 }
4916 .vbo-widget-finance-skeleton-block {
4917
4918 }
4919
4920 /* Tooltip - Start **/
4921 .vbo-tooltip {
4922 position: relative;
4923 }
4924 .vbo-tooltip::before,
4925 .vbo-tooltip::after {
4926 position: absolute;
4927 opacity: 0;
4928 visibility: hidden;
4929 -webkit-transition:
4930 opacity 0.3s ease-in-out,
4931 visibility 0.3s ease-in-out,
4932 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4933 -moz-transition:
4934 opacity 0.3s ease-in-out,
4935 visibility 0.3s ease-in-out,
4936 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4937 transition:
4938 opacity 0.3s ease-in-out,
4939 visibility 0.3s ease-in-out,
4940 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4941 -webkit-transform: translate3d(0, 0, 0);
4942 -moz-transform: translate3d(0, 0, 0);
4943 transform: translate3d(0, 0, 0);
4944 pointer-events: none;
4945 }
4946 .vbo-tooltip:hover::before,
4947 .vbo-tooltip:hover::after,
4948 .vbo-tooltip:focus::before,
4949 .vbo-tooltip:focus::after {
4950 opacity: 1;
4951 visibility: visible;
4952 }
4953 .vbo-tooltip::before {
4954 content: attr(data-tooltiptext);
4955 z-index: 10001;
4956 width: calc(100% + 40px);
4957 color: var(--vbo-body-text-color);
4958 background: var(--vbo-body-bg-color);
4959 border-radius: 15px;
4960 border: 1px solid var(--vbo-config-border-color);
4961 padding: 5px;
4962 font-size: 12px;
4963 line-height: 1.2;
4964 text-align: center;
4965 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4966 font-weight: normal;
4967 }
4968 .vbo-inspector-hover.vbo-tooltip::before {
4969 width: auto;
4970 font-weight: bold;
4971 }
4972 .vbo-tooltip::after {
4973 content: "";
4974 width: 0;
4975 height: 0;
4976 }
4977 .vbo-tooltip.vbo-tooltip-top::before,
4978 .vbo-tooltip.vbo-tooltip-top::after {
4979 bottom: 100%;
4980 left: 50%;
4981 transform: translate(-50%);
4982 margin-bottom: 2px;
4983 /* word-break: break-word; */
4984 }
4985 .vbo-tooltip.vbo-tooltip-bottom::before,
4986 .vbo-tooltip.vbo-tooltip-bottom::after {
4987 top: 100%;
4988 left: 50%;
4989 transform: translate(-50%);
4990 margin-top: 2px;
4991 /* word-break: break-word; */
4992 }
4993 /* Tooltip - End **/
4994
4995 .vbo-dashboard-firstsetup-container {
4996 width: 80%;
4997 margin: 0 auto;
4998 border: 1px solid var(--vbo-config-border-color);
4999 border-radius: 4px;
5000 padding: 30px;
5001 background: var(--vbo-config-bg-color);
5002 }
5003 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
5004 font-size: 24px;
5005 margin-top: 0;
5006 }
5007 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
5008 font-weight: normal;
5009 font-size: 18px;
5010 }
5011 .vbo-dashboard-firstsetup-body {
5012 display: flex;
5013 flex-wrap: wrap;
5014 margin: 20px auto;
5015 }
5016 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
5017 flex-basis: 25%;
5018 }
5019 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
5020 border: 1px solid var(--vbo-config-border-color);
5021 border-radius: 8px;
5022 margin: 10px;
5023 padding: 20px;
5024 font-size: 14px;
5025 background: var(--vbo-config-bg-color);
5026 box-shadow: 0 0 10px rgba(0,0,0,.05);
5027 height: 94%;
5028 }
5029 .vbo-dashboard-firstsetup-task-number {
5030 color: #82b8d5;
5031 font-size: 32px;
5032 margin-bottom: 20px;
5033 font-weight: bold;
5034 }
5035 .vbo-dashboard-firstsetup-task-details {
5036 text-align: center;
5037 font-weight: bold;
5038 }
5039 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
5040 font-size: 14px;
5041 }
5042 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
5043 margin-top: 10px;
5044 font-size: 26px;
5045 }
5046 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
5047 display: inline-block;
5048 min-height: 10px;
5049 }
5050 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
5051 display: block;
5052 margin-top: 22px;
5053 font-size: 22px;
5054 color: var(--vbo-green-color);
5055 }
5056 .vbo-dashboard-firstsetup-task-action {
5057 text-align: center;
5058 margin-top: 20px;
5059 }
5060 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
5061 background: var(--vbo-base-color);
5062 color: #fff;
5063 border: 1px solid var(--vbo-base-color);
5064 padding: 5px 15px;
5065 font-weight: bold;
5066 }
5067 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
5068 background: var(--vbo-base-color-hover);
5069 }
5070 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
5071 background: var(--vbo-link-text-color);
5072 }
5073 .vbo-dashboard-firstsetup-task-description {
5074 border-top: 1px solid var(--vbo-config-border-color);
5075 padding: 5px 10px;
5076 margin-top: 15px;
5077 color: var(--vbo-config-titles-color-light);
5078 text-align: center;
5079 background: var(--vbo-config-child-bg-color);
5080 }
5081 .vbo-dashboard-firstsetup-importbftpp-title {
5082 font-size: 16px;
5083 margin-bottom: 10px;
5084 margin-top: 20px;
5085 }
5086 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
5087 border-color: var(--vbo-red-color);
5088 }
5089 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
5090 color: var(--vbo-red-color);
5091 }
5092 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
5093 font-size: 18px;
5094 font-weight: normal;
5095 margin: 0;
5096 padding: 0;
5097 }
5098 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
5099 display: inline-block;
5100 margin-bottom: 10px;
5101 margin-right: 5px;
5102 }
5103 .btn.vbo-sampledata-btn {
5104 background: var(--vbo-base-color);
5105 color: #fff;
5106 font-weight: bold;
5107 border: 1px solid var(--vbo-base-color);
5108 }
5109 .btn.vbo-sampledata-btn:hover {
5110 background-color: var(--vbo-config-bg-color);
5111 color: var(--vbo-base-color);
5112 }
5113 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
5114 font-size: 16px;
5115 }
5116 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
5117 font-size: 16px;
5118 line-height: 1.4em;
5119 }
5120 .vbo-dashboard-today-bookings > div {
5121 margin: 0 18px 18px 0;
5122 }
5123 .vbo-admin-widgets-widget {
5124 display: block;
5125 border-radius: 16px;
5126 margin: 12px 0;
5127 box-shadow: 0 0px 20px rgba(0,0,0,.1);
5128 background: var(--vbo-config-bg-color);
5129 }
5130 .vbo-admin-widget-head {
5131 border-top-right-radius: 16px;
5132 border-top-left-radius: 16px;
5133 border-bottom: 1px solid var(--vbo-config-border-color);
5134 display: inline-block;
5135 width: 100%;
5136 box-sizing: border-box;
5137 }
5138 .vbo-admin-widget-head .btn-toolbar {
5139 margin: 10px 15px 10px 10px;
5140 display: inline-block;
5141 }
5142 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
5143 margin-top: 4px;
5144 }
5145 .vbo-admin-widget-head .form-control {
5146 border: 1px solid var(--vbo-config-border-color);
5147 border-radius: 2px;
5148 padding: 8px 10px;
5149 margin-bottom: 0;
5150 box-sizing: border-box;
5151 height: auto;
5152 }
5153 .vbo-admin-widget-head .btn {
5154 padding: 8px 10px;
5155 border-radius: 0 2px 2px 0;
5156 border: 1px solid var(--vbo-config-border-color);
5157 }
5158 .vvbo-admin-widget-head .btn i {
5159 margin-right: 0;
5160 }
5161 .vbo-widget-spinnner-loading {
5162 position: relative;
5163 min-height: 200px;
5164 }
5165 .vbo-widget-spinnner-loading .vbo-widget-spinnner-loading-inner {
5166 position: absolute;
5167 top: 50%;
5168 left: 50%;
5169 transform: translate(-50%, -50%);
5170 font-size: 60px;
5171 opacity: .7;
5172 }
5173 .btn.btn-small {
5174 padding: 2px 10px;
5175 font-size: 12px;
5176 -webkit-border-radius: 3px;
5177 -moz-border-radius: 3px;
5178 border-radius: 3px;
5179 }
5180 .btn.btn-rounded {
5181 border-radius: 20px;
5182 padding: 6px 14px;
5183 }
5184 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 {
5185 padding: 0 !important;
5186 text-align: left;
5187 height: 40px;
5188 }
5189 body #content .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body #wpcontent .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body.wp-admin .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype) {
5190 display: flex;
5191 }
5192 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 {
5193 padding: 0 !important;
5194 background: var(--vbo-base-color);
5195 border: 1px solid var(--vbo-base-color) !important;
5196 color: var(--vbo-contrast-text-color);
5197 display: flex;
5198 height: auto;
5199 }
5200 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 {
5201 background: var(--vbo-base-color) !important;
5202 border: 1px solid var(--vbo-base-color);
5203 color: var(--vbo-contrast-text-color);
5204 }
5205 .vbo-context-menu-btn .vbo-context-menu-lbl {
5206 padding: 10px;
5207 display: inline-block;
5208 }
5209 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
5210 padding: 3px 10px 3px;
5211 }
5212 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
5213 border: 0;
5214 border-top-left-radius: 3px;
5215 border-bottom-left-radius: 3px;
5216 }
5217 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 {
5218 background: var(--vbo-orange-color);
5219 }
5220 .btn-warning.vbo-context-menu-btn:hover .vbo-context-menu-ico {
5221 background: var(--vbo-orange-color-hover);
5222 color: var(--vbo-contrast-text-color);
5223 border: 0;
5224 }
5225 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 {
5226 background: var(--vbo-red-color);
5227 }
5228 .btn-danger.vbo-context-menu-btn:hover .vbo-context-menu-ico {
5229 background: var(--vbo-red-color-hover);
5230 color: var(--vbo-contrast-text-color);
5231 border: 0;
5232 }
5233 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5234 background-color: var(--vbo-green-color);
5235 border-color: var(--vbo-green-color);
5236 }
5237 body #wpcontent .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico {
5238 background-color: var(--vbo-green-color-hover);
5239 border-color: var(--vbo-green-color-hover);
5240 }
5241 body #wpcontent .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico {
5242 background-color: var(--vbo-green-color-focus);
5243 border-color: var(--vbo-green-color-focus);
5244 }
5245 .vbo-context-menu-btn .vbo-context-menu-ico {
5246 padding: 12px 8px;
5247 line-height: 12px;
5248 text-align: center;
5249 border-top-right-radius: 3px;
5250 border-bottom-right-radius: 3px;
5251 }
5252 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5253 padding: 5px 8px 3px;
5254 }
5255 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5256 margin-right: 0;
5257 position: relative;
5258 top: -1px;
5259 vertical-align: initial;
5260 }
5261 .vbo-context-menu-btn:hover .vbo-context-menu-ico {
5262 background: var(--vbo-base-color-hover);
5263 }
5264 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5265 background: var(--vbo-base-color-hover);
5266 border-color: var(--vbo-base-color-hover);
5267 }
5268 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5269 border-radius: 3px;
5270 display: initial;
5271 vertical-align: initial;
5272 }
5273 .vik-context-menu.vbo-dropdown-cxmenu {
5274 background: var(--vbo-config-bg-color);
5275 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5276 z-index: 2147483647 !important;
5277 border: 1px solid rgba(0,0,0,.15);
5278 border-radius: .25rem;
5279 }
5280 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5281 color: var(--vbo-contrast-text-color);
5282 background: var(--vbo-base-color);
5283 cursor: pointer;
5284 }
5285 .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 {
5286 padding: 0;
5287 margin: 0;
5288 }
5289 .vik-context-menu.vbo-dropdown-cxmenu li a {
5290 color: var(--vbo-body-text-color);
5291 padding: 8px 12px;
5292 }
5293 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5294 background: var(--vbo-red-color);
5295 }
5296 .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 {
5297 background: var(--vbo-red-color-focus);
5298 }
5299 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:hover {
5300 background: var(--vbo-green-color);
5301 }
5302 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:active {
5303 background: var(--vbo-green-color-focus);
5304 }
5305 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5306 background: var(--vbo-orange-color-hover);
5307 }
5308 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5309 color: var(--vbo-config-text-color-light);
5310 font-size: 14px;
5311 min-width: 16px;
5312 }
5313 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5314 color: var(--vbo-contrast-text-color);
5315 }
5316 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5317 border-radius: 3px;
5318 }
5319 .vbo-admin-widget-head h4 {
5320 font-size: 18px;
5321 font-weight: bold;
5322 padding: 7px 0 3px 15px;
5323 margin: 12px 0;
5324 position: relative;
5325 display: inline-block;
5326 }
5327 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5328 vertical-align: middle;
5329 }
5330 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5331 display: inline-block;
5332 float: right;
5333 margin-top: 10px;
5334 }
5335 .vbo-dashboard-search-input {
5336 display: inline-block;
5337 vertical-align: middle;
5338 margin-left: 10px;
5339 margin-bottom: 2px;
5340 }
5341 .vbo-admin-widget-body {
5342 padding: 10px;
5343 }
5344 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5345 display: flex;
5346 padding: 10px 15px;
5347 border-bottom: 1px solid var(--vbo-basic-btn);
5348 cursor: pointer;
5349 }
5350 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5351 background: var(--vbo-light-color-btn);
5352 }
5353 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5354 border-bottom: 0;
5355 }
5356 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5357 width: 40px;
5358 margin-right: 15px;
5359 }
5360 .vbo-dashboard-guest-activity-avatar-icon {
5361 width: 40px;
5362 text-align: center;
5363 height: 40px;
5364 line-height: 40px !important;
5365 border: 1px solid var(--vbo-config-border-color);
5366 border-radius: 50%;
5367 background: var(--vbo-config-child-bg-color);
5368 font-size: 16px;
5369 }
5370 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5371 max-width: 100%;
5372 border-radius: 50%;
5373 object-fit: cover;
5374 }
5375 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5376 flex: 1;
5377 }
5378 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5379 margin: 0;
5380 }
5381 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5382 display: flex;
5383 }
5384 .vbo-dashboard-guest-activity-content-info-details {
5385 margin-bottom: 7px;
5386 flex: 1;
5387 }
5388
5389 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity {
5390 border: 0;
5391 background: var(--vbo-config-child-bg-color);
5392 margin: 0 0 10px;
5393 border-radius: 8px;
5394 }
5395 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:hover {
5396 background: var(--vbo-light-color-btn);
5397 }
5398 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:focus, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:active {
5399 background-color: var(--vbo-info-bg);
5400 }
5401 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-details {
5402 margin-bottom: 2px;
5403 }
5404 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-gtitle {
5405 font-weight: bold;
5406 margin-bottom: 4px;
5407 }
5408 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-icon {
5409 margin-bottom: 6px;
5410 }
5411 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates:after {
5412 display: none;
5413 }
5414 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates i, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg i {
5415 color: var(--vbo-config-text-color-light);
5416 font-size: 12px;
5417 margin-right: 4px;
5418 }
5419 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg > div:first-child .label {
5420 margin-right: 10px;
5421 }
5422
5423 .vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content-head > span {
5424 display: flex;
5425 }
5426 .vbo-w-guestmessages-message-staydates {
5427 font-size: 12px;
5428 position: relative;
5429 padding-left: 10px;
5430 color: var(--vbo-config-titles-color-light);
5431 }
5432 .vbo-w-guestmessages-message-stayrooms {
5433 font-size: 12px;
5434 position: relative;
5435 padding-left: 5px;
5436 color: var(--vbo-config-titles-color-light);
5437 margin-right: 10px;
5438 }
5439 .vbo-w-guestmessages-message-staydates:after {
5440 content: "";
5441 width: 2px;
5442 height: 2px;
5443 background: var(--vbo-config-titles-color-light);
5444 top: 7px;
5445 left: 2px;
5446 position: absolute;
5447 border-radius: 50%;
5448 }
5449 .vbo-w-guestmessages-message-listings {
5450 overflow: hidden;
5451 white-space: nowrap;
5452 max-width: 200px;
5453 text-overflow: ellipsis;
5454 }
5455 .vbo-w-guestmessages-message-new {
5456 background: var(--vbo-toolbar-bg-color);
5457 }
5458 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle .message-new {
5459 color: var(--vbo-base-color);
5460 font-size: 14px;
5461 margin: 0 0 0 5px;
5462 }
5463 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied {
5464 background: var(--vbo-base-color);
5465 font-size: 10px;
5466 margin: 0 0 0 5px;
5467 color: var(--vbo-contrast-text-color);
5468 font-weight: 500;
5469 }
5470 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied:hover {
5471 background: var(--vbo-base-color-hover);
5472 }
5473 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied i {
5474 color: var(--vbo-contrast-text-color);
5475 font-size: 10px;
5476 margin-right: 2px;
5477 }
5478 .vbo-bookings-status-separator {
5479 margin-top: 5px;
5480 text-align: center;
5481 }
5482 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5483 height: calc(100% - 100px);
5484 }
5485 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5486 display: flex;
5487 padding: 12px 20px 6px;
5488 background: transparent;
5489 border-bottom: 1px solid var(--vbo-config-border-color);
5490 }
5491 .vbo-modal-wguestmessages-chat-wrap {
5492 height: 100%;
5493 }
5494 .vbo-modal-wguestmessages-chat-wrap .chat-border-layout {
5495 height: calc(100% - 70px);
5496 }
5497 .vbo-modal-wguestmessages-chat-wrap .chat-border-layout .chat-messages-panel {
5498 height: 100%;
5499 }
5500 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5501 height: 100%;
5502 max-height: unset;
5503 }
5504 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-close-times) {
5505 flex: 1;
5506 }
5507 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-close-times) span {
5508 display: inline-block;
5509 vertical-align: middle;
5510 }
5511 .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 {
5512 display: block;
5513 }
5514 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5515 display: inline-block;
5516 vertical-align: middle;
5517 line-height: 1em;
5518 }
5519 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5520 background-color: var(--vbo-red-color);
5521 }
5522 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5523 margin-right: 10px;
5524 font-weight: bold;
5525 }
5526 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5527 margin-right: 10px;
5528 }
5529 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5530 width: 40px;
5531 height: 40px;
5532 object-fit: cover;
5533 border-radius: 50%;
5534 }
5535 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5536 margin-left: auto;
5537 align-self: center;
5538 }
5539 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5540 margin-right: 10px;
5541 margin-top: 2px;
5542 display: inline-block;
5543 width: 100%;
5544 }
5545 .vbo-dashboard-guest-activity-content-info-icon i {
5546 color: var(--vbo-base-color);
5547 font-size: 14px;
5548 }
5549 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5550 color: var(--vbo-orange-color);
5551 }
5552 .vbo-rdaybooking-subunits {
5553 margin-top: 6px;
5554 }
5555 .vbo-rdaybooking-subunits .label-warning {
5556 padding: 10px 6px !important;
5557 }
5558 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5559 display: inline-block;
5560 }
5561 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5562 min-height: 34px;
5563 line-height: 1.3em;
5564 margin: 3px 0;
5565 }
5566 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5567 font-weight: bold;
5568 margin-left: 2px;
5569 }
5570 .vbo-dashboard-guest-activity-content-info-date {
5571 margin-left: auto;
5572 font-size: .9em;
5573 text-align: right;
5574 color: var(--vbo-config-titles-color-light);
5575 }
5576 .vbo-dashboard-guest-activity-content-info-date span {
5577 display: block;
5578 }
5579 .vbo-dashboard-guest-activity-content-info-msg {
5580 color: var(--vbo-config-titles-color-light);
5581 font-size: 13px;
5582 }
5583 .vbo-dashboard-guest-activity-content-info-msg p {
5584 margin: 0;
5585 }
5586 .vbo-dashboard-guest-activity-skeleton {
5587 padding: 17px 15px;
5588 }
5589 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5590 width: 40px;
5591 height: 40px;
5592 border-radius: 50%;
5593 object-fit: cover;
5594 }
5595 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5596 width: 150px;
5597 height: 15px;
5598 }
5599 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5600 width: 70%;
5601 height: 15px;
5602 }
5603 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5604 width: 100%;
5605 height: 22px;
5606 }
5607 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5608 width: 50px;
5609 height: 11px;
5610 }
5611 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5612 width: 100%;
5613 height: 22px;
5614 }
5615 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5616 position: relative;
5617 overflow: hidden;
5618 display: inline-block;
5619 }
5620 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5621 position: absolute;
5622 top: 0;
5623 right: 0;
5624 bottom: 0;
5625 left: 0;
5626 transform: translateX(-100%);
5627 animation: shimmer 2s infinite;
5628 content: '';
5629 }
5630 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5631 margin-bottom: 5px;
5632 margin-top: 3px;
5633 }
5634
5635 @keyframes shimmer {
5636 100% {
5637 transform: translateX(100%);
5638 }
5639 }
5640
5641 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5642 display: flex;
5643 padding: 10px 15px;
5644 border-bottom: 1px solid var(--vbo-basic-btn);
5645 width: 100%;
5646 box-sizing: border-box;
5647 }
5648 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5649 width: 40px;
5650 margin-right: 15px;
5651 }
5652 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5653 max-width: 100%;
5654 border-radius: 50%;
5655 object-fit: cover;
5656 }
5657 .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 {
5658 width: 40px;
5659 text-align: center;
5660 height: 40px;
5661 line-height: 40px;
5662 border: 1px solid var(--vbo-config-border-color);
5663 border-radius: 50%;
5664 background: var(--vbo-config-child-bg-color);
5665 font-size: 16px;
5666 }
5667 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5668 flex: 1;
5669 }
5670 .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 {
5671 display: flex;
5672 }
5673 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5674 flex-wrap: wrap;
5675 }
5676 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5677 margin-bottom: 3px;
5678 flex: 1;
5679 }
5680 .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 {
5681 margin: 0;
5682 font-size: 16px;
5683 }
5684 .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 {
5685 margin-right: 10px;
5686 margin-top: 2px;
5687 font-size: .9em;
5688 }
5689 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5690 margin-left: auto;
5691 }
5692 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5693 text-align: right;
5694 font-weight: bold;
5695 font-size: 1.2em;
5696 }
5697 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5698 display: flex;
5699 font-size: .95em;
5700 justify-content: right;
5701 }
5702 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5703 margin-right: 6px;
5704 }
5705 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5706 margin-top: 6px;
5707 float: left;
5708 margin-right: 3px;
5709 }
5710 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5711 margin-top: 2px;
5712 float: left;
5713 margin-right: 3px;
5714 }
5715 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5716 margin: 0 0 5px;
5717 }
5718 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5719 margin: 0;
5720 }
5721 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5722 color: var(--vbo-green-color);
5723 }
5724 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5725 color: var(--vbo-red-color);
5726 }
5727 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5728 flex-basis: 100%;
5729 margin-bottom: 3px;
5730 }
5731 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5732 float: right;
5733 margin: 1px;
5734 }
5735 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5736 font-size: 12px;
5737 padding: 5px 8px !important;
5738 }
5739 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5740 margin-bottom: 3px;
5741 }
5742 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5743 display: flex;
5744 width: 100%;
5745 }
5746 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5747 margin-left: auto;
5748 text-align: right;
5749 }
5750 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5751 margin-right: 3px;
5752 color: var(--vbo-middle-color-btn);
5753 }
5754 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5755 display: flex;
5756 flex-wrap: wrap;
5757 }
5758 .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 {
5759 flex: 1;
5760 }
5761
5762 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5763 cursor: pointer;
5764 background: var(--vbo-light-color-btn);
5765 }
5766
5767 .vbo-widget-currconv-wrap {
5768 padding: 15px;
5769 }
5770 .vbo-widget-currconv-filters {
5771 display: flex;
5772 flex-wrap: wrap;
5773 }
5774 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5775 margin-bottom: 5px;
5776 }
5777 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5778 align-self: end;
5779 }
5780 .vbo-widget-currconv-filters label {
5781 display: block;
5782 margin-bottom: 5px;
5783 font-weight: 500;
5784 }
5785 .vbo-widget-currconv-filters-main {
5786 display: flex;
5787 flex-wrap: wrap;
5788 }
5789 .vbo-widget-currconv-filters-submit .btn {
5790 margin-left: 10px;
5791 }
5792 .vbo-widget-currconv-filters-main > div {
5793 margin-right: 10px;
5794 }
5795 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5796 height: 40px;
5797 border-radius: 2px;
5798 }
5799 .vbo-widget-currconv-filters .select2-container .select2-selection__rendered {
5800 font-weight: normal;
5801 font-size: 14px;
5802 line-height: 40px !important;
5803 }
5804 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5805 height: 40px;
5806 }
5807 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5808 align-self: end;
5809 flex-basis: 100%;
5810 }
5811 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5812 width: 100%;
5813 margin-left: 0;
5814 }
5815 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5816 margin-left: 0;
5817 }
5818
5819 .vbo-widget-checkav-wrap {
5820 padding: 15px;
5821 }
5822 .vbo-widget-checkav-filters {
5823 display: flex;
5824 flex-wrap: wrap;
5825 }
5826 .vbo-widget-checkav-filters > div {
5827 margin-bottom: 8px;
5828 }
5829 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5830 margin: 5px 0;
5831 }
5832 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5833 display: flex;
5834 flex-wrap: wrap;
5835 }
5836 .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 {
5837 margin-left: 10px;
5838 }
5839 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5840 margin-left: 8px;
5841 }
5842 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5843 flex: 1;
5844 }
5845 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5846 margin-right: 8px;
5847 }
5848 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5849 margin-left: 8px;
5850 }
5851 .vbo-widget-checkav-results {
5852 margin-top: 5px;
5853 }
5854 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5855 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5856 display: grid;
5857 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5858 }
5859 .vbo-widget-checkav-result-splitstays-wrap {
5860 width: 100%;
5861 }
5862 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5863 border: 1px solid var(--vbo-basic-btn);
5864 margin: 5px;
5865 border-radius: 6px;
5866 }
5867 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5868 border-color: var(--vbo-base-color);
5869 }
5870 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5871 display: grid;
5872 grid-template-columns: repeat(2, 1fr);
5873 }
5874 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5875 padding: 8px;
5876 }
5877 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5878 font-weight: bold;
5879 font-size: 1.2em;
5880 margin-bottom: 4px;
5881 }
5882 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5883 color: var(--vbo-base-color);
5884 margin-right: 3px;
5885 width: 16px;
5886 }
5887 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5888 display: block;
5889 margin-bottom: 3px;
5890 }
5891 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5892 margin-right: 3px;
5893 width: 16px;
5894 color: var(--vbo-config-text-color-light);
5895 }
5896 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5897 text-align: center;
5898 margin-bottom: 10px;
5899 }
5900 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5901 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5902 display: flex;
5903 flex-wrap: wrap;
5904 }
5905 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5906 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5907 flex-basis: 100%;
5908 }
5909 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5910 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5911 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5912 flex-basis: 100%;
5913 }
5914 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5915 display: flex;
5916 flex-wrap: wrap;
5917 }
5918 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5919 margin: 5px;
5920 }
5921 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5922 flex-basis: 100%;
5923 }
5924 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5925 flex-basis: 100%;
5926 text-align: center;
5927 margin-bottom: 5px;
5928 padding-top: 5px;
5929 }
5930 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5931 margin-right: 10px;
5932 }
5933 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5934 display: flex;
5935 flex-wrap: wrap;
5936 justify-content: center;
5937 width: 100%;
5938 }
5939 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5940 flex-basis: calc(33% - 34px);
5941 border: 1px solid var(--vbo-config-border-color);
5942 border-radius: 4px;
5943 padding: 10px;
5944 margin: 5px;
5945 text-align: center;
5946 }
5947 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5948 margin-right: 4px;
5949 }
5950 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5951 white-space: nowrap;
5952 overflow: hidden;
5953 text-overflow: ellipsis;
5954 max-width: 300px;
5955 }
5956 .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 {
5957 flex-basis: 100%;
5958 max-width: 100%;
5959 margin-bottom: 4px;
5960 }
5961 @media screen and (min-width: 1800px) {
5962 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5963 flex-basis: calc(33% - 30px);
5964 }
5965 .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 {
5966 flex-basis: calc(50% - 30px);
5967 margin: 5px;
5968 }
5969 .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 {
5970 width: 100%;
5971 display: grid;
5972 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5973 }
5974 .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 {
5975 grid-template-columns: repeat(3, 1fr);
5976 }
5977 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5978 border-color: var(--vbo-input-style);
5979 }
5980 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5981 border-color: var(--vbo-base-color);
5982 }
5983 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5984 display: inline-block;
5985 }
5986 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5987 display: block;
5988 }
5989 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5990 text-align: right;
5991 min-width: 80px;
5992 }
5993 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5994 text-align: left;
5995 min-width: initial;
5996 }
5997 }
5998 @media screen and (max-width: 1800px) {
5999 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
6000 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6001 flex-basis: 100%;
6002 }
6003 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
6004 flex-basis: calc(100% - 30px);
6005 }
6006 }
6007 @media screen and (min-width: 2500px) {
6008 .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 {
6009 flex-basis: calc(33% - 30px);
6010 margin: 5px;
6011 }
6012 }
6013 @media screen and (min-width: 3000px) {
6014 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
6015 display: inline-block;
6016 }
6017 }
6018 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
6019 font-weight: bold;
6020 font-size: 1.2em;
6021 margin-bottom: 5px;
6022 }
6023 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
6024 display: flex;
6025 margin: 5px 0 8px;
6026 padding-bottom: 5px;
6027 border-bottom: 1px solid var(--vbo-config-border-color);
6028 }
6029 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
6030 border-bottom: 0;
6031 padding-bottom: 0px;
6032 }
6033 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
6034 display: inline-block;
6035 }
6036 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6037 padding: 10px;
6038 background-color: var(--vbo-input-style);
6039 margin: 0px 0 8px;
6040 border-radius: 6px;
6041 }
6042 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
6043 flex: 1;
6044 display: flex;
6045 }
6046 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6047 align-self: center;
6048 margin: 0 10px;
6049 }
6050 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
6051 display: block;
6052 }
6053 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
6054 font-weight: bold;
6055 }
6056 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
6057 display: inline-block;
6058 min-width: 150px;
6059 align-self: center;
6060 }
6061 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
6062 margin-left: auto;
6063 margin-right: 0;
6064 }
6065 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
6066 padding: 7px 12px;
6067 }
6068 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
6069 margin: 0 0 6px;
6070 }
6071 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6072 margin: 5px;
6073 }
6074 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
6075 display: flex;
6076 flex-wrap: wrap;
6077 }
6078 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
6079 align-self: center;
6080 margin-right: 10px;
6081 flex: 1;
6082 }
6083 .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 {
6084 flex-basis: 100%;
6085 }
6086 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
6087 margin-bottom: 3px;
6088 }
6089 .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 {
6090 margin-top: 8px;
6091 width: 100%;
6092 text-align: center;
6093 }
6094 .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 {
6095 width: 100%;
6096 }
6097 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
6098 margin-right: 10px;
6099 }
6100 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
6101 color: var(--vbo-config-text-color-light);
6102 width: 16px;
6103 margin-right: 3px;
6104 }
6105 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
6106 margin-left: auto;
6107 }
6108 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6109 width: 100%;
6110 display: flex;
6111 flex-wrap: wrap;
6112 }
6113 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6114 flex: initial;
6115 }
6116 .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 {
6117 width: 110px !important;
6118 }
6119 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
6120 align-self: center;
6121 margin-right: 5px;
6122 }
6123 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
6124 flex: 1;
6125 width: 80px !important;
6126 }
6127 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
6128 .admin.com_vikbooking .vbo-widget-checkav-filters input {
6129 padding: 8px 10px;
6130 box-sizing: border-box;
6131 height: auto;
6132 }
6133 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
6134 margin-top: 0;
6135 }
6136 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
6137 display: flex;
6138 flex-wrap: wrap;
6139 }
6140 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
6141 flex: 1;
6142 }
6143 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
6144 margin-right: 8px;
6145 }
6146 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
6147 width: 75px !important;
6148 }
6149 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
6150 margin-left: 0;
6151 }
6152 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6153 width: 100%;
6154 margin-left: 0;
6155 }
6156 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
6157 width: 100%;
6158 }
6159 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
6160 margin-right: 10px;
6161 min-width: initial;
6162 }
6163 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
6164 display: block;
6165 margin-bottom: 5px;
6166 }
6167 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6168 align-self: end;
6169 }
6170 @media screen and (max-width: 1000px) {
6171 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6172 flex: 1;
6173 flex-basis: 100%;
6174 margin-bottom: 8px;
6175 }
6176 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
6177 width: 100%;
6178 display: flex;
6179 }
6180 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
6181 flex: 1;
6182 width: 100%;
6183 }
6184 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
6185 margin: 0;
6186 width: 100%;
6187 display: inline-block;
6188 }
6189 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
6190 flex: 1;
6191 }
6192 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
6193 margin-right: 10px;
6194 align-self: center;
6195 }
6196 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
6197 align-self: auto;
6198 }
6199 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
6200 display: block;
6201 }
6202 }
6203 @media screen and (max-width: 2200px) {
6204 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6205 width: auto;
6206 flex-basis: 100%;
6207 }
6208 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
6209 flex: 1;
6210 display: flex;
6211 }
6212 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
6213 flex-basis: 100%;
6214 }
6215 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
6216 width: 100% !important;
6217 }
6218 }
6219 @media screen and (max-width: 1800px) {
6220 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
6221 flex-wrap: wrap;
6222 }
6223 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
6224 flex-basis: 100%;
6225 margin-right: 0;
6226 }
6227 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6228 margin-left: 0;
6229 margin-right: 16px;
6230 }
6231 .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 {
6232 margin-left: auto;
6233 }
6234 }
6235 @media screen and (min-width: 2200px) {
6236 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6237 width: auto;
6238 flex: inherit;
6239 }
6240 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
6241 margin-right: 5px;
6242 }
6243 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6244 width: auto;
6245 }
6246 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6247 width: auto;
6248 margin-left: 8px;
6249 align-self: end;
6250 }
6251 }
6252 @media screen and (min-width: 1800px) {
6253 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
6254 display: flex;
6255 flex-wrap: wrap;
6256 }
6257 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
6258 flex-basis: 100%;
6259 }
6260 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6261 flex-basis: calc(33% - 40px);
6262 }
6263 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
6264 flex-basis: 100%;
6265 }
6266 }
6267
6268 .vbo-widget-commands-right {
6269 text-align: right;
6270 padding: 5px 15px 10px 0;
6271 }
6272 .vbo-widget-commands > div {
6273 display: inline-block;
6274 }
6275 .vbo-widget-commands-main > div {
6276 display: inline-block;
6277 vertical-align: top;
6278 }
6279 .vbo-widget-commands-main .vbo-widget-command-chevron {
6280 margin-top: 4px;
6281 }
6282 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
6283 display: inline-block;
6284 font-size: 14px;
6285 border: 1px solid var(--vbo-config-border-color);
6286 padding: 5px 10px;
6287 border-radius: 2px;
6288 background: var(--vbo-config-child-bg-color);
6289 cursor: pointer;
6290 }
6291
6292 .vbo-dashboard-forecast-wrap h4 {
6293 padding: 23px 0px 22px 15px;
6294 margin-bottom: 20px;
6295 text-align: center;
6296 display: block;
6297 }
6298 .vbo-dash-chart-title .vbo-dash-chart-nav {
6299 display: inline-block;
6300 font-size: 14px;
6301 border: 1px solid #ddd;
6302 padding: 5px 10px;
6303 border-radius: 2px;
6304 background: #f6f6f6;
6305 cursor: pointer;
6306 }
6307 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6308 background: #eee;
6309 }
6310 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6311 margin-right: 0;
6312 }
6313 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6314 border: 0;
6315 }
6316 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6317 border: 1px solid var(--vbo-blue-color);
6318 display: inline-block;
6319 padding: 5px 8px;
6320 border-radius: 4px;
6321 text-transform: capitalize;
6322 font-size: 14px;
6323 margin-left: 7px;
6324 font-weight: bold;
6325 color: var(--vbo-blue-color);
6326 vertical-align: top;
6327 margin-top: -5px;
6328 }
6329 .vbo-admin-widget-wrapper h4 i {
6330 margin-right: 8px;
6331 font-size: 17px;
6332 }
6333 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6334 margin-right: 0;
6335 font-size: 14px;
6336 vertical-align: initial;
6337 }
6338 .vbo-admin-widget-wrapper table thead tr:first-child th,
6339 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6340 color: var(--vbo-config-titles-color-light);
6341 font-weight: bold;
6342 padding: 15px 15px;
6343 text-transform: uppercase;
6344 }
6345 .vbo-admin-widget-wrapper .table .searchable.center {
6346 white-space: inherit;
6347 }
6348 .vbo-admin-widget-wrapper .table td {
6349 padding: 11px 15px !important;
6350 border-top: 1px solid var(--vbo-basic-btn) !important;
6351 border-bottom: 0;
6352 }
6353 .vbo-dashboard-charts {
6354 width: 100%;
6355 display: inline-block;
6356 margin: 20px 0;
6357 padding: 15px 0;
6358 border-top:1px solid var(--vbo-config-border-color);
6359 border-bottom:1px solid var(--vbo-config-border-color);
6360 }
6361 .vbo-dashboard-charts-wrapper {
6362 margin: 0 auto 20px;
6363 padding: 18px;
6364 display: grid;
6365 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6366 }
6367 .vbo-dashboard-chart-container {
6368 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6369 display: inline-block;
6370 margin: 8px;
6371 padding: 0;
6372 border-radius: 16px;
6373 border: 1px solid var(--vbo-basic-btn);
6374 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6375 }
6376 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6377 display: inline-block;
6378 font-size: 16px;
6379 font-weight: bold;
6380 padding: 20px 0 0;
6381 text-align: center;
6382 width: 100%;
6383 border-top-left-radius: 8px;
6384 border-top-right-radius: 8px;
6385 }
6386 .vbo-dashboard-chart-container .donutChart {
6387 display: block;
6388 margin: 0 auto;
6389 padding: 0 8px;
6390 }
6391 .vbo-dashboard-next-bookings-block {
6392 background: #fff;
6393 border-radius: 8px;
6394 box-shadow: 0 0 20px rgba(0,0,0,.1);
6395 margin: 0 28px 18px;
6396 }
6397 .vbo-table-search-cout {
6398 margin-bottom: 0 !important;
6399 }
6400 .vbo-admin-widget-wrapper {
6401 padding-bottom: 8px;
6402 }
6403 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6404 display: inline-block;
6405 border-radius: 4px;
6406 border: 1px solid var(--vbo-base-color);
6407 padding: 3px 8px;
6408 color: var(--vbo-base-color);
6409 }
6410 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6411 text-decoration: none;
6412 background: var(--vbo-base-color-hover);
6413 color: #fff;
6414 }
6415 .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 {
6416 white-space: initial;
6417 }
6418 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6419 word-break: inherit;
6420 }
6421 .vbo-dashboard-next-bookings .table {
6422 margin-bottom: 0;
6423 }
6424 .vbo-dashboard-next-bookings-block h4 {
6425 font-size: 20px;
6426 font-weight: bold;
6427 color: var(--vbo-config-title-color);
6428 border-top-right-radius: 16px;
6429 border-top-left-radius: 16px;
6430 border-bottom: 1px solid var(--vbo-config-border-color);
6431 margin: 0;
6432 padding: 22px 15px;
6433 }
6434 .vbo-dashboard-next-bookings-block h4 i {
6435 margin-right: 15px;
6436 }
6437 .vbo-dashboard-refresh-container {
6438 margin: 20px 28px 0;
6439 float: right;
6440 border-radius: 40px;
6441 border: 1px solid var(--vbo-config-border-color);
6442 padding: 10px 20px;
6443 }
6444 .vbo-dashboard-refresh-container > span {
6445 display: inline-block;
6446 margin: 0 2px;
6447 }
6448 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6449 font-size: 1.3em;
6450 padding: 10px 13px 7px 0;
6451 position: relative;
6452 text-align: center;
6453 display: inline-block;
6454 font-weight: bold;
6455 }
6456 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6457 display: inline-block;
6458 margin:0 8px 0 0;
6459 font-weight: normal;
6460 }
6461 .vbo-dashboard-refresh-play {
6462 color: var(--vbo-base-color);
6463 text-align: center;
6464 display: inline-block;
6465 position: relative;
6466 cursor: pointer;
6467 }
6468 .vbo-dashboard-refresh-play:after {
6469 content: "\25b6";
6470 display: inline-block;
6471 border-radius: 50%;
6472 background: var(--vbo-config-bg-color);
6473 border: 1px solid var(--vbo-config-bg-color);
6474 height: 35px;
6475 line-height: 38px;
6476 padding: 0;
6477 width: 35px;
6478 font-size: 16px;
6479 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6480 text-align: center;
6481 }
6482 .vbo-dashboard-refresh-stop {
6483 color: var(--vbo-base-color);
6484 text-align: center;
6485 display: inline-block;
6486 position: relative;
6487 cursor: pointer;
6488 }
6489 .vbo-dashboard-refresh-stop:after {
6490 content: "\25A0";
6491 display: inline-block;
6492 border-radius: 50%;
6493 border: 1px solid var(--vbo-config-bg-color);
6494 background: var(--vbo-config-bg-color);
6495 height: 35px;
6496 line-height: 30px;
6497 padding: 0;
6498 width: 35px;
6499 font-size: 24px;
6500 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6501 text-align: center;
6502 }
6503 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6504 border: 1px solid var(--vbo-base-color);
6505 }
6506 .vbo-dashboard-rooms-locked-block {
6507 background: var(--vbo-config-bg-color);
6508 border-radius: 8px;
6509 box-shadow: 0 0 20px rgba(0,0,0,.1);
6510 margin: 0 28px 18px;
6511 }
6512 .vbo-dashboard-rooms-locked h4 {
6513 font-size: 22px;
6514 font-weight: normal;
6515 background: var(--vbo-config-child-bg-color);
6516 border-top-right-radius: 8px;
6517 border-top-left-radius: 8px;
6518 border-bottom: 1px solid var(--vbo-config-border-color);
6519 text-transform: uppercase;
6520 margin: 0;
6521 padding: 22px 15px;
6522 }
6523 .vbo-dashboard-rooms-locked h4 i {
6524 margin-right: 0.25em;
6525 }
6526 .vbo-dashboard-rooms-locked h4 span {
6527 border: 1px solid #FF9326;
6528 display: inline-block;
6529 padding: 5px 8px;
6530 border-radius: 4px;
6531 text-transform: capitalize;
6532 font-size: 14px;
6533 margin-left: 7px;
6534 font-weight: bold;
6535 color: #FF9326;
6536 vertical-align: top;
6537 margin-top: -5px;
6538 }
6539 .vbo-dashboard-rooms-locked table {
6540 margin-bottom: 0;
6541 }
6542 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6543 background: var(--vbo-config-child-bg-color);
6544 }
6545 .vbo-dashboard-today-occ-listcont {
6546 display: grid;
6547 padding: 10px;
6548 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6549 }
6550 .vbo-dashboard-today-roomocc-rows td {
6551 background: transparent !important;
6552 }
6553 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6554 padding: 0;
6555 width: 100%;
6556 }
6557 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6558 display: inline-block;
6559 width: 100%;
6560 }
6561 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6562 width: 100%;
6563 box-sizing: border-box;
6564 margin: 0;
6565 text-align: right;
6566 padding-right: 15px;
6567 }
6568 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6569 margin: 10px;
6570 background: var(--vbo-config-bg-color);
6571 border-radius: 10px;
6572 border: 1px solid var(--vbo-basic-btn);
6573 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6574 }
6575 .vbo-dashboard-today-roomocc-row-checkout {
6576 display: flex;
6577 margin-left: auto;
6578 justify-content: end;
6579 }
6580 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6581 align-self: center;
6582 }
6583 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6584 padding: 5px 8px;
6585 margin-left: 5px;
6586 }
6587 .vbo-dashboard-today-roomocc-det-rname {
6588 display: inline-block;
6589 overflow: hidden;
6590 text-overflow: ellipsis;
6591 white-space: nowrap;
6592 vertical-align: middle;
6593 max-width: 82%;
6594 }
6595 .vbo-dashboard-today-occ-block {
6596 margin: 0 0 30px 0;
6597 padding: 0 0 30px 0;
6598 border-bottom:1px solid var(--vbo-config-border-color);
6599 }
6600 .vbo-dashboard-today-roomocc-firstrow {
6601 font-weight: bold;
6602 margin: 0;
6603 }
6604 .vbo-dashboard-today-occ {
6605 margin: 10px 30px;
6606 }
6607 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6608 font-size: 20px;
6609 font-weight: bold;
6610 color: var(--vbo-config-title-color);
6611 padding: 0 25px 0 0;
6612 position: relative;
6613 display: inline-block;
6614 }
6615 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6616 border: 1px solid var(--vbo-config-border-color);
6617 border-radius: 2px;
6618 padding: 8px 10px;
6619 margin-bottom: 0;
6620 box-sizing: border-box;
6621 height: auto;
6622 }
6623 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6624 padding: 8px 10px;
6625 border-radius: 0 2px 2px 0;
6626 border: 1px solid var(--vbo-config-border-color);
6627 }
6628 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6629 margin-right: 0;
6630 }
6631 .vbo-dashboard-today-roomocc-det > h5 {
6632 font-weight: bold;
6633 padding: 15px;
6634 margin: 0;
6635 font-size: 1.1em;
6636 text-align: left;
6637 border-top-right-radius: 16px;
6638 border-top-left-radius: 16px;
6639 border-bottom: 1px solid var(--vbo-config-border-color);
6640 }
6641 .vbo-dashboard-today-roomocc-firstrow th {
6642 background: var(--vbo-config-bg-color);
6643 font-weight: bold;
6644 font-size: 12px;
6645 padding: 15px 15px !important;
6646 text-transform: uppercase;
6647 color: var(--vbo-config-titles-color-light);
6648 }
6649 .vbo-dashboard-today-roomocc-firstrow th.left {
6650 white-space: nowrap;
6651 }
6652 .vbo-dashboard-today-roomocc-rows td {
6653 padding: 11px 15px !important;
6654 }
6655 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6656 width: 15px;
6657 }
6658 .vbo-dashboard-today-roomocc-rows td.left a {
6659 font-weight: bold;
6660 color: var(--vbo-config-title-color);
6661 }
6662 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6663 color: var(--vbo-base-color);
6664 }
6665 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6666 display: inline-block;
6667 border-radius: 6px;
6668 padding: 2px 7px;
6669 margin-top: -5px;
6670 margin-left: 10px;
6671 float: right;
6672 }
6673 .vbo-roomocc-units-free {
6674 background: #e5ffd6;
6675 border: 1px solid #8fd569;
6676 color: #639448;
6677 }
6678 .vbo-roomocc-units-half {
6679 color: #a88706;
6680 background: #fff6a9;
6681 border: 1px solid #e1c903;
6682 }
6683 .vbo-roomocc-units-threefourth {
6684 background: #ffdfbe;
6685 border: 1px solid #ffbd79;
6686 color: #e27300;
6687 }
6688 .vbo-roomocc-units-full {
6689 background: #ffdbd3;
6690 border: 1px solid #ffa7a7;
6691 color: #d44b2d;
6692 }
6693 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6694 display: inline-block;
6695 text-align: center;
6696 border-radius: 4px;
6697 padding: 2px 0;
6698 }
6699 .vbo-dashboard-today-roomocc-customers.table-responsive {
6700 height: 200px;
6701 overflow-y: scroll;
6702 width: 100%;
6703 }
6704 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6705 white-space: normal;
6706 vertical-align: middle;
6707 }
6708 th.vbo-tdright, td.vbo-tdright {
6709 text-align: right !important;
6710 }
6711 th.vbo-tdright, td.vbo-tdright .btn {
6712 white-space: nowrap;
6713 }
6714 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6715 display: none;
6716 }
6717 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6718 display: table-row;
6719 }
6720 tr.no-results > td {
6721 background-color: #fcf8e3;
6722 }
6723 .hidden-for-search {
6724 display: none;
6725 }
6726 .vbo-info-overlay-content-orphans > h3 > i {
6727 color: var(--vbo-red-color);
6728 }
6729 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6730 display: grid;
6731 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6732 }
6733 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6734 margin: 5px;
6735 border-radius: 10px;
6736 border: 1px solid var(--vbo-config-border-color);
6737 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6738 display: flex;
6739 flex-wrap: wrap;
6740 flex-direction: column;
6741 }
6742 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6743 border-color: var(--vbo-base-color);
6744 }
6745 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6746 margin: 0 0 5px;
6747 padding: 10px;
6748 font-size: 1.1em;
6749 border-bottom: 1px solid var(--vbo-basic-btn);
6750 }
6751 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6752 margin-bottom: 10px;
6753 max-height: 150px;
6754 overflow: hidden;
6755 overflow-y: scroll;
6756 padding: 10px;
6757 }
6758 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6759 margin-top: 10px;
6760 }
6761 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6762 margin-top: auto;
6763 text-align: center;
6764 padding: 0 10px 10px;
6765 }
6766 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6767 text-align: center;
6768 margin-top: 20px;
6769 }
6770 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6771 display: inline-block;
6772 margin: 5px;
6773 }
6774 .vbo-center {
6775 text-align: center;
6776 }
6777 .vbo-enormous-icn {
6778 font-size: 100px;
6779 }
6780 .vbo-list-table {
6781 margin-top: 15px;
6782 }
6783 .vbo-bookingslist-table thead, .vbo-list-table thead {
6784 background: var(--vbo-config-bg-color);
6785 }
6786 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6787 padding: 18px 10px;
6788 text-transform: uppercase;
6789 font-size: 12px;
6790 color: var(--vbo-config-titles-color-light);
6791 }
6792 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6793 background: var(--vbo-config-bg-color) !important;
6794 border-top: 1px solid var(--vbo-config-border-color);
6795 }
6796 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6797 background: var(--vbo-config-child-bg-color) !important;
6798 }
6799 .vbo-bookingslist-table tbody > tr:last-child td {
6800 padding-bottom: 30px;
6801 vertical-align: top;
6802 }
6803 /* Dashboard - End */
6804 span.label {
6805 padding:3px 6px !important;
6806 }
6807 .vbo-export-customer-entry {
6808 display: block;
6809 margin: 10px 0;
6810 }
6811 .vbo-export-customer-entry span label {
6812 display: inline-block;
6813 margin: 0;
6814 min-width: 185px;
6815 }
6816 /* Calendar - Start */
6817 .vbo-quickres-wrapper {
6818 display: block;
6819 float: left;
6820 width: 48%;
6821 }
6822 .vbo-quickres-head {
6823 margin: 0 0 10px;
6824 width: 100%;
6825 display: inline-block;
6826 border-bottom: 1px solid var(--vbo-config-border-color);
6827 padding-bottom: 10px;
6828 }
6829 .vbo-quickres-head h4 {
6830 display: inline-block;
6831 font-size: 13px;
6832 font-weight: bold;
6833 text-transform: uppercase;
6834 }
6835 .vbo-quickres-head .vbo-quickres-head-right {
6836 display: inline-block;
6837 float: right;
6838 }
6839 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6840 .vbo-editbooking-room-switch .select2-selection--single {
6841 font-weight: normal;
6842 font-size: 14px !important;
6843 height: 36px !important;
6844 border: 1px solid var(--vbo-config-border-color) !important;
6845 border-radius: 2px !important;
6846 }
6847 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6848 .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 {
6849 height: 36px;
6850 }
6851 .select2-dropdown {
6852 border: 1px solid var(--vbo-config-border-color) !important;
6853 }
6854 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6855 .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 {
6856 line-height: 36px;
6857 }
6858 .vbo-quickres-head .vbo-quickres-head-right form {
6859 margin-top: 5px;
6860 margin-bottom: 0;
6861 }
6862 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6863 display: inline-block;
6864 margin: 8px 0 0 20px;
6865 vertical-align: top;
6866 }
6867 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6868 margin-bottom: 5px;
6869 }
6870 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6871 margin-bottom: 5px;
6872 }
6873 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6874 display: inline-block;
6875 margin: 9px 5px 0 0;
6876 }
6877 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6878 margin-right: 5px;
6879 }
6880
6881 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6882 height: 350px !important;
6883 }
6884 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6885 width: 100% !important;
6886 }
6887 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6888 margin: 5px 0;
6889 }
6890 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6891 border: 1px solid var(--vbo-base-color);
6892 }
6893 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
6894 margin-top: 15px;
6895 }
6896 .vbo-params-fieldset-label {
6897 font-weight: bold;
6898 margin-bottom: 5px;
6899 }
6900 .vbo-params-fieldset-label .label.label-success {
6901 font-size: 13px;
6902 display: inline-block;
6903 font-weight: 500;
6904 line-height: initial;
6905 }
6906 .vbo-params-fieldset-label .label.label-success i {
6907 margin-right: 3px;
6908 }
6909 textarea.vbo-textarea-copyable {
6910 width: 0 !important;
6911 height: 0 !important;
6912 opacity: 0 !important;
6913 min-height: 0 !important;
6914 padding: 0 !important;
6915 float: right;
6916 cursor: default;
6917 }
6918 .vbo-params-block {
6919 border: 1px solid var(--vbo-input-style-nested-deactive);
6920 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6921 border-radius: 10px;
6922 padding: 0 20px 10px;
6923 margin-bottom: 20px;
6924 }
6925 .vbo-params-block-nested {
6926 padding: 10px;
6927 margin: 10px 0 10px 10px;
6928 border-radius: 6px;
6929 background: var(--vbo-config-bg-color);
6930 }
6931 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
6932 background: rgba(255, 143, 143, 0.60) !important;
6933 border-color: #900;
6934 }
6935 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6936 align-self: center;
6937 }
6938 .vbo-params-block .vbo-param-container {
6939 border-top: 1px solid var(--vbo-main-bg-color);
6940 padding: 10px 0px;
6941 }
6942 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6943 border-top: 0;
6944 }
6945 .vbo-params-block > .vbo-param-container:only-child {
6946 margin-bottom: 0;
6947 }
6948 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6949 background: var(--vbo-config-bg-color);
6950 border-top: 1px solid var(--vbo-main-bg-color);
6951 }
6952 .vbo-cal-splitstay-details {
6953 display: inline-block;
6954 border-radius: 10px;
6955 border: 1px solid var(--vbo-basic-btn);
6956 min-width: 400px;
6957 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6958 }
6959 .vbo-cal-splitstay-details > div {
6960 display: grid;
6961 grid-template-columns: repeat(2, 1fr);
6962 }
6963 .vbo-cal-splitstay-details > div > span {
6964 padding: 8px 14px;
6965 display: inline-block;
6966 }
6967 .vbo-cal-splitstay-details > div > span i {
6968 margin-right: 3px;
6969 color: var(--vbo-config-text-color-light);
6970 }
6971 .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 {
6972 border-right: 1px solid var(--vbo-basic-btn);
6973 }
6974 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6975 color: var(--vbo-red-color);
6976 }
6977 #vbo-geo-map .gm-style .gm-style-iw-c {
6978 background: var(--vbo-config-bg-color);
6979 }
6980 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6981 display: inline-block;
6982 }
6983 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6984 cursor: pointer;
6985 }
6986 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6987 text-align: center;
6988 padding: 10px 15px;
6989 margin: 5px;
6990 border: 1px solid var(--vbo-config-border-color);
6991 border-radius: 2px;
6992 position: relative;
6993 }
6994 #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 {
6995 border-color: var(--vbo-base-color);
6996 }
6997 #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 {
6998 position: absolute;
6999 content: "";
7000 width: 10px;
7001 height: 10px;
7002 top: -6px;
7003 left: -7px;
7004 border: 2px solid var(--vbo-config-bg-color);
7005 background-color: var(--vbo-base-color);
7006 border-radius: 50%;
7007 }
7008 #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 {
7009 display: block;
7010 }
7011 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
7012 font-weight: bold;
7013 font-size: 1.2em;
7014 }
7015 #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 {
7016 color: var(--vbo-base-color);
7017 }
7018 .vbo-avcalendars-wrapper {
7019 text-align: center;
7020 border: 1px solid var(--vbo-config-border-color);
7021 background: var(--vbo-config-bg-color);
7022 padding: 10px 10px 20px 10px;
7023 margin-top: 20px;
7024 border-radius: 6px;
7025 }
7026 .vbo-avcalendars-roomphoto {
7027 display: block;
7028 text-align: center;
7029 margin: 5px 0 15px;
7030 }
7031 .vbo-avcalendars-roomphoto img {
7032 border-radius: 2px;
7033 max-height: 250px;
7034 border-radius: 4px;
7035 }
7036 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
7037 margin-bottom: 10px;
7038 margin-bottom: 5px;
7039 border-bottom: 1px solid var(--vbo-config-border-color);
7040 padding-bottom: 10px;
7041 }
7042 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
7043 display: inline-block;
7044 margin-right: 10px;
7045 position: relative;
7046 }
7047 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
7048 margin-bottom: 5px;
7049 font-weight: bold;
7050 }
7051 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
7052 width: auto !important;
7053 }
7054 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
7055 float: right;
7056 margin-left: 5px;
7057 margin-top: 10px;
7058 }
7059 .vbo-calendar-cfields-inner {
7060 display: grid;
7061 grid-template-columns: repeat(2, auto);
7062 gap: 10px 50px;
7063 width: 100%;
7064 padding: 5px 0;
7065 }
7066 .vbo-calendar-cfields-bottom {
7067 margin: 10px 0 15px 0;
7068 }
7069 .vbo-calendar-cfields-bottom .btn {
7070 border: 1px solid var(--vbo-config-border-color);
7071 border-radius: 2px;
7072 padding: 10px 14px;
7073 margin-bottom: 0;
7074 }
7075 .vbo-calendar-cfields-bottom .btn i {
7076 margin-right: 5px;
7077 }
7078 .vbo-calendar-cfields-bottom .btn-success {
7079 border: 1px solid var(--vbo-green-color);
7080 }
7081 .vbo-calendar-cfields-bottom .btn-success i {
7082 margin-right: 6px;
7083 }
7084 .vbo-calendar-cfields-bottom .icon-edit::before {
7085 color: #fff;
7086 }
7087 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
7088 display: inline-block;
7089 }
7090 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
7091 width: 100%;
7092 display: inline-block;
7093 }
7094 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
7095 max-width: 100%;
7096 }
7097 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
7098 border: 1px solid var(--vbo-config-border-color);
7099 border-radius: 2px;
7100 padding: 5px 10px;
7101 margin-bottom: 0;
7102 width: 100% !important;
7103 box-sizing: border-box;
7104 height: auto;
7105 }
7106 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
7107 background-color: var(--vbo-input-style-deactive);
7108 }
7109 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
7110 border-radius: 2px;
7111 background-color: var(--vbo-config-bg-color);
7112 border: 1px solid var(--vbo-input-style);
7113 padding: 5px 10px;
7114 height: inherit;
7115 width: 100% !important;
7116 }
7117 .vbo-assign-customer {
7118 cursor: pointer;
7119 background: var(--vbo-config-bg-color);
7120 color: var(--vbo-base-color);
7121 border-radius: 3px;
7122 display: flex;
7123 align-items: center;
7124 gap: 5px;
7125 width: fit-content;
7126 font-weight: bold;
7127 border: 1px solid var(--vbo-base-color);
7128 }
7129 .vbo-assign-customer > i {
7130 background: var(--vbo-base-color);
7131 color: var(--vbo-config-bg-color);
7132 padding: 8px 10px;
7133 font-size: 18px;
7134 }
7135 .vbo-assign-customer > span {
7136 padding: 0 8px 0 3px;
7137 display: inline-block;
7138 vertical-align: middle;
7139 }
7140 .vbo-assign-customer:hover {
7141 background: var(--vbo-base-color);
7142 color: #fff;
7143 }
7144 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
7145 background: var(--vbo-base-color-hover);
7146 }
7147 #vbfillcustfields .icon-edit::before {
7148 color: #fff;
7149 font-weight: normal;
7150 }
7151 #quickbsubmit i:before {
7152 color: #fff;
7153 }
7154 #vbspanbstat strong {
7155 display: inline-block;
7156 min-width: 125px;
7157 }
7158 #vbspanbpay strong {
7159 display: inline-block;
7160 min-width: 125px;
7161 }
7162 #vbspancmail strong {
7163 display: inline-block;
7164 min-width: 125px;
7165 }
7166 #vbo-highlight-cfields mark {
7167 padding: 0 3px;
7168 margin: -1px -4px;
7169 border-radius: 0.5em;
7170 }
7171 .vbo-calendar-cfield-entry label {
7172 display: block;
7173 font-weight: bold;
7174 color: var(--vbo-config-titles-color-light);
7175 margin-bottom: 4px;
7176 }
7177 #vbo-searchcust-loading, .vbo-searchcust-loading {
7178 display: none;
7179 }
7180 #vbo-searchcust-res, .vbo-searchcust-res {
7181 position: absolute;
7182 z-index: 2;
7183 width: 100%;
7184 max-width: 300px;
7185 }
7186 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
7187 width: 90%;
7188 }
7189 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
7190 list-style: none;
7191 text-align: left;
7192 padding: 0;
7193 margin: 0 0 0 -1px;
7194 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
7195 background-color: var(--vbo-config-bg-color);
7196 border: 1px solid var(--vbo-config-border-color);
7197 white-space: nowrap;
7198 max-height: 200px;
7199 width: 100%;
7200 overflow-y: scroll;
7201 }
7202 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
7203 padding: 6px 10px;
7204 outline: none;
7205 cursor: pointer;
7206 }
7207 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
7208 background: rgba(0,0,0,0.05);
7209 }
7210 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
7211 margin-right: 8px;
7212 display: inline-block;
7213 vertical-align: top;
7214 }
7215 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
7216 display: inline-block;
7217 vertical-align: top;
7218 }
7219 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
7220 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
7221 border-bottom-right-radius: 4px;
7222 border-bottom-left-radius: 4px;
7223 }
7224 .vbo-custsearchres-name {
7225 display: inline-block;
7226 min-width: 130px;
7227 }
7228 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
7229 margin-right: 5px;
7230 }
7231 /* Calendar - End */
7232 /* Outer Info message - Start */
7233 .vbo-outer-info-message {
7234 border: 2px solid var(--vbo-base-color);
7235 border-radius: 4px;
7236 padding: 5px;
7237 margin-bottom: 10px;
7238 cursor: pointer;
7239 }
7240 .vbo-outer-info-message .vboicn-info {
7241 margin-right: 5px;
7242 font-size: 16px;
7243 color: var(--vbo-base-color);
7244 }
7245 .vbo-outer-info-message span {
7246 display: inline-block;
7247 vertical-align: top;
7248 }
7249 .vbo-info-message-cont {
7250 padding: 5px;
7251 font-weight: bold;
7252 }
7253 .vbo-dyninpnum-cont input[type="number"],
7254 #vbjstotnights input[type="number"] {
7255 width: 100px !important;
7256 }
7257 .vbo-dyninpnum-cont select {
7258 max-width: 130px;
7259 }
7260 /* Outer Info message - End */
7261 .vbo-country-flag-left {
7262 float: left;
7263 margin: 0 5px 0 0;
7264 }
7265 .vbo-country-flag {
7266 width: 16px;
7267 height: 16px;
7268 object-fit: cover;
7269 border-radius: 50%;
7270 }
7271 .vbo-country-flag.vbo-customer-avatar-flag {
7272 border-radius: 50%;
7273 }
7274 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
7275 object-fit: cover;
7276 }
7277 .vbo-roomentries-cont {
7278 float: left;
7279 display: inline-block;
7280 margin: 0 15px 0 2px;
7281 width: 204px;
7282 height: auto;
7283 overflow: hidden;
7284 }
7285 .vbo-roomentry-cont {
7286 display: block;
7287 margin: 5px 0;
7288 }
7289 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
7290 margin-top: 0;
7291 }
7292 .vbo-roomentry-cont input[type="checkbox"] {
7293 display: inline-block;
7294 margin-right: 5px;
7295 margin-top: 0;
7296 }
7297 .vbo-roomentry-cont label {
7298 display: inline !important;
7299 }
7300 tr.vbroomparamp td #lastavail {
7301 vertical-align: top;
7302 }
7303 tr.vbroomparamp td span {
7304 font-size: smaller;
7305 font-style: italic;
7306 display: inline-block;
7307 padding-left: 8px;
7308 max-width: 450px;
7309 }
7310 ul.vbo-sortable {
7311 list-style-type: none;
7312 margin: 0;
7313 padding: 0;
7314 }
7315 ul.vbo-sortable li {
7316 margin-right: 12px;
7317 padding: 1px;
7318 display: inline-block;
7319 vertical-align: top;
7320 width: auto;
7321 max-height: 70px;
7322 margin-bottom: 5px;
7323 }
7324 .vbo-editroom-currentphoto {
7325 position: relative;
7326 }
7327 .vbo-editroom-currentphoto a {
7328 cursor: grab;
7329 }
7330 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7331 cursor: pointer;
7332 }
7333 .vbo-tip-small {
7334 display: inline-block;
7335 min-width: 30px;
7336 }
7337 .vbo-smalltext {
7338 font-size: smaller;
7339 }
7340 .vbo-first-imgup {
7341 display: inline-block;
7342 border: 1px solid var(--vbo-config-border-color);
7343 border-radius: 3px;
7344 padding: 10px;
7345 margin: 5px 0;
7346 background: var(--vbo-main-bg-color);
7347 width: 100%;
7348 box-sizing: border-box;
7349 }
7350 .vbo-first-imgup > span {
7351 border-left: 1px solid rgb(221, 221, 221);
7352 display: inline-block;
7353 padding: 5px 0px 5px 10px;
7354 }
7355 .vbo-first-imgup > input[type="file"] {
7356 box-sizing: border-box;
7357 height: auto;
7358 margin-bottom: 10px;
7359 background: var(--vbo-input-style);
7360 }
7361 .vbo-first-imgup > input[type="text"] {
7362 margin-top: 7px;
7363 }
7364 .vbo-first-imgup + #myDiv {
7365 margin-bottom: 5px;
7366 }
7367 .vbo-imgup-caption {
7368 margin-top: 5px;
7369 }
7370 .vbo-imgup-caption span {
7371 display: block;
7372 margin-bottom: 4px;
7373 }
7374 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7375 width: 100% !important;
7376 box-sizing: border-box;
7377 height: auto;
7378 }
7379 /* Multi Photos Upload Modal Window - Start */
7380 .vbo-info-overlay-content {
7381 width: 70%;
7382 }
7383 .vbo-info-overlay-content .btn-success {
7384 padding: 9px 14px;
7385 }
7386 .vbo-info-overlay-content .btn-success i {
7387 color: #fff;
7388 display: inline-block;
7389 margin-right: 10px;
7390 }
7391 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7392 position: fixed;
7393 left: 0;
7394 top: 0;
7395 width: 100%;
7396 height: 100%;
7397 background-color: rgba(0,0,0,0.5);
7398 display: none;
7399 z-index: 99999999 !important;
7400 }
7401 a.vbo-info-overlay-close {
7402 display: block;
7403 height: 100%;
7404 cursor: default;
7405 }
7406 .vbo-info-overlay-content {
7407 position: fixed;
7408 left: 50%;
7409 top: 50%;
7410 transform: translate(-50%, -50%);
7411 width: 40%;
7412 height: 60%;
7413 z-index: 101;
7414 padding: 20px;
7415 border-radius: 5px;
7416 background-color: var(--vbo-config-bg-color);
7417 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7418 overflow: auto;
7419 }
7420 .vbo-info-overlay-header {
7421 margin-bottom: 20px;
7422 }
7423 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7424 display: inline-block;
7425 border: 0;
7426 text-align: left;
7427 }
7428 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7429 float: right;
7430 }
7431 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7432 background: var(--vbo-base-color);
7433 color: #fff;
7434 padding: 9px 14px;
7435 margin-right: 8px;
7436 }
7437 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7438 background: var(--vbo-base-color-hover) !important;
7439 }
7440 .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 {
7441 background: var(--vbo-link-text-color) !important;
7442 }
7443 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7444 padding: 9px 14px;
7445 }
7446 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7447 overflow: visible;
7448 }
7449 .vbo-info-overlay-scroll-content {
7450 overflow: hidden;
7451 height: 70%;
7452 position: relative;
7453 overflow-y: scroll;
7454 }
7455 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7456 position: fixed;
7457 left: 50%;
7458 top: 50%;
7459 transform: translate(-50%, -50%);
7460 width: 60%;
7461 height: 60%;
7462 z-index: 101;
7463 padding: 10px;
7464 border-radius: 5px;
7465 background-color: var(--vbo-config-bg-color);
7466 box-shadow: 5px 5px 5px 0 #000;
7467 overflow: auto;
7468 }
7469 .vbo-modal-alert .vbo-info-overlay-content {
7470 height: 20%;
7471 top: 40%;
7472 }
7473 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7474 height: 40%;
7475 top: 20%;
7476 left: 25%;
7477 width: 50%;
7478 }
7479 .vbo-info-overlay-content h3 {
7480 text-align: center;
7481 margin-top: 0;
7482 border-bottom: 1px solid var(--vbo-config-border-color);
7483 padding-bottom: 10px;
7484 }
7485 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7486 color: var(--vbo-red-color);
7487 }
7488 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7489 text-align: left;
7490 margin-bottom: 10px;
7491 }
7492 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7493 background: var(--vbo-config-bg-color);
7494 padding: 20px;
7495 border: 1px solid var(--vbo-config-border-color);
7496 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7497 }
7498 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7499 margin: 5px 0;
7500 box-sizing: border-box;
7501 display: inline-block;
7502 width: 100%;
7503 }
7504 .vbo-overlay-checkin-body iframe {
7505 width: 100%;
7506 border: 0;
7507 height: 50vh;
7508 }
7509 .vbo-info-overlay-content-animated {
7510 -webkit-animation-name: VikbounceInUp;
7511 animation-name: VikbounceInUp;
7512
7513 -webkit-animation-duration: .6s;
7514 animation-duration: .6s;
7515 -webkit-animation-fill-mode: both;
7516 animation-fill-mode: both;
7517 }
7518 .vbo-info-overlay-block-animation:target {
7519 visibility: visible;
7520 }
7521 .vbo-info-overlay-content-hidden {
7522 display: none;
7523 }
7524 .vbo-admin-wizard-container {
7525 margin-bottom: 10px;
7526 }
7527 .vbo-admin-wizard-container .vbo-wizard-btn {
7528 background: #3961bf;
7529 border: 1px solid #3961bf;
7530 color: #fff;
7531 font-weight: bold;
7532 padding: 10px 14px;
7533 margin-right: 5px;
7534 }
7535 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7536 background: #27417d;
7537 border-color: #27417d;
7538 }
7539 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7540 background: #5c77b5;
7541 border-color: #5c77b5;
7542 }
7543 .vbo-admin-wizard-container .vbo-wizard-btn i {
7544 margin-right: 5px;
7545 }
7546
7547 @-webkit-keyframes VikbounceInUp {
7548 from,
7549 60%,
7550 75%,
7551 90%,
7552 to {
7553 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7554 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7555 }
7556
7557 from {
7558 opacity: 0;
7559 -webkit-transform: translate3d(-50%, 150%, 0);
7560 transform: translate3d(-50%, 150%, 0);
7561 }
7562
7563 60% {
7564 opacity: 1;
7565 -webkit-transform: translate3d(-50%, 100%, 0);
7566 transform: translate3d(-50%, 100%, 0);
7567 }
7568
7569 75% {
7570 -webkit-transform: translate3d(-50%, 20%, 0);
7571 transform: translate3d(-50%, 20%, 0);
7572 }
7573
7574 90% {
7575 -webkit-transform: translate3d(-50%, -25%, 0);
7576 transform: translate3d(-50%, -25%, 0);
7577 }
7578
7579 to {
7580 -webkit-transform: translate3d(-50%, -50%, 0);
7581 transform: translate3d(-50%, -50%, 0);
7582 }
7583 }
7584
7585 @keyframes VikbounceInUp {
7586 from,
7587 60%,
7588 75%,
7589 90%,
7590 to {
7591 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7592 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7593 }
7594
7595 from {
7596 opacity: 0;
7597 -webkit-transform: translate3d(-50%, 150%, 0);
7598 transform: translate3d(-50%, 150%, 0);
7599 }
7600
7601 60% {
7602 opacity: 1;
7603 -webkit-transform: translate3d(-50%, 100%, 0);
7604 transform: translate3d(-50%, 100%, 0);
7605 }
7606
7607 75% {
7608 -webkit-transform: translate3d(-50%, 20%, 0);
7609 transform: translate3d(-50%, 20%, 0);
7610 }
7611
7612 90% {
7613 -webkit-transform: translate3d(-50%, -25%, 0);
7614 transform: translate3d(-50%, -25%, 0);
7615 }
7616
7617 to {
7618 -webkit-transform: translate3d(-50%, -50%, 0);
7619 transform: translate3d(-50%, -50%, 0);
7620 }
7621 }
7622
7623 .bounceInUp {
7624 -webkit-animation-name: VikbounceInUp;
7625 animation-name: VikbounceInUp;
7626 }
7627
7628 .vbo-info-overlay-content-wizard {
7629 padding: 25px;
7630 width: 50%;
7631 height: 80%;
7632 }
7633 .vbo-info-overlay-content-wizard {
7634 display: none;
7635 }
7636 .vbo-info-overlay-content-animated {
7637 display: block;
7638 }
7639 .vbo-info-overlay-content-wizard h3 {
7640 text-align: left;
7641 border-bottom: 0;
7642 font-size: 22px;
7643 margin-bottom: 0;
7644 }
7645 .vbo-tariffs-wizard-help-wrap {
7646 margin-bottom: 20px;
7647 }
7648 .vbo-tariffs-wizard-help-wrap p span {
7649 font-style: italic;
7650 }
7651 .vbo-tariffs-wizard-help-wrap h4 {
7652 font-size: 20px;
7653 margin-top: 30px;
7654 font-weight: normal;
7655 }
7656 .vbo-tariffs-wizard-prices-wrap {
7657 display: flex;
7658 flex-wrap: wrap;
7659 justify-content: center;
7660 }
7661 .vbo-tariffs-wizard-price {
7662 flex-basis: 25%;
7663 text-align: center;
7664 border: 2px solid #a3cae1;
7665 padding: 25px;
7666 margin: 4px;
7667 border-radius: 4px;
7668 }
7669 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7670 display: block;
7671 font-weight: bold;
7672 margin-bottom: 5px;
7673 }
7674 .vbo-tariffs-wizard-prices-submit {
7675 text-align: center;
7676 margin-top: 15px;
7677 }
7678 .vbo-rplans-wizard-wrap {
7679 display: flex;
7680 }
7681 .vbo-tariffs-wizard-help-wrap h4 {
7682 text-align: center;
7683 }
7684 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7685 display: inline-block;
7686 padding: 15px;
7687 border: 1px solid #ddd;
7688 border-radius: 4px;
7689 flex: 1;
7690 margin: 5px;
7691 }
7692 .vbo-rplans-wizard-tprice-name {
7693 display: inline-block;
7694 width: 100%;
7695 }
7696 .vbo-rplans-wizard-tprice-name label {
7697 font-weight: bold;
7698 font-size: 18px;
7699 display: inline-block;
7700 }
7701 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7702 float: right;
7703 margin: 0;
7704 padding-top: 0;
7705 padding-bottom: 0;
7706 }
7707 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7708 margin-bottom: 0;
7709 }
7710 .vbo-rplans-wizard-tprice-bkincl label {
7711 display: inline-block;
7712 }
7713 .vbo-rplans-wizard-tprice-bkincl input {
7714 margin-top: 0 !important;
7715 }
7716 .fileinput-button {
7717 position: relative;
7718 overflow: hidden;
7719 display: inline-block;
7720 }
7721 .fileinput-button input {
7722 position: absolute;
7723 top: 0;
7724 right: 0;
7725 margin: 0;
7726 opacity: 0;
7727 -ms-filter: 'alpha(opacity=0)';
7728 font-size: 200px;
7729 direction: ltr;
7730 cursor: pointer;
7731 }
7732 /* Fixes for IE < 8 */
7733 @media screen\9 {
7734 .fileinput-button input {
7735 filter: alpha(opacity=0);
7736 font-size: 100%;
7737 height: 100%;
7738 }
7739 }
7740 .progress {
7741 background-color: var(--vbo-config-child-bg-color);
7742 border-radius: 4px;
7743 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7744 height: 20px;
7745 margin-bottom: 20px;
7746 overflow: hidden;
7747 }
7748 .progress-bar {
7749 background-color: var(--vbo-blue-color);
7750 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7751 color: #fff;
7752 float: left;
7753 font-size: 12px;
7754 height: 100%;
7755 line-height: 20px;
7756 text-align: center;
7757 transition: width 0.6s ease 0s;
7758 width: 0;
7759 }
7760 .progress-bar-success {
7761 background-color: var(--vbo-green-color) !important;
7762 }
7763 .vbo-info-overlay-content .files {
7764 display: inline-block;
7765 width: 100%;
7766 min-height: 40%;
7767 border: 2px dashed var(--vbo-config-border-color);
7768 box-sizing: border-box;
7769 padding: 10px;
7770 }
7771 .vbo-upload-photo {
7772 float: left;
7773 margin: 0 10px 0 0;
7774 padding: 5px;
7775 }
7776 .vbo-upload-photo canvas {
7777 border: 1px solid var(--vbo-basic-btn);
7778 border-radius: 4px;
7779 }
7780 .vbo-upload-photo p {
7781 margin: 0;
7782 text-align: center;
7783 }
7784 .vbo-upload-photo span {
7785 font-weight: bold;
7786 text-align: center;
7787 display: block;
7788 text-align: center;
7789 color: var(--vbo-config-titles-color-light);
7790 }
7791 .vbo-upload-photo p button {
7792 margin-top: 5px;
7793 }
7794 .vbo-info-overlay-content #progress {
7795 margin-top: 15px;
7796 }
7797 .vbo-upload-done {
7798 display: none;
7799 width: 100%;
7800 text-align: center;
7801 padding-top: 15px;
7802 margin-top: 10px;
7803 }
7804 .vbo-upload-done .btn i:before {
7805 color: #fff;
7806 }
7807 .vbo-toggle-imgcaption {
7808 position: absolute;
7809 width: 22px;
7810 font-size: 16px;
7811 z-index: 100;
7812 margin-left: -11px;
7813 margin-top: -6px;
7814 background: var(--vbo-main-bg-color);
7815 border-radius: 50%;
7816 object-fit: cover;
7817 border: 1px solid var(--vbo-config-border-color);
7818 height: 22px;
7819 line-height: 22px;
7820 display: inline-block;
7821 text-align: center;
7822 color: var(--vbo-config-titles-color-light);
7823 }
7824 .vbo-toggle-imgcaption-on {
7825 color: var(--vbo-base-color);
7826 }
7827 .vbo-rmphotos-cont {
7828 margin-bottom: 10px;
7829 }
7830 .vbo-small-p-info {
7831 font-size: smaller;
7832 margin: 10px 0 0;
7833 text-align: right;
7834 }
7835 .vbo-bulkupload-cont {
7836 margin: 20px 0 0 0;
7837 }
7838 /* Multi Photos Upload Modal Window - End */
7839 /* Room Units Distinctive Features - Start */
7840 .vbo-distfeature-row {
7841 display: none;
7842 }
7843 .vbo-distfeatures-toggle-cont {
7844 display: block;
7845 text-align: left;
7846 }
7847 .vbo-distfeatures-cont {
7848 display: none;
7849 background-color: var(--vbo-config-child-bg-color);
7850 padding: 20px;
7851 margin-top: 5px;
7852 }
7853 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7854 background-color: var(--vbo-input-style) !important;
7855 }
7856 .vbo-runit-features-cont {
7857 display: block;
7858 margin-bottom: 10px;
7859 padding-bottom: 10px;
7860 border-bottom: 1px solid var(--vbo-config-border-color);
7861 }
7862 .vbo-runit-features-cont:last-child {
7863 margin-bottom: 0;
7864 border-bottom: 0;
7865 padding-bottom: 0;
7866 }
7867 .vbo-runit-num {
7868 display: block;
7869 font-weight: bold;
7870 }
7871 .vbo-runit-features {
7872 display: block;
7873 }
7874 .vbo-runit-feature {
7875 display: flex;
7876 margin: 5px 0 5px 0;
7877 }
7878 .vbo-runit-feature input {
7879 margin-right: 10px;
7880 }
7881 .vbo-runit-feature input:focus {
7882 background: #fff;
7883 }
7884 .vbo-feature-add {
7885 cursor: pointer;
7886 }
7887 .vbo-feature-remove {
7888 cursor: pointer;
7889 display: inline-block;
7890 font-size: 20px;
7891 align-self: center;
7892 }
7893 /* Room Units Distinctive Features - End */
7894 .vbo-closed-date-entry {
7895 display: inline-block;
7896 background-color: var(--vbo-toolbar-bg-color);
7897 border: 1px solid var(--vbo-toolbar-bg-color);
7898 border-radius: 30px;
7899 margin: 5px 5px 0px 0;
7900 padding: 5px 10px;
7901 color: var(--vbo-base-color);
7902 font-weight: bold;
7903 }
7904 .vbo-closed-date-rm {
7905 cursor: pointer;
7906 display: inline-block;
7907 margin-left: 3px;
7908 width: 18px;
7909 height: 18px;
7910 line-height: 15px;
7911 font-size: 8px;
7912 text-align: center;
7913 border-radius: 50%;
7914 color: var(--vbo-blue-color);
7915 line-height: 20px;
7916 float: right;
7917 }
7918 .vbo-closed-date-rm:hover {
7919 background: var(--vbo-blue-color);
7920 color: #fff;
7921 }
7922 .vbo-closed-date-rm i {
7923 margin: 0 !important;
7924 }
7925 /* Occupancy Pricing Override - Start */
7926 .occupancy-room {
7927 display: block;
7928 margin-left: 5px;
7929 }
7930 .occupancy-room-name {
7931 display: block;
7932 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7933 font-weight: bold;
7934 border-radius: 2px;
7935 border: 1px solid var(--vbo-config-border-color);
7936 cursor: pointer;
7937 padding: 8px 10px;
7938 margin: 5px 0 0;
7939 }
7940 .occupancy-room-data {
7941 display: none;
7942 padding: 20px;
7943 background: var(--vbo-config-child-bg-color);
7944 }
7945 .occupancy-room-data .occupancy-adults-data {
7946 margin: 0 0 15px;
7947 }
7948 .occupancy-room-data .occupancy-adults-data:last-child {
7949 margin-bottom: 0;
7950 }
7951 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7952 vertical-align: top;
7953 }
7954 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7955 padding: 5px 10px;
7956 }
7957 .occupancy-adults-lbl {
7958 display: inline-block;
7959 margin-bottom: 5px;
7960 font-weight: bold;
7961 }
7962 .occupancy-adults-ovr > * {
7963 margin-right: 5px;
7964 }
7965 /* Occupancy Pricing Override - End */
7966 /* Crons - Start */
7967 .vbo-shell-wrap {
7968 width: 100%;
7969 -webkit-border-radius: 3px;
7970 -moz-border-radius: 3px;
7971 border-radius: 3px;
7972 }
7973 .vbo-shell-top-bar {
7974 text-align: center;
7975 color: var(--vbo-config-title-color);
7976 padding: 5px 0;
7977 margin: 0;
7978 font-size: 1.15em;
7979 border: 1px solid var(--vbo-config-border-color);
7980 border-bottom: none;
7981 -webkit-border-top-left-radius: 3px;
7982 -webkit-border-top-right-radius: 3px;
7983 -moz-border-radius-topleft: 3px;
7984 -moz-border-radius-topright: 3px;
7985 border-top-left-radius: 3px;
7986 border-top-right-radius: 3px;
7987 background: var(--vbo-config-child-bg-color);
7988 }
7989 .vbo-shell-body {
7990 margin: 0;
7991 padding: 5px;
7992 list-style: none;
7993 background: #141414;
7994 color: #fff;
7995 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7996 font-size: 0.95em;
7997 line-height: 1.6em;
7998 -webkit-border-bottom-right-radius: 3px;
7999 -webkit-border-bottom-left-radius: 3px;
8000 -moz-border-radius-bottomright: 3px;
8001 -moz-border-radius-bottomleft: 3px;
8002 border-bottom-right-radius: 3px;
8003 border-bottom-left-radius: 3px;
8004 }
8005 .vbo-shell-body p:before {
8006 content: '$';
8007 position: absolute;
8008 left: 0;
8009 top: 0;
8010 }
8011 .vbo-shell-body span:before {
8012 content: '-';
8013 position: absolute;
8014 left: 0;
8015 top: 0;
8016 }
8017 .vbo-shell-body p, .vbo-shell-body span {
8018 word-wrap: break-word;
8019 position: relative;
8020 padding: 0 0 0 15px;
8021 display: block;
8022 margin: 2px 0 4px 0;
8023 }
8024 .vbo-cronexec-log {
8025 margin-top: 5px;
8026 }
8027 .vbo-cronexec-log pre {
8028 background: #141414 none repeat scroll 0 0;
8029 border-radius: 0;
8030 color: #fff;
8031 padding: 0;
8032 }
8033 /* Crons - End */
8034 /* Graphs & Statistics - Start */
8035 .vbo-stats-wrapper {
8036 background: var(--vbo-main-bg-color);
8037 padding: 20px 12px;
8038 }
8039 .vbo-stats-wrapper .adminform .adminlegend {
8040 font-weight: bold;
8041 width: 100%;
8042 margin-bottom: 20px;
8043 }
8044 .vbo-graph-bottom-wrapper {
8045 margin-top: 35px;
8046 }
8047 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
8048 display: flex;
8049 flex-wrap: wrap;
8050 }
8051 .vbo-graph-top-left, .vbo-graph-bottom-left {
8052 flex: 1;
8053 margin-right: 20px;
8054 }
8055 .vbo-graph-top-right, .vbo-graph-bottom-right {
8056 flex-basis: 25%;
8057 }
8058 .vbo-graphstats-left {
8059 background: var(--vbo-config-bg-color);
8060 padding: 30px;
8061 border-radius: 16px;
8062 box-shadow: 0 3px 10px rgba(0,0,0,.05);
8063 }
8064 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
8065 width: 100% !important;
8066 }
8067 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
8068 height: 250px;
8069 }
8070 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
8071 background: var(--vbo-config-bg-color);
8072 padding: 20px;
8073 border-radius: 16px;
8074 box-shadow: 0 3px 10px rgba(0,0,0,.05);
8075 margin-bottom: 15px;
8076 }
8077 .vbo-graph-top-right .vbo-graphstats-thirdright {
8078 border-bottom: 2px solid var(--vbo-base-color);
8079 }
8080 .vbo-graphstats-thirdright {
8081 margin-top: 25px;
8082 }
8083 .vbo-graphstats-thirdright > p {
8084 font-weight: bold;
8085 padding: 0;
8086 text-align: right;
8087 }
8088 .vbo-graphstats-thirdright > p:first-child {
8089 padding-top: 10px;
8090 }
8091 .vbo-graphstats-thirdright > p i {
8092 font-size: 11px;
8093 }
8094 .vbo-graphstats-thirdright p span {
8095 display: inline-block;
8096 min-width: 155px;
8097 float: left;
8098 text-align: left;
8099 }
8100 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
8101 text-align: center;
8102 margin-top: 0;
8103 margin-bottom: 10px;
8104 border-bottom: 1px solid var(--vbo-basic-btn);
8105 padding-bottom: 10px;
8106 }
8107 .vbo-graph-bottom-right h4 {
8108 text-align: center;
8109 margin-top: 0;
8110 margin-bottom: 10px;
8111 border-bottom: 1px solid var(--vbo-basic-btn);
8112 padding-bottom: 0;
8113 }
8114 .vbo-graphstats-countries {
8115 padding-bottom: 10px;
8116 }
8117 .vbo-graphstats-country-wrap {
8118 display: inline-block;
8119 width: 100%;
8120 margin: 2px 0;
8121 }
8122 .vbo-graphstats-country-wrap > span {
8123 vertical-align: middle;
8124 }
8125 .vbo-graphstats-country-img {
8126 display: inline-block;
8127 margin-right: 5px;
8128 }
8129 .vbo-graphstats-country-name {
8130 display: inline-block;
8131 font-weight: bold;
8132 min-width: 120px;
8133 margin-right: 5px;
8134 }
8135 .vbo-graphstats-country-totb.badge {
8136 display: inline-block;
8137 float: right;
8138 background-color: transparent;
8139 border: 2px solid var(--vbo-config-text-color-light);
8140 color: var(--vbo-config-titles-color-light);
8141 border-radius: 50px;
8142 }
8143 .vbo-graphstats-mod-containers {
8144 display: flex;
8145 flex-wrap: wrap;
8146 justify-content: center;
8147 }
8148 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
8149 flex-basis: 50%;
8150 }
8151 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
8152 background: var(--vbo-config-bg-color);
8153 padding: 20px;
8154 border-radius: 16px;
8155 box-shadow: 0 3px 10px rgba(0,0,0,.05);
8156 margin-bottom: 15px;
8157 margin-right: 5px;
8158 }
8159 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
8160 font-weight: bold;
8161 color: var(--vbo-config-titles-color-light);
8162 margin-bottom: 10px;
8163 }
8164 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
8165 font-size: 26px;
8166 font-weight: bold;
8167 }
8168 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
8169 font-size: 13px;
8170 display: inline-block;
8171 vertical-align: top;
8172 color: var(--vbo-config-titles-color-light);
8173 }
8174 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
8175 font-size: 14px;
8176 display: inline-block;
8177 vertical-align: top;
8178 }
8179 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
8180 color: var(--vbo-green-color);
8181 }
8182 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
8183 color: var(--vbo-red-color);
8184 }
8185 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
8186 text-align: center;
8187 }
8188 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
8189 display: inline-block;
8190 text-align: center;
8191 margin: 10px 0 0;
8192 padding: 10px 0;
8193 width: 100%;
8194 }
8195 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
8196 display: inline-block;
8197 margin: 3px 7px;
8198 font-weight: bold;
8199 }
8200 #vbo-graphstats-left-legend ul.line-legend li {
8201 border: 1px solid var(--vbo-config-border-color);
8202 border-radius: 20px;
8203 padding: 10px 12px;
8204 }
8205 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
8206 display: inline-block;
8207 float: left;
8208 height: 15px;
8209 margin: 0 10px 0 0;
8210 width: 15px;
8211 border-radius: 4px;
8212 font-weight: bold;
8213 }
8214 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
8215 text-align: center;
8216 }
8217 #vbo-graphstats-right-legend-nights ul.pie-legend {
8218 display: flex;
8219 margin: 10px 0 0;
8220 padding: 0;
8221 width: 100%;
8222 -ms-flex-wrap: wrap;
8223 -webkit-flex-wrap: wrap;
8224 flex-wrap: wrap;
8225 }
8226 #vbo-graphstats-right-legend ul.pie-legend {
8227 display: flex;
8228 margin: 10px 0 0;
8229 padding: 0;
8230 width: 100%;
8231 -ms-flex-wrap: wrap;
8232 -webkit-flex-wrap: wrap;
8233 flex-wrap: wrap;
8234 }
8235 #vbo-graphstats-right-legend-nights ul.pie-legend li {
8236 display: inline-block;
8237 margin: 3px 7px;
8238 -ms-flex: 0 0 45%;
8239 -webkit-flex: 0 0 45%;
8240 flex: 0 0 45%;
8241 text-align: left;
8242 font-weight: bold;
8243 }
8244 #vbo-graphstats-right-legend ul.pie-legend li {
8245 display: inline-block;
8246 margin: 3px 7px;
8247 -ms-flex: 0 0 45%;
8248 -webkit-flex: 0 0 45%;
8249 flex: 0 0 45%;
8250 text-align: left;
8251 font-weight: bold;
8252 }
8253 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
8254 display: inline-block;
8255 float: left;
8256 height: 15px;
8257 margin: 0 10px 0 0;
8258 width: 15px;
8259 border-radius: 4px;
8260 font-weight: bold;
8261 }
8262 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
8263 display: inline-block;
8264 float: left;
8265 height: 15px;
8266 margin: 0 10px 0 0;
8267 width: 15px;
8268 border-radius: 4px;
8269 }
8270 .vbo-graphstats-legend-sub {
8271 display: inline-block;
8272 font-size: smaller;
8273 margin-left: 3px;
8274 }
8275 .vbo-graph-introtitle {
8276 display: block;
8277 font-weight: bold;
8278 margin-bottom: 10px;
8279 text-align: center;
8280 }
8281 .vbo-graph-introtitle span {
8282 font-size: 18px;
8283 color: var(--vbo-config-title-color);
8284 }
8285 .vbo-graphstats-thirdright-nights-bestworst {
8286 padding: 0;
8287 }
8288 .vbo-graphstats-thirdright-nights-bestworst > span {
8289 font-weight: bold;
8290 display: block;
8291 }
8292 .vbo-chart-icon-negative {
8293 color: var(--vbo-red-color);
8294 }
8295 .vbo-chart-icon-positive {
8296 color: var(--vbo-green-color);
8297 }
8298
8299 /* Graphs & Statistics - End */
8300 /* Invoices - Start */
8301 .vbo-invoices-wrapper {
8302 display: block;
8303 overflow: hidden;
8304 padding: 15px;
8305 margin-bottom: 20px;
8306 background: var(--vbo-config-child-bg-color);
8307 }
8308 .vbo-invoices-inv-container {
8309 position: relative;
8310 margin: 10px;
8311 width: 300px;
8312 height: 235px;
8313 z-index : 1;
8314 float:left;
8315 background: var(--vbo-config-bg-color);
8316 box-shadow: 0 0 10px rgba(0,0,0,.08);
8317 border: 1px solid var(--vbo-basic-btn);
8318 border-radius: 5px;
8319 -webkit-perspective: 1000;
8320 perspective: 1000;
8321 }
8322 .vbo-invoices-inv-inner {
8323 cursor: pointer;
8324 width: 100%;
8325 height: 100%;
8326 -webkit-transform-style: preserve-3d;
8327 -webkit-transition: all 0.7s linear;
8328 transform-style: preserve-3d;
8329 transition: all 0.7s linear;
8330 }
8331 .vbo-invoices-inv-container.vbo-invoice-active {
8332 border: 1px solid var(--vbo-base-color);
8333 }
8334 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8335 -webkit-transform: rotateY(180deg);
8336 transform: rotateY(180deg);
8337 }
8338 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8339 padding: 8px 15px;
8340 box-shadow: none;
8341 border-color: var(--vbo-config-border-color);
8342 }
8343 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8344 background-color: var(--vbo-light-color-btn);
8345 }
8346 .vbo-invoices-inv-face {
8347 position: absolute;
8348 width: 100%;
8349 height: 100%;
8350 backface-visibility: hidden;
8351 -webkit-backface-visibility: hidden;
8352 }
8353 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8354 display: flex;
8355 flex-wrap: wrap;
8356 display: block;
8357 -webkit-transform: rotateY(180deg);
8358 transform: rotateY(180deg);
8359 box-sizing: border-box;
8360 text-align: center;
8361 background-color: var(--vbo-config-bg-color);
8362 border-radius: 5px;
8363 }
8364 .vbo-invoices-inv-frontright {
8365 overflow: hidden;
8366 padding: 10px;
8367 }
8368 .vbo-invoices-inv-entry {
8369 display: block;
8370 margin-bottom: 5px;
8371 }
8372 .vbo-invoices-inv-entry-custname {
8373 margin-top: 5px;
8374 }
8375 .vbo-invoices-inv-entry-lbl {
8376 display: inline-block;
8377 margin-right: 5px;
8378 font-weight: bold;
8379 }
8380 .vbo-invoices-inv-entry-val {
8381 display: inline-block;
8382 vertical-align: top;
8383 }
8384 .vbo-invoices-inv-ckbox {
8385 position: absolute;
8386 top: 5px;
8387 left: 5px;
8388 margin: 1px;
8389 }
8390 .vbo-invoices-inv-back-commands {
8391 margin:10px 0;
8392 }
8393 .vbo-invoices-inv-back-commands .btn {
8394 margin:2px;
8395 }
8396 .vbo-invoices-inv-back-entries {
8397 background: var(--vbo-basic-btn-hover);
8398 border-top:1px solid var(--vbo-config-border-color);
8399 padding: 10px 20px;
8400 font-size: 12px;
8401 width: auto;
8402 display: inline-block;
8403 border-radius: 4px;
8404 margin: 2px;
8405 text-align: left;
8406 }
8407 .vbo-invoices-inv-entry-val small {
8408 font-size: 12px;
8409 }
8410 .vbo-invoices-inv-entry-val .label {
8411 margin-left: 3px;
8412 }
8413 .vbo-invoices-inv-frontleft {
8414 position: relative;
8415 }
8416 .vbo-invoices-inv-totals {
8417 position: absolute;
8418 bottom: 2px;
8419 width: calc(100% - 10px);
8420 display: flex;
8421 flex-wrap: wrap;
8422 padding: 6px;
8423 box-sizing: border-box;
8424 border: 1px solid var(--vbo-config-border-color);
8425 margin: 5px;
8426 border-radius: 4px;
8427 }
8428 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8429 font-weight: bold;
8430 margin-right: 5px;
8431 }
8432 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8433 margin-left: auto;
8434 }
8435 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8436 padding: 2px 6px;
8437 }
8438 /* Invoices - End */
8439 /* Snapshot - Start */
8440 .vbo-info-overlay-snapshot {
8441 position: fixed;
8442 left: 50%;
8443 top: 50%;
8444 transform: translate(-50%, -50%);
8445 width: 40%;
8446 height: 60%;
8447 z-index: 101;
8448 padding: 20px;
8449 border-radius: 5px;
8450 background-color: var(--vbo-config-bg-color);
8451 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8452 }
8453 .vbo-info-overlay-snapshot-controls {
8454 display: block;
8455 text-align: center;
8456 }
8457 .vbo-info-overlay-snapshot-controls button {
8458 margin: 0 5px;
8459 }
8460 .vbo-info-overlay-snapshot-controls button i {
8461 margin-right: 5px;
8462 }
8463 .vbo-info-overlay-snapshot-movie {
8464 display: block;
8465 text-align: center;
8466 overflow: auto;
8467 margin: 10px auto;
8468 }
8469 .vbo-cur-idscan {
8470 display: inline-block;
8471 background: var(--vbo-main-bg-color);
8472 padding: 10px 15px;
8473 border-radius: 2px;
8474 border: 1px solid var(--vbo-config-border-color);
8475 color: var(--vbo-config-title-color);
8476 white-space: nowrap;
8477 overflow: hidden;
8478 text-overflow: ellipsis;
8479 max-width: 120px;
8480 margin: 0px 0 0px 10px;
8481 vertical-align: top;
8482 }
8483
8484 /* Snapshot - End */
8485 /* Draggable Elements - Start */
8486 .vbo-draggable-sp {
8487 width: 98%;
8488 cursor: move;
8489 }
8490 .vbo-dragging-sp {
8491 border-radius: 8px;
8492 border: 1px dashed var(--vbo-config-title-color);
8493 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8494 }
8495 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8496 border-right: 0;
8497 border-radius: 0;
8498 }
8499 .vbo-dragging-cells-tmp {
8500 border-radius: 8px;
8501 border: 1px dashed var(--vbo-config-bg-color);
8502 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8503 }
8504 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8505 margin: 0 !important;
8506 }
8507 .vbo-dragged-cells-tmp {
8508 border-radius: 8px;
8509 border: 1px dashed var(--vbo-config-bg-color);
8510 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8511 animation: Vikshake 0.5s ease-in-out;
8512 -webkit-animation: Vikshake 0.5s ease-in-out;
8513 -moz-animation: Vikshake 0.5s ease-in-out;
8514 }
8515 @keyframes Vikshake {
8516 0% {
8517 transform: translateX(0);
8518 }
8519 20% {
8520 transform: translateX(-10px);
8521 }
8522 40% {
8523 transform: translateX(10px);
8524 }
8525 60% {
8526 transform: translateX(-10px);
8527 }
8528 80% {
8529 transform: translateX(10px);
8530 }
8531 100% {
8532 transform: translateX(0);
8533 }
8534 }
8535 @-webkit-keyframes Vikshake {
8536 0% {
8537 transform: translateX(0);
8538 }
8539 20% {
8540 transform: translateX(-10px);
8541 }
8542 40% {
8543 transform: translateX(10px);
8544 }
8545 60% {
8546 transform: translateX(-10px);
8547 }
8548 80% {
8549 transform: translateX(10px);
8550 }
8551 100% {
8552 transform: translateX(0);
8553 }
8554 }
8555 @-moz-keyframes Vikshake {
8556 0% {
8557 transform: translateX(0);
8558 }
8559 20% {
8560 transform: translateX(-10px);
8561 }
8562 40% {
8563 transform: translateX(10px);
8564 }
8565 60% {
8566 transform: translateX(-10px);
8567 }
8568 80% {
8569 transform: translateX(10px);
8570 }
8571 100% {
8572 transform: translateX(0);
8573 }
8574 }
8575 .vboverviewtable > * {
8576 -webkit-touch-callout: none;
8577 -webkit-user-select: none;
8578 -moz-user-select: none;
8579 -ms-user-select: none;
8580 }
8581 table.vboverviewtable td.vbo-overv-avcell {
8582 position: relative;
8583 }
8584 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8585 min-width: 80px;
8586 max-width: 80px;
8587 height: 50px;
8588 }
8589 table.vboverviewtable th, table.vboverviewtable td {
8590 -moz-box-sizing: border-box;
8591 -webkit-box-sizing: border-box;
8592 box-sizing: border-box;
8593 border-right: 1px solid var(--vbo-config-border-color);
8594 border-bottom: 1px solid var(--vbo-config-border-color);
8595 }
8596 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8597 padding: 10px;
8598 }
8599 table.vboverviewtable tr:last-child td {
8600 border-bottom: 0;
8601 }
8602 table.vboverviewtable td:last-child {
8603 border-right: 0;
8604 }
8605 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8606 position: relative;
8607 }
8608 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8609 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8610 position: absolute;
8611 top: 50%;
8612 left: 50%;
8613 transform: translate(-50%, -50%);
8614 overflow: auto;
8615 text-align: center;
8616 }
8617 .vbo-overv-row-snake td {
8618 padding-bottom: 16px;
8619 vertical-align: bottom;
8620 }
8621 .vboverviewtablerow .vbo-checkinday span {
8622 margin-top: -2px;
8623 display: block;
8624 }
8625 .vboverviewtablerow-subunit td {
8626 position: relative;
8627 }
8628 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8629 position: absolute;
8630 }
8631 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8632 top: auto;
8633 left: auto;
8634 right: 3px;
8635 bottom: 1px;
8636 transform: none;
8637 cursor: pointer;
8638
8639 visibility: hidden;
8640 }
8641 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8642 top: auto;
8643 left: auto;
8644 right: 3px;
8645 bottom: 0;
8646 transform: none;
8647 }
8648 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8649 animation: 1s vbonotefadeIn;
8650 animation-fill-mode: forwards;
8651 }
8652
8653 @keyframes vbonotefadeIn {
8654 99% {
8655 visibility: hidden;
8656 }
8657 100% {
8658 visibility: visible;
8659 }
8660 }
8661 .vbo-roomdaynote-full:before {
8662 content: "";
8663 width: 100%;
8664 height: 3px;
8665 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
8666 position: absolute;
8667 bottom: 0;
8668 left: 0;
8669 }
8670 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8671 height: 19px;
8672 }
8673 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8674 content: attr(data-notes);
8675 color: #fff;
8676 font-size: 12px;
8677 position: absolute;
8678 bottom: 1px;
8679 left: 4px;
8680 width: max-content;
8681 z-index: 1;
8682 max-width: 200px;
8683 white-space: nowrap;
8684 overflow: hidden;
8685 text-overflow: ellipsis;
8686 }
8687 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8688 color: var(--vbo-base-color);
8689 font-size: 14px;
8690 }
8691 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8692 color: var(--vbo-base-color-hover);
8693 opacity: .8;
8694 }
8695 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8696 color: var(--vbo-config-bg-color);
8697 }
8698 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8699 color: var(--vbo-base-color-hover);
8700 }
8701 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8702 opacity: .8;
8703 }
8704 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8705 color: var(--vbo-config-bg-color);
8706 }
8707 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8708 color: #fff;
8709 z-index: 10;
8710 }
8711 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8712 color: #b8d5f5;
8713 }
8714 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8715 width: calc(70% - 15px);
8716 }
8717 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8718 width: calc(34% - 20px);
8719 }
8720 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8721 width: calc(34% - 10px);
8722 }
8723 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8724 width: 40px;
8725 text-overflow: ellipsis;
8726 overflow: hidden;
8727 text-align: left;
8728 }
8729 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8730 width: 110px;
8731 text-overflow: ellipsis;
8732 overflow: hidden;
8733 text-align: left;
8734 }
8735 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8736 width: 190px;
8737 text-overflow: ellipsis;
8738 overflow: hidden;
8739 text-align: left;
8740 }
8741 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8742 width: auto !important;
8743 }
8744 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8745 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8746 width: 50%;
8747 }
8748 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8749 display: none;
8750 }
8751 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8752 display: inline-block;
8753 margin-left: 5px;
8754 }
8755 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8756 font-weight: bold;
8757 }
8758 .vbo-modal-roomdaynotes-addnew {
8759 border: 1px solid var(--vbo-config-border-color);
8760 padding: 10px 20px 20px;
8761 border-radius: 4px;
8762 background: var(--vbo-config-child-bg-color);
8763 }
8764 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8765 margin: 10px 0;
8766 }
8767 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8768 display: block;
8769 margin-bottom: 5px;
8770 }
8771 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8772 width: 100% !important;
8773 box-sizing: border-box;
8774 min-height: 80px;
8775 }
8776 tr.vboverviewtablerow-subunit {
8777 display: none;
8778 }
8779 .vbo-info-overlay-content-fests {
8780 padding: 0;
8781 }
8782 .vbo-info-overlay-content-fests > h3 {
8783 padding-top: 15px;
8784 padding-bottom: 15px;
8785 }
8786 .vbo-overlay-fests-list {
8787 padding: 10px 30px;
8788 }
8789 .vbo-overlay-fest-details {
8790 display: flex;
8791 margin: 4px 0 15px;
8792 padding: 10px;
8793 border: 1px solid var(--vbo-config-border-color);
8794 border-radius: 4px;
8795 }
8796 .vbo-roverw-roomdaynotes-title {
8797 font-size: 15px;
8798 margin-bottom: 7px;
8799 }
8800 .vbo-roverv-roomdaynotes-note-details {
8801 border: 1px solid #bce3ec;
8802 }
8803 .vbo-overlay-fest-details .vbo-fest-info {
8804 margin-right: 15px;
8805 align-self: center;
8806 }
8807 .vbo-overlay-fest-details .vbo-fest-cmds {
8808 margin-left: auto;
8809 }
8810 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8811 margin-right: 0;
8812 }
8813 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8814 font-size: 1.1em;
8815 font-weight: bold;
8816 }
8817 .vbo-overlay-fests-addnew {
8818 margin: 0 30px 30px;
8819 border: 1px solid var(--vbo-config-border-color);
8820 padding: 15px;
8821 background: var(--vbo-config-child-bg-color);
8822 }
8823 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8824 width: 70% !important;
8825 }
8826 .vbo-info-overlay-content input#invoice_num[type="number"] {
8827 width: 115px !important;
8828 }
8829 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8830 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8831 border: 1px solid var(--vbo-config-border-color);
8832 border-radius: 2px;
8833 padding: 5px 10px;
8834 }
8835 .vbo-overlay-fests-addnew-elem textarea {
8836 width: 100%;
8837 min-height: 80px;
8838 box-sizing: border-box;
8839 }
8840 .vbo-ovrv-flt-butn {
8841 position: fixed;
8842 bottom: 40px;
8843 right: 10px;
8844 padding: 8px;
8845 border-radius: 4px;
8846 background: none repeat scroll 0 0 #02679a;
8847 color: #fff;
8848 cursor: pointer;
8849 }
8850 .vbo-ovrv-flt-butn-shake {
8851 animation: Vikshake 0.5s ease-in-out;
8852 -webkit-animation: Vikshake 0.5s ease-in-out;
8853 -moz-animation: Vikshake 0.5s ease-in-out;
8854 }
8855 span.vbo-overview-subroom-toggle {
8856 cursor: pointer;
8857 margin-left: auto;
8858 margin-right: 1px;
8859 margin-top: 5px;
8860 }
8861 span.vbo-overview-subroom-toggle i {
8862 color: var(--vbo-config-title-color);
8863 }
8864 span.vbo-overview-subroom-toggle-active i {
8865 color: var(--vbo-base-color);
8866 }
8867 .vbo-info-overlay-loading-dnd {
8868 color: var(--vbo-config-bg-color);
8869 display: block;
8870 font-size: 30px;
8871 left: 20%;
8872 position: fixed;
8873 text-align: center;
8874 top: 20%;
8875 width: 60%;
8876 padding: 30px;
8877 z-index: 101;
8878 background: var(--vbo-config-title-color);
8879 border-radius: 20px;
8880 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8881 }
8882 .vbo-loading-dnd-head {
8883 display: block;
8884 font-weight: bold;
8885 }
8886 .vbo-loading-dnd-body {
8887 display: block;
8888 font-size: smaller;
8889 margin-top: 30px;
8890 }
8891 .vbo-loading-dnd-response {
8892 background: var(--vbo-body-text-color);
8893 border-radius: 8px;
8894 display: block;
8895 font-size: 15px;
8896 margin: 15px auto 0;
8897 padding: 25px;
8898 }
8899 .vbo-loading-dnd-footer {
8900 display: block;
8901 font-size: smaller;
8902 margin-top: 30px;
8903 }
8904 #vbo-dnd-response form {
8905 margin-top: 10px;
8906 }
8907 #vbo-dnd-canvas-success {
8908 height: 100px;
8909 }
8910 /* Draggable Elements - End */
8911 /* Overview Tooltip - Start */
8912 .vbo-overview-tipblock {
8913 color: var(--vbo-body-text-color);
8914 max-height: 400px;
8915 min-height: 140px;
8916 overflow: auto;
8917 position: absolute;
8918 width: 400px;
8919 z-index: 1001;
8920 }
8921 .vbo-overview-tipblock-expanded {
8922 width: 800px;
8923 min-height: 240px;
8924 right: 0;
8925 }
8926 .vbo-overview-tipexpander {
8927 position: absolute;
8928 top: 1px;
8929 left: 1px;
8930 z-index: 2;
8931 }
8932 .vbo-overview-expandtoggle {
8933 display: inline-block;
8934 width: 26px;
8935 height: 26px;
8936 line-height: 24px;
8937 color: #fff;
8938 background: #666;
8939 text-align: center;
8940 border-radius: 2px;
8941 font-size: 14px;
8942 cursor: pointer;
8943 }
8944 .vbo-overview-expandtoggle:hover {
8945 background: #999;
8946 }
8947 .vbo-overview-tipinner {
8948 display: block;
8949 padding: 10px 0 0 5px;
8950 }
8951 .vbo-overview-tiploading {
8952 display: block;
8953 font-weight: bold;
8954 background-color: rgba(255,255,255, .9);
8955 padding: 10px 15px;
8956 border-radius: 3px;
8957 box-shadow: 0 0 10px rgba(0,0,0,.1);
8958 }
8959 .vbo-overview-tip-bookingcont {
8960 margin: 4px 0;
8961 position: relative;
8962 display: flex;
8963 font-size: 12px;
8964 box-shadow: 0 -1px 8px rgba(0,0,0,.1);
8965 border-radius: 8px;
8966 border: 1px solid var(--vbo-config-border-color);
8967 }
8968 .vbo-overview-tip-bookingcont:first-child {
8969 margin-top: 0;
8970 }
8971 .vbo-overview-tip-bookingcont:last-child {
8972 margin-bottom: 0;
8973 }
8974 .vbo-overview-tip-bookingcont-left {
8975 flex-basis: 35%;
8976 display: inline-block;
8977 vertical-align: top;
8978 text-align: left;
8979 background: var(--vbo-body-bg-color);
8980 box-shadow: 0 -1px 8px rgba(0,0,0,.1);
8981 padding: 15px 20px;
8982 border-top-left-radius: 8px;
8983 border-bottom-left-radius: 8px;
8984 z-index: 1;
8985 }
8986 .vbo-overview-tip-bookingcont-right {
8987 flex: 1;
8988 display: inline-block;
8989 vertical-align: top;
8990 text-align: left;
8991 background-color: var(--vbo-body-bg-color);
8992 padding: 10px 20px;
8993 border-top-right-radius: 8px;
8994 border-bottom-right-radius: 8px;
8995 }
8996 .vbo-overview-tip-bookingcont-right > div,
8997 .vbo-overview-tip-bookingcont-left > div {
8998 margin: 7px 0;
8999 line-height: 1.3em;
9000 white-space: break-spaces;
9001 }
9002 .vbo-overview-tip-bookingcont-right > div:first-child,
9003 .vbo-overview-tip-bookingcont-left > div:first-child {
9004 margin-top: 0;
9005 }
9006 .vbo-overview-tip-bookingcont-right > div:last-child,
9007 .vbo-overview-tip-bookingcont-left > div:last-child {
9008 margin-bottom: 0;
9009 }
9010 .vbo-overview-tip-bookingcont-right > .vbo-overview-tip-optindexes .vbo-overview-tip-lbl {
9011 display: none;
9012 }
9013 .vbo-overview-tip-bctag-wrap {
9014 display: flex;
9015 gap: 6px;
9016 align-items: center;
9017 border: 1px solid var(--vbo-config-border-color);
9018 border-radius: 20px;
9019 width: max-content;
9020 }
9021 .vbo-overview-tip-bctag-wrap .vbo-overview-tip-bctag {
9022 border-radius: 50%;
9023 }
9024 .vbo-overview-tip-bookingcont span {
9025 margin-top: 0 !important;
9026 position: relative !important;
9027 left: auto !important;
9028 top: auto !important;
9029 transform: initial !important;
9030 text-align: left !important;
9031 overflow: initial !important;
9032 }
9033 .vbo-overview-tip-bookingcont span.vbo-overview-tip-bctag-name {
9034 font-weight: bold;
9035 padding-right: 10px;
9036 }
9037 .vbo-overview-tip-cnt .vbo-channelimg-small {
9038 max-width: 70px;
9039 }
9040 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
9041 float: inherit;
9042 padding-left: 5px;
9043 vertical-align: bottom;
9044 }
9045 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
9046 font-weight: 500;
9047 display: block;
9048 color: var(--vbo-config-titles-color-light);
9049 font-size: 11px;
9050 }
9051 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
9052 float: right;
9053 }
9054 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
9055 display: inline-block;
9056 margin-right: 3px;
9057 }
9058 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
9059 font-weight: bold;
9060 display: inline-block;
9061 }
9062 .vbo-overview-tip-bookingcont-total {
9063 font-size: 13px;
9064 padding-top: 2px;
9065 border-top: 1px solid var(--vbo-config-border-color);
9066 }
9067 .vbo-overview-tip-bookingcont-total .vbo-overview-tip-btot {
9068 margin-bottom: 5px;
9069 border-radius: 4px;
9070 }
9071 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
9072 display: block;
9073 margin-right: 3px;
9074 }
9075 .vbo-overview-tip-bookingcont-total .vbo-overview-tip-cnt {
9076 font-size: 16px;
9077 }
9078 .vbo-overview-tip-bookingcont-total .vbo-overview-tip-btotpaid .vbo-overview-tip-cnt {
9079 font-size: 14px;
9080 }
9081 .vbo-overview-tip-optindexes select {
9082 max-width: 180px !important;
9083 }
9084 .vbo-overview-tip-bstatus .label {
9085 background: transparent !important;
9086 padding: 0;
9087 font-size: inherit;
9088 line-height: auto;
9089 text-transform: uppercase;
9090 }
9091 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
9092 background: transparent !important;
9093 color: var(--vbo-green-color) !important;
9094 }
9095 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
9096 color: var(--vbo-warning-color) !important;
9097 background: transparent !important;
9098 }
9099 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
9100 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
9101 color: var(--vbo-red-color) !important;
9102 background: transparent !important;
9103 }
9104 .vbo-overview-tip-lbl .tooltip {
9105 min-width: 140px !important;
9106 }
9107 .vbo-overview-tip-bctag-wrap {
9108 z-index: 10;
9109 margin: 15px 0 0;
9110 position: relative;
9111 }
9112 .vbo-overview-tip-bctag {
9113 background-color: var(--vbo-config-bg-color);
9114 border-radius: 4px;
9115 cursor: pointer;
9116 height: 22px;
9117 width: 22px;
9118 text-align: center;
9119 vertical-align: top;
9120 font-size: 10px !important;
9121 line-height: 25px !important;
9122 }
9123 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
9124 margin: 0;
9125 }
9126 .vbo-overview-tip-bctag i[class^="vboicn-"] {
9127 margin-right: 0;
9128 }
9129 .vbo-overview-tip-bctag-subtip {
9130 background-color: var(--vbo-config-bg-color);
9131 left: 37px;
9132 position: absolute;
9133 top: -9px;
9134 width: 250px;
9135 z-index: 1000001;
9136 padding: 7px;
9137 box-shadow: 0 4px 4px rgba(0,0,0, .3);
9138 border-radius: 2px;
9139 }
9140 .vbo-overview-tip-bctag-subtip:before {
9141 content: "";
9142 position: absolute;
9143 top:50%;
9144 left: -8px;
9145 transform: translate(0, -50%);
9146 width: 0;
9147 height: 0;
9148 border-style: solid;
9149 border-width: 5px 8px 5px 0;
9150 border-color: transparent #fff transparent transparent;
9151 }
9152 .vbo-overview-tip-bctag-subtip-circle {
9153 border-radius: 50%;
9154 display: inline-block;
9155 height: 16px;
9156 margin: 2px;
9157 width: 16px;
9158 cursor: pointer;
9159 padding: 1px;
9160 border: 1px solid var(--vbo-config-bg-color);
9161 }
9162 .vbo-overview-tip-bctag-subtip-circle > div {
9163 width: 100%;
9164 height: 100%;
9165 border-radius: 50%;
9166 }
9167
9168 .vbo-blist-tip-bctag-subtip {
9169 position: relative;
9170 }
9171 .vbo-blist-tip-bctag-subtip-inner {
9172 background-color: var(--vbo-config-bg-color);
9173 left: 50%;
9174 position: absolute;
9175 top: 0;
9176 width: 250px;
9177 z-index: 99;
9178 padding: 7px;
9179 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
9180 border-radius: 4px;
9181 transform: translate(-50%, 0%);
9182 }
9183 .vbo-blist-tip-bctag-subtip-circle {
9184 border-radius: 50%;
9185 display: inline-block;
9186 height: 16px;
9187 margin: 2px;
9188 width: 16px;
9189 cursor: pointer;
9190 padding: 1px;
9191 border: 1px solid #fff;
9192 }
9193 .vbo-blist-tip-bctag-subtip-circle > div {
9194 width: 100%;
9195 height: 100%;
9196 border-radius: 50%;
9197 }
9198 .vbo-overview-tagslegend {
9199 display: inline-block;
9200 margin-top: 5px;
9201 }
9202 .vbo-overview-legend-tag {
9203 float: left;
9204 margin-right: 4px;
9205 }
9206 .vbo-overview-tagslegend-lbl {
9207 display: inline-block;
9208 font-size: 12px;
9209 float: left;
9210 font-weight: bold;
9211 margin-right: 5px;
9212 }
9213 /* Overview Tooltip - End */
9214 /* Booking Checkin - Start */
9215 .vbo-bookdet-container {
9216 padding: 15px 20px 5px;
9217 background: var(--vbo-config-bg-color);
9218 border: 1px solid var(--vbo-basic-btn);
9219 box-shadow: 0 0 10px rgba(0,0,0,.1);
9220 margin-bottom: 20px;
9221 border-radius: 4px;
9222 text-align: left;
9223 box-sizing: border-box;
9224 }
9225 .vbo-bookdet-wrap {
9226 display: inline-block;
9227 margin: 0 10px 10px 10px;
9228 min-width: 50px;
9229 vertical-align: top;
9230 border-right: 1px solid var(--vbo-config-border-color);
9231 padding-right: 20px;
9232 }
9233 .vbo-bookdet-wrap:last-child {
9234 border: 0;
9235 }
9236 .vbo-bookdet-head {
9237 color: var(--vbo-config-titles-color-light);
9238 margin: 0;
9239 overflow-wrap: break-word;
9240 padding: 3px 0;
9241 text-align: left;
9242 position: relative;
9243 font-weight: bold;
9244 text-transform: uppercase;
9245 font-size: 11px;
9246 }
9247 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
9248 margin-left: 5px;
9249 }
9250 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
9251 margin-right: 5px !important;
9252 }
9253 .vbo-bookdet-foot {
9254 font-size: 16px;
9255 font-weight: bold;
9256 overflow-wrap: break-word;
9257 text-align: left;
9258 padding: 3px 0;
9259 }
9260 .vbo-customer-info-box {
9261 display: inline-block;
9262 }
9263 .vbo-customer-info-box .vbo-customer-info-box-avatar {
9264 margin-right: 3px;
9265 vertical-align: middle;
9266 display: inline-block;
9267 }
9268 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
9269 border-radius: 50%;
9270 display: inline-block;
9271 cursor: pointer;
9272 object-fit: cover;
9273 }
9274 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
9275 width: 30px;
9276 height: 30px;
9277 object-fit: cover;
9278 }
9279 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
9280 width: 48px;
9281 height: 48px;
9282 object-fit: cover;
9283 }
9284 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
9285 width: 64px;
9286 height: 64px;
9287 object-fit: cover;
9288 }
9289 .vbo-customer-info-box .vbo-customer-info-box-name {
9290 display: inline-block;
9291 vertical-align: middle;
9292 }
9293 .vbo-bookdet-foot .btn-primary {
9294 border: var(--vbo-base-color);
9295 padding: 3px 12px;
9296 font-weight: bold;
9297 }
9298 .vbo-bookdet-foot .label {
9299 padding: 5px 14px !important;
9300 font-size: 12px;
9301 border-radius: 24px;
9302 letter-spacing: .3px;
9303 }
9304 .vbo-label-overbooking {
9305 cursor: pointer;
9306 }
9307 .vbo-label-overbooking:hover {
9308 background-color: var(--vbo-red-color-hover) !important;
9309 }
9310 .vbo-label-nested.vbo-label-overbooking {
9311 padding: 3px 5px !important;
9312 font-weight: 500;
9313 line-height: 12px;
9314 font-size: 11px;
9315 }
9316 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
9317 padding: 4px 12px;
9318 font-size: 13px;
9319 }
9320 .vbo-bookdet-foot .vbo-dorefund-btn {
9321 position: relative;
9322 }
9323 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
9324 content: attr(data-totrefunds);
9325 position: absolute;
9326 background-color: var(--vbo-config-bg-color);
9327 color: var(--vbo-config-title-color);
9328 font-weight: bold;
9329 font-size: 13px;
9330 border-radius: 4px;
9331 text-align: center;
9332 padding: 1px 4px;
9333 top: -8px;
9334 border: 2px solid var(--vbo-red-color);
9335 right: -12px;
9336 box-shadow: 0 2px 4px rgba(0,0,0,.15);
9337 }
9338 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9339 padding: 15px 20px 5px;
9340 background: var(--vbo-config-bg-color);
9341 border: 1px solid var(--vbo-main-bg-color);
9342 box-shadow: 0 0 10px rgba(0,0,0,.1);
9343 margin-bottom: 5px;
9344 border-radius: 4px;
9345 text-align: left;
9346 box-sizing: border-box;
9347 }
9348 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9349 padding: 10px 20px 10px;
9350 }
9351 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9352 display: inline-block;
9353 }
9354 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9355 font-weight: bold;
9356 }
9357 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9358 display: inline-block;
9359 }
9360 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9361 padding: 8px 11px;
9362 margin-left: 15px;
9363 }
9364 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9365 padding: 10px 20px 10px;
9366 display: flex;
9367 flex-wrap: wrap;
9368 }
9369 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9370 display: inline-block;
9371 align-self: center;
9372 }
9373 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9374 display: inline-block;
9375 vertical-align: top;
9376 margin-left: 15px;
9377 flex: 1;
9378 }
9379 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9380 margin-bottom: 5px
9381 }
9382 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9383 margin-bottom: 0;
9384 }
9385 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9386 font-weight: bold;
9387 font-size: 1.1em;
9388 }
9389 .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 {
9390 display: block;
9391 }
9392 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9393 font-style: italic;
9394 }
9395 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9396 width: 100%;
9397 display: inline-block;
9398 border-bottom: 1px solid var(--vbo-config-border-color);
9399 padding: 20px 0 0;
9400 margin-bottom: -5px;
9401 }
9402 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9403 float: left;
9404 text-align: center;
9405 color: var(--vbo-config-titles-color-light);
9406 }
9407 .vbo-bookingdet-innercontainer {
9408 display: flex;
9409 -ms-flex-wrap: wrap;
9410 -webkit-flex-wrap: wrap;
9411 flex-wrap: wrap;
9412 }
9413 .vbo-bookingdet-innercontainer > div {
9414 padding: 18px;
9415 }
9416 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9417 background: var(--vbo-config-bg-color);
9418 padding: 15px;
9419 border-radius: 8px;
9420 margin: 10px 0;
9421 position: relative;
9422 }
9423 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9424 margin-top: 0;
9425 }
9426 .vbo-bookingdet-admin-entry > span {
9427 margin-bottom: 4px;
9428 display: inline-block;
9429 font-weight: bold;
9430 color: var(--vbo-config-titles-color-light);
9431 }
9432 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9433 font-weight: bold;
9434 text-transform: uppercase;
9435 margin-bottom: 5px;
9436 }
9437 .vbo-bookingdet-detcont > div {
9438 margin: 8px 0;
9439 }
9440 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9441 margin-top: 20px;
9442 }
9443 .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo {
9444 line-height: 8px;
9445 }
9446 .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo img {
9447 width: 20px;
9448 }
9449 .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-details {
9450 display: flex;
9451 gap: 8px;
9452 align-items: center;
9453 }
9454 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info {
9455 border: 1px solid var(--vbo-config-border-color);
9456 padding: 5px;
9457 border-radius: 4px;
9458 }
9459 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status {
9460 margin-top: 0;
9461 margin-bottom: 8px;
9462 }
9463 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status i {
9464 border-radius: 50%;
9465 line-height: 12px;
9466 font-size: 13px;
9467 padding: 5px;
9468 }
9469 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-off i {
9470 background: var(--vbo-red-color);
9471 color: var(--vbo-contrast-text-color);
9472 }
9473 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-on i {
9474 background: var(--vbo-green-color);
9475 color: var(--vbo-contrast-text-color);
9476 }
9477 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status > span {
9478 display: flex;
9479 align-items: center;
9480 gap: 5px;
9481 }
9482 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status span > span {
9483 font-size: .9em;
9484 font-weight: 500;
9485 }
9486 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9487 width: 100px !important;
9488 }
9489 .vbo-bookingdet-detcont .vbo-bookingdet-inpcont {
9490 display: flex;
9491 align-items: center;
9492 gap: 4px;
9493 }
9494 .vbo-bookingdet-detcont .vbo-bookingdet-inpcont .vbo-bookingdet-save-email .btn {
9495 display: flex;
9496 align-items: center;
9497 }
9498 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9499 display: flex;
9500 width: 100%;
9501 box-sizing: border-box;
9502 padding: 5px 6px !important;
9503 font-size: 12px;
9504 }
9505 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9506 align-self: center;
9507 margin-right: 8px;
9508 }
9509 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9510 margin-left: auto;
9511 padding: 4px 10px;
9512 }
9513 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9514 background-color: transparent !important;
9515 border: 1px solid var(--vbo-blue-color);
9516 color: var(--vbo-blue-color);
9517 }
9518 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9519 background: var(--vbo-blue-color);
9520 }
9521 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.vbo-bookingdet-detcont-label-idorderota {
9522 border-radius: 5px;
9523 }
9524
9525 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info {
9526 color: var(--vbo-config-title-color);
9527 }
9528 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info .badge {
9529 background: #ff375c;
9530 }
9531
9532 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia {
9533 background: #0d214b;
9534 }
9535 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info {
9536 color: #fff;
9537 border-color: #0d214b;
9538 }
9539 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info .badge {
9540 color: #0d214b;
9541 background: #fcdb32;
9542 }
9543
9544 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom {
9545 background: #0c3b7c;
9546 }
9547 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info {
9548 color: #fff;
9549 border-color: #0c3b7c;
9550 }
9551 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info .badge {
9552 background: #05bafc;
9553 }
9554
9555 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9556 background-color: transparent !important;
9557 border: 1px solid var(--vbo-green-color);
9558 color: var(--vbo-green-color);
9559 }
9560 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9561 background: var(--vbo-green-color) !important;
9562 }
9563 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9564 background: var(--vbo-green-color-hover);
9565 }
9566 .vbo-bookingdet-detcont-label-review {
9567 margin-top: 20px;
9568 display: inline-block;
9569 }
9570 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9571 border: 1px solid var(--vbo-orange-color);
9572 background: var(--vbo-config-bg-color) !important;
9573 color: var(--vbo-orange-color);
9574 }
9575 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9576 color: var(--vbo-orange-color) !important;
9577 display: block;
9578 }
9579 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9580 background: transparent;
9581 }
9582 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9583 color: var(--vbo-orange-color-hover) !important;
9584 }
9585 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9586 background: var(--vbo-config-child-bg-color);
9587 }
9588 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9589 width: 100% !important;
9590 box-sizing: border-box;
9591 height: auto;
9592 }
9593 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9594 margin: 0 0 10px;
9595 vertical-align: top;
9596 display: inline-block;
9597 width: 43%;
9598 padding: 0 5px;
9599 }
9600 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9601 display: block;
9602 font-weight: bold;
9603 font-size: 1em;
9604 color: var(--vbo-config-title-color);
9605 }
9606 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9607 word-wrap: break-word;
9608 }
9609 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9610 border: 2px solid var(--vbo-red-color);
9611 }
9612 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9613 -webkit-flex: 0 0 20%;
9614 -ms-flex: 0 0 20%;
9615 flex: 0 0 20%;
9616 }
9617 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9618 -webkit-flex: 1;
9619 -ms-flex: 1;
9620 flex: 1;
9621 }
9622 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9623 font-weight: bold;
9624 }
9625 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9626 font-size: 1.2em;
9627 }
9628 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9629 -webkit-flex: 1;
9630 -ms-flex: 1;
9631 flex: 1;
9632 background: var(--vbo-config-bg-color);
9633 border-radius: 8px;
9634 margin: 18px 15px 20px;
9635 padding: 0;
9636 }
9637 .vbo-bookingdet-noteslogs-btns {
9638 border-top-left-radius: 8px;
9639 border-top-right-radius: 8px;
9640 background: var(--vbo-config-child-bg-color);
9641 padding: 0;
9642 border-bottom: 1px solid var(--vbo-config-border-color);
9643 }
9644 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9645 display: inline-block;
9646 }
9647 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9648 margin-right: 5px;
9649 }
9650 .vbo-bookingdet-noteslogs-btn a {
9651 font-weight: bold;
9652 text-transform: uppercase;
9653 padding: 16px 20px;
9654 display: inline-block;
9655 color: var(--vbo-config-titles-color-light);
9656 }
9657 .vbo-bookingdet-noteslogs-btn-active a {
9658 border-bottom: 2px solid var(--vbo-base-color);
9659 color: var(--vbo-base-color);
9660 background: var(--vbo-config-bg-color);
9661 }
9662 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9663 border: 0;
9664 background: transparent;
9665 padding: 0;
9666 }
9667 .vbo-bookingdet-noteslogs-cont {
9668 padding: 10px;
9669 }
9670 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9671 max-width: 100%;
9672 width: 100%;
9673 box-sizing: border-box;
9674 }
9675 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9676 width: 100% !important;
9677 box-sizing: border-box;
9678 padding: 15px;
9679 background: var(--vbo-config-child-bg-color);
9680 }
9681 .vbo-booking-history-firstrow, .vbo-booking-takings-firstrow {
9682 font-size: .9em;
9683 text-transform: uppercase;
9684 font-weight: bold;
9685 color: var(--vbo-config-titles-color-light);
9686 border: 0;
9687 }
9688 .vbo-booking-history-container tbody {
9689 border: 0 !important;
9690 }
9691 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9692 font-weight: bold;
9693 }
9694 .vbo-booking-history-container > .table > tbody > tr > td {
9695 white-space: normal !important;
9696 }
9697 .vbo-booking-takings-container table.table tfoot td {
9698 background-color: var(--vbo-light-color-btn);
9699 font-weight: bold;
9700 }
9701 .vbo-booking-takings-container .vbo-booking-taking-cmds {
9702 float: right;
9703 display: flex;
9704 gap: 3px;
9705 }
9706 .vbo-booking-takings-container .vbo-booking-taking-cmds .btn {
9707 border-radius: 50%;
9708 padding: 0;
9709 text-align: center;
9710 width: 22px;
9711 height: 22px;
9712 font-size: 10px;
9713 line-height: 18px;
9714 opacity: .5;
9715 }
9716 .vbo-booking-takings-container .vbo-booking-taking-cmds .btn i {
9717 margin: 0 !important;
9718 padding: 0;
9719 }
9720 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit {
9721 background-color: var(--vbo-info-bg);
9722 border: 1px solid var(--vbo-info-border);
9723 color: var(--vbo-info-txt);
9724 }
9725 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit:hover {
9726 background-color: var(--vbo-blue-color-hover);
9727 color: var(--vbo-contrast-text-color);
9728 }
9729 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete {
9730 background-color: var(--vbo-error-bg);
9731 border: 1px solid var(--vbo-error-border);
9732 color: var(--vbo-error-txt);
9733 }
9734 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete:hover {
9735 background-color: var(--vbo-red-color-hover);
9736 color: var(--vbo-contrast-text-color);
9737 }
9738 .vbo-booking-takings-row:hover .vbo-booking-taking-cmds .btn {
9739 opacity: 1;
9740 }
9741 .vbo-editbooking-custarea textarea {
9742 height: 250px;
9743 max-height: 400px;
9744 }
9745 .vbo-bookingdet-summary .table-responsive {
9746 background: var(--vbo-config-bg-color);
9747 border-radius: 8px;
9748 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9749 }
9750 .vbo-bookingdet-summary .table {
9751 margin-bottom: 0;
9752 }
9753 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9754 border-top: 0;
9755 }
9756 .vbo-bookingdet-summary .table td {
9757 padding: 10px 15px;
9758 }
9759 .vbo-editbooking-summary-room {
9760 background: var(--vbo-config-bg-color);
9761 border-radius: 8px;
9762 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9763 margin-bottom: 20px;
9764 padding-bottom: 15px;
9765 }
9766 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9767 padding: 15px;
9768 white-space: normal;
9769 }
9770 .vbo-bookingdet-summary-room-firstcell {
9771 width: 33%;
9772 }
9773 .vbo-bookingdet-summary-roomnum {
9774 font-size: 1.4em;
9775 display: inline-block;
9776 margin: 0 0 10px;
9777 font-weight: bold;
9778 }
9779 .vbo-bookingdet-summary-roomnum i {
9780 border: 1px solid var(--vbo-config-border-color);
9781 padding: 5px;
9782 border-radius: 3px;
9783 margin-right: 6px;
9784 color: var(--vbo-config-text-color-light);
9785 font-size: 14px;
9786 }
9787 .vbo-bookingdet-summary-roomname {
9788 font-size: 1.4em;
9789 display: inline-block;
9790 font-weight: bold;
9791 }
9792 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9793 margin-top: 2px;
9794 }
9795 .vbo-wider-badges-wrap .badge {
9796 font-weight: normal;
9797 padding: 2px 6px;
9798 }
9799 .vbo-bookdet-splitstay-details {
9800 margin-top: 5px;
9801 min-width: initial;
9802 }
9803 .vbo-bookdet-splitstay-details > div {
9804 display: inline-block;
9805 }
9806 .vbo-bookdet-splitstay-details > div > span {
9807 border-right: 1px solid var(--vbo-basic-btn);
9808 }
9809 .vbo-bookdet-splitstay-details > div > span:last-child {
9810 border-right: 0;
9811 }
9812 .vbo-bookingdet-summary-room-wrap {
9813 display: flex;
9814 flex-wrap: wrap;
9815 }
9816 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9817 margin-left: auto;
9818 }
9819 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9820 float: right;
9821 }
9822 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9823 max-width: 200px;
9824 }
9825 .vbo-bookingdet-summary-roomguests {
9826 text-transform: uppercase;
9827 color: var(--vbo-config-titles-color-light);
9828 font-size: .9em;
9829 }
9830 .vbo-bookingdet-summary-roomguests > div {
9831 display: inline-block;
9832 margin-right: 4px;
9833 }
9834 .vbo-bookingdet-summary-total {
9835 background: var(--vbo-light-color-btn);
9836 font-weight: bold;
9837 }
9838 .vbo-bookingdet-summary-total > td {
9839 border-top: 2px solid var(--vbo-config-border-color);
9840 }
9841 .vbo-bookingdet-summary-totpaid {
9842 background: var(--vbo-config-child-bg-color);
9843 }
9844 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9845 color: var(--vbo-blue-color);
9846 }
9847 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9848 color: var(--vbo-red-color);
9849 }
9850 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9851 text-align: left;
9852 }
9853 .vbo-editbooking-summary-room > div {
9854 padding: 15px 15px 0;
9855 }
9856 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9857 font-weight: bold;
9858 text-transform: uppercase;
9859 }
9860 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9861 text-transform: initial;
9862 font-weight: normal;
9863 }
9864 .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 {
9865 display: inline-block;
9866 vertical-align: middle;
9867 margin: 0;
9868 }
9869 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9870 margin-right: 10px;
9871 }
9872 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9873 width: 16px;
9874 color: var(--vbo-config-text-color-light);
9875 }
9876 .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 {
9877 height: 25px;
9878 }
9879 .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 {
9880 left: 28px;
9881 }
9882 .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 {
9883 height: 20px;
9884 width: 20px;
9885 }
9886 .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 {
9887 height: 26px;
9888 }
9889 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9890 margin-top: 5px;
9891 border-top: 1px solid var(--vbo-config-border-color);
9892 padding-top: 10px;
9893 }
9894 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9895 border-top-left-radius: 8px;
9896 border-top-right-radius: 8px;
9897 background: var(--vbo-config-child-bg-color);
9898 border-bottom: 1px solid var(--vbo-config-border-color);
9899 padding-bottom: 15px;
9900 }
9901 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9902 margin-top: 8px;
9903 }
9904 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9905 margin-right: 5px;
9906 color: #999;
9907 }
9908 .vbo-editbooking-room-remove {
9909 float: right;
9910 display: inline-block;
9911 }
9912 .vbo-editbooking-summary-room > div > h4 {
9913 font-weight: bold;
9914 text-transform: uppercase;
9915 border-bottom: 1px solid var(--vbo-config-border-color);
9916 padding-bottom: 10px;
9917 }
9918 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9919 margin-right: 5px;
9920 display: inline-block;
9921 }
9922 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9923 color: var(--vbo-config-text-color-light);
9924 margin-right: 3px;
9925 }
9926 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9927 border-bottom: 0;
9928 margin-bottom: 0;
9929 }
9930 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9931 border-top: 1px solid var(--vbo-config-border-color);
9932 padding-top: 10px;
9933 }
9934 .vbo-editbooking-room-traveler-guestsinfo {
9935 padding: 0 5px;
9936 }
9937 .vbo-editbooking-room-traveler-guestsinfo > div {
9938 display: inline-block;
9939 vertical-align: top;
9940 margin: 5px 10px 5px 0;
9941 }
9942 .vbo-editbooking-room-traveler-guestsinfo > div i {
9943 color: var(--vbo-config-text-color-light);
9944 }
9945 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9946 margin-top: 36px;
9947 }
9948 .vbo-editbooking-room-traveler-guestsinfo label {
9949 display: block;
9950 font-size: 12px;
9951 font-weight: bold;
9952 color: var(--vbo-config-titles-color-light);
9953 margin-bottom: 2px;
9954 }
9955 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9956 background: var(--vbo-input-style);
9957 }
9958 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9959 display: grid;
9960 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9961 }
9962 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9963 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9964 display: inline-block;
9965 vertical-align: top;
9966 padding: 15px;
9967 margin: 5px;
9968 border-radius: 5px;
9969 border: 1px solid var(--vbo-config-border-color);
9970 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9971 }
9972 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9973 flex: 0 0 33%;
9974 }
9975 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9976 border: 1px solid var(--vbo-green-color);
9977 }
9978 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9979 flex: 0 0 33%;
9980 }
9981 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9982 display: inline-block;
9983 vertical-align: top;
9984 }
9985 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9986 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9987 color: var(--vbo-config-titles-color-light);
9988 font-weight: bold;
9989 }
9990 .vbo-editbooking-room-pricetype-cost {
9991 font-size: 18px;
9992 font-weight: bold;
9993 }
9994 .vbo-editbooking-room-pricetype-seltax {
9995 margin-top: 10px;
9996 }
9997 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9998 float: right;
9999 margin-top: 10px;
10000 }
10001 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
10002 display: block;
10003 margin-top: 10px;
10004 }
10005 .vbo-editbooking-room-pricetype-older-inner {
10006 display: inline-block;
10007 }
10008 .vbo-editbooking-room-pricetype-older-inner label {
10009 margin-bottom: 3px;
10010 }
10011 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
10012 font-size: 15px;
10013 }
10014 .vbo-editbooking-room-pricetype-check-older {
10015 display: inline-block;
10016 float: right;
10017 }
10018 .vbo-editbooking-room-service-price {
10019 font-size: 16px;
10020 font-weight: bold;
10021 }
10022 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
10023 text-transform: initial;
10024 }
10025 .vbo-editbooking-room-service-select select {
10026 margin-bottom: 0;
10027 }
10028 .vbo-editbooking-room-extracost {
10029 margin: 5px;
10030 }
10031 .vbo-editbooking-room-extracost > div {
10032 display: inline-block;
10033 vertical-align: top;
10034 margin: 0 5px 0 0;
10035 }
10036 .vbo-editbooking-room-extracost > div .btn.btn-danger {
10037 padding: 8px 14px;
10038 }
10039 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
10040 position: relative;
10041 }
10042 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
10043 position: absolute;
10044 right: 2px;
10045 height: calc(100% - 2px);
10046 background: var(--vbo-base-color);
10047 border-left: 1px solid var(--vbo-base-color);
10048 color: var(--vbo-contrast-text-color);
10049 border-top-right-radius: 2px;
10050 border-bottom-right-radius: 2px;
10051 top: 1px;
10052 width: 32px;
10053 font-size: 13px;
10054 cursor: pointer;
10055 }
10056 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
10057 background: var(--vbo-base-color-hover)
10058 }
10059 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
10060 position: absolute;
10061 top: 50%;
10062 left: 50%;
10063 transform: translate(-50%, -50%);
10064 }
10065 .vbo-editbooking-summary-totpaid {
10066 padding-bottom: 0;
10067 }
10068 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
10069 border-bottom-left-radius: 8px;
10070 border-bottom-right-radius: 8px;
10071 }
10072 .vbo-editbooking-totpaid {
10073 display: inline-block;
10074 }
10075 .vbo-editbooking-totpaid label {
10076 font-size: 18px;
10077 font-weight: bold;
10078 margin-bottom: 10px;
10079 }
10080 .vbo-editbooking-totrefund {
10081 margin-left: 35px;
10082 }
10083 .vbo-editbooking-totrefund label {
10084 font-size: 15px;
10085 font-weight: normal;
10086 }
10087 .vbo-editbooking-addroom {
10088 display: inline-block;
10089 float: right;
10090 margin-top: 15px;
10091 }
10092 .vbo-roomdet-wrapper {
10093 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
10094 border: 1px solid var(--vbo-basic-btn);
10095 display: inline-block;
10096 margin-bottom: 4px;
10097 width: 100%;
10098 border-radius: 6px;
10099 box-shadow: 0 0 10px rgba(0,0,0,.05);
10100 }
10101 .vbo-roomdet-wrap {
10102 display: flex;
10103 -ms-flex-wrap: wrap;
10104 -webkit-flex-wrap: wrap;
10105 flex-wrap: wrap;
10106 }
10107 .vbo-roomdet-entry {
10108 flex: 1;
10109 }
10110 .vbo-roomdet-head {
10111 border-bottom: 1px solid var(--vbo-config-border-color);
10112 font-size: larger;
10113 padding: 12px 15px 12px;
10114 font-weight: bold;
10115 font-size: 13px;
10116 color: var(--vbo-config-titles-color-light);
10117 }
10118 .vbo-roomdet-foot {
10119 padding: 8px 15px;
10120 }
10121 .vbo-roomdet-guests-toggle {
10122 padding: 7px 8px 7px;
10123 border-radius: 2px;
10124 margin-top: 5px;
10125 display: inline-block;
10126 cursor: pointer;
10127 }
10128 .vbo-roomdet-guests-toggle i {
10129 font-size: larger;
10130 display: inline-block;
10131 float: left;
10132 margin-right: 8px;
10133 }
10134 .vbo-roomdet-guests-toggleword {
10135 display: inline-block;
10136 margin-top: -1px;
10137 float: left;
10138 }
10139 .vbo-guestscount-incomplete {
10140 background: var(--vbo-blue-color);
10141 color: #fff;
10142 }
10143 .vbo-guestscount-complete {
10144 background: var(--vbo-green-color);
10145 color: #fff;
10146 }
10147 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
10148 background: var(--vbo-green-color-hover);
10149 }
10150 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
10151 background: var(--vbo-blue-color-hover);
10152 }
10153 .vbo-roomdet-guests-details {
10154 display: none;
10155 padding: 8px 0 8px 15px;
10156 margin: 5px 10px;
10157 background: var(--vbo-config-child-bg-color);
10158 border-top: 1px solid var(--vbo-basic-btn);
10159 }
10160 .vbo-roomdet-guest-details {
10161 margin-bottom: 5px;
10162 margin-left: -15px;
10163 padding-bottom: 10px;
10164 border-bottom: 1px solid var(--vbo-config-border-color);
10165 display: flex;
10166 flex-wrap: wrap;
10167 }
10168 .vbo-roomdet-guest-details:last-child {
10169 border-bottom: 0;
10170 }
10171 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
10172 width: calc(25% - 20px);
10173 margin: 5px 10px;
10174 display: inline-block;
10175 }
10176 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
10177 height: 40px;
10178 border-radius: 2px;
10179 }
10180 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
10181 line-height: 38px;
10182 }
10183 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
10184 height: 38px;
10185 }
10186 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
10187 position: relative;
10188 }
10189 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
10190 position: absolute;
10191 top: 12px;
10192 right: 10px;
10193 font-size: 16px;
10194 }
10195 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
10196 align-self: center;
10197 font-size: 16px;
10198 margin-right: 14px;
10199 width: 100%;
10200 }
10201 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
10202 width: calc(100% - 20px);
10203 }
10204 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
10205 width: calc(25% - 15px);
10206 }
10207 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
10208 width: 100% !important;
10209 max-width: 100%;
10210 }
10211 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
10212 width: 100% !important;
10213 max-width: 100%;
10214 }
10215 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
10216 margin-bottom: 3px;
10217 font-weight: 500;
10218 }
10219 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
10220 width: 90px;
10221 border: 1px solid var(--vbo-config-border-color);
10222 background-color: var(--vbo-config-bg-color);
10223 border-radius: 4px;
10224 text-align: center;
10225 margin: 5px;
10226 padding: 3px;
10227 position: relative;
10228 display: inline-block;
10229 }
10230 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
10231 color: var(--vbo-config-titles-color-light);
10232 text-decoration: none;
10233 display: block;
10234 line-height: 1.3em;
10235 padding: 6px 3px;
10236 }
10237 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
10238 font-size: 18px;
10239 }
10240 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
10241 width: 90px;
10242 display: inline-block;
10243 overflow: hidden;
10244 text-overflow: ellipsis;
10245 font-size: 13px;
10246 white-space: nowrap;
10247 }
10248 .vbo-roomdet-guest-detail-num span {
10249 font-weight: bold;
10250 flex-basis: 100px;
10251 }
10252 .vbo-checkin-main-block {
10253 display: flex;
10254 -ms-flex-wrap: wrap;
10255 -webkit-flex-wrap: wrap;
10256 flex-wrap: wrap;
10257 }
10258 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
10259 flex-basis: 60px;
10260 }
10261 .vbo-roomsdet-container {
10262 display: inline-block;
10263 -ms-flex: 1;
10264 -webkit-flex: 1;
10265 flex: 1;
10266 margin-right: 5px;
10267 }
10268 .vbo-checkin-payment-detail-v {
10269 float: right;
10270 margin-left: 5px;
10271 }
10272 .vbo-checkin-payment-container {
10273 display: inline-block;
10274 vertical-align: top;
10275 background: var(--vbo-light-color-btn);
10276 -ms-flex: 0 0 18%;
10277 -webkit-flex: 0 0 18%;
10278 flex: 0 0 18%;
10279 float: right;
10280 padding: 15px;
10281 margin-left: 5px;
10282 border-radius: 6px;
10283 box-shadow: 0 0 10px rgba(0,0,0,.05);
10284 }
10285 .vbo-checkin-payment-detail {
10286 margin: 5px 0;
10287 display: inline-block;
10288 width: 100%;
10289 }
10290 .vbo-checkin-payment-detail-click {
10291 background: var(--vbo-base-color);
10292 color: #fff;
10293 padding: 3px 10px;
10294 border-radius: 2px;
10295 margin-top: 10px;
10296 cursor: pointer;
10297 }
10298 .vbo-checkin-payment-detail:first-child {
10299 font-size: larger;
10300 }
10301 .vbo-checkin-payment-detail-lbl {
10302 vertical-align: middle;
10303 }
10304 .vbo-checkin-notes-wrap {
10305 clear: both;
10306 width: 100%;
10307 margin: 5px 0;
10308 }
10309 .vbo-checkin-notes-inner {
10310 margin: 0 auto;
10311 width: 60%;
10312 text-align: center;
10313 }
10314 .vbo-checkin-notes-trig {
10315 color: var(--vbo-config-titles-color-light);
10316 }
10317 .vbo-checkin-notes-trig span {
10318 cursor: pointer;
10319 }
10320 .vbo-checkin-notes-cont {
10321 display: none;
10322 padding: 4px;
10323 }
10324 .vbo-checkin-notes-cont textarea {
10325 width: 100% !important;
10326 height: 100px;
10327 }
10328 .vbo-checkin-commands-wrap {
10329 margin: 25px 0 15px;
10330 }
10331 .vbo-checkin-commands-inner {
10332 text-align: center;
10333 }
10334 .vbo-checkin-commands-btn {
10335 display: inline-block;
10336 margin-left: 15px;
10337 }
10338 .vbo-checkin-commands-btn:first-child {
10339 margin-left: 0;
10340 }
10341 .vbo-checkin-commands-btn .btn-large {
10342 padding: 10px 14px;
10343 border-radius: 3px;
10344 font-size: inherit;
10345 }
10346 .vbo-checkin-update-wrap {
10347 clear: both;
10348 width: 100%;
10349 margin: 5px 0;
10350 }
10351 .vbo-checkin-update-inner {
10352 margin: 0 auto;
10353 width: 60%;
10354 text-align: center;
10355 }
10356 .vbo-checkin-custdet-cont {
10357 width: 100%;
10358 margin-top: 10px;
10359 padding: 4px;
10360 }
10361 .vbo-checkin-custdet-entry {
10362 display: inline-block;
10363 width: calc(33% - 10px);
10364 margin: 10px 5px;
10365 vertical-align: top;
10366 }
10367 .vbo-checkin-custdet-key {
10368 display: block;
10369 color: var(--vbo-config-titles-color-light);
10370 }
10371 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
10372 color: var(--vbo-red-color);
10373 }
10374 .vbo-checkin-custdet-value {
10375 display: block;
10376 font-size: larger;
10377 }
10378 #jmodal-box-vbo-checkin-booking {
10379 height: 100%;
10380 margin: 19px;
10381 overflow: hidden;
10382 overflow-y: scroll;
10383 box-sizing: border-box;
10384 }
10385 #jmodal-box-vbo-checkin-booking .modal-body {
10386 max-height: inherit;
10387 }
10388 #vbo-overlay-title .vbo-info-overlay-title-close {
10389 float: right;
10390 margin-top: -4px;
10391 margin-right: 0px;
10392 cursor: pointer;
10393 }
10394 div.modal {
10395 z-index: 9999999 !important;
10396 }
10397 div.modal.in {
10398 background-color: var(--vbo-body-bg-color);
10399 }
10400 div.modal.in .close:hover, div.modal.in .close:focus {
10401 color: var(--vbo-config-titles-color-light);
10402 }
10403 div.modal.in .modal-header + div.modal-body-wrapper {
10404 height: calc(100% - 130px) !important;
10405 }
10406 .vbo-sign-share-meth {
10407 margin: 10px 0;
10408 }
10409 .vbo-sign-share-meth label {
10410 margin-bottom: 3px;
10411 color: var(--vbo-body-text-color);
10412 }
10413 .vbo-sign-share-meth input {
10414 display: block !important;
10415 margin-bottom: 5px !important;
10416 }
10417 .vbo-sign-share-meth-close .btn {
10418 background: var(--vbo-red-color);
10419 border-color: var(--vbo-red-color);
10420 }
10421 .vbo-sign-share-meth-close .btn:hover {
10422 background: var(--vbo-red-color-hover);
10423 border-color: var(--vbo-red-color-hover);
10424 }
10425 #jmodal-vbo-vcm-rates-res {
10426 overflow-y: auto;
10427 }
10428 .vbo-vcm-rates-res-container {
10429 padding: 20px;
10430 }
10431 .vbo-vcm-rates-res-success {
10432 margin-bottom: 10px;
10433 border-bottom: 1px solid var(--vbo-config-border-color);
10434 padding-bottom: 10px;
10435 }
10436 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
10437 display: inline-block;
10438 vertical-align: top;
10439 border: 2px solid var(--vbo-green-color);
10440 padding: 10px;
10441 border-radius: 4px;
10442 margin: 4px;
10443 }
10444 .vbo-vcm-rates-res-channel-esit {
10445 display: inline-block;
10446 margin-right: 5px;
10447 font-size: 14px;
10448 border-radius: 50%;
10449 object-fit: cover;
10450 padding: 5px;
10451 width: 13px;
10452 height: 13px;
10453 line-height: 12px;
10454 text-align: center;
10455 vertical-align: top;
10456 }
10457 .vbo-vcm-rates-res-channel-esit i {
10458 font-size: 14px;
10459 }
10460 .vbo-vcm-rates-res-channel-logo {
10461 display: inline-block;
10462 }
10463 .vbo-vcm-rates-res-channel-logo img {
10464 max-width: 120px;
10465 }
10466 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10467 color: #fff;
10468 background: var(--vbo-green-color);
10469 }
10470 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10471 margin: 5px;
10472 border: 1px solid var(--vbo-green-color);
10473 padding: 10px;
10474 }
10475 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10476 border: 1px solid var(--vbo-red-color);
10477 padding: 10px 0 0;
10478 border-radius: 4px;
10479 margin: 8px 0;
10480 }
10481 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10482 color: #fff;
10483 background: var(--vbo-red-color);
10484 margin-left: 10px;
10485 }
10486 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10487 color: #fff;
10488 background: var(--vbo-orange-color);
10489 margin-left: 10px;
10490 }
10491 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10492 padding-bottom: 10px;
10493 }
10494 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10495 overflow-y: auto;
10496 max-height: 150px;
10497 }
10498 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10499 margin-bottom: 0;
10500 border-radius: 0 !important;
10501 padding: 10px;
10502 border-bottom-left-radius: 4px !important;
10503 border-bottom-right-radius: 4px !important;
10504 border: 0;
10505 border-top: 1px solid var(--vbo-config-border-color);
10506 }
10507 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10508 border: 1px solid var(--vbo-orange-color);
10509 padding: 10px 0 0;
10510 border-radius: 4px;
10511 margin: 8px 0;
10512 }
10513 .vbo-ratesoverview-bottom-container {
10514 border: 1px solid var(--vbo-config-border-color);
10515 margin-top: 20px;
10516 padding: 20px;
10517 border-radius: 9px;
10518 }
10519 .vbo-ratesoverview-bottom-head {
10520 width: 100%;
10521 display: inline-block;
10522 }
10523 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10524 float: left;
10525 }
10526 .vbo-ratesoverview-roomdetails {
10527 padding-top: 0;
10528 }
10529 .vbo-ratesoverview-roomdetails h3 {
10530 text-align: center;
10531 display: inline-block;
10532 margin-top: 10px;
10533 }
10534 .vbo-ratesoverview-obp-toggle-inner {
10535 float: right;
10536 margin-left: 20px;
10537 }
10538 .vbo-ratesoverview-obp-toggle-txt {
10539 display: inline-block;
10540 vertical-align: top;
10541 margin: 5px 0 0 5px;
10542 cursor: pointer;
10543 }
10544 .vbo-ratesoverview-caltab-wrapper {
10545 display: flex;
10546 -ms-flex-wrap: wrap;
10547 -webkit-flex-wrap: wrap;
10548 flex-wrap: wrap;
10549 margin-bottom: 30px;
10550 }
10551 .vbo-ratesoverview-period-container {
10552 display: inline-block;
10553 -ms-flex: 0 0 15%;
10554 -webkit-flex: 0 0 15%;
10555 flex: 0 0 15%;
10556 margin-left: 2px;
10557 }
10558 .vbo-table-responsive {
10559 -ms-flex: 1%;
10560 -webkit-flex: 1%;
10561 flex: 1%;
10562 overflow-x: scroll;
10563 }
10564 .vbratesoverviewtable tr td:first-child {
10565 position: sticky;
10566 left: 0;
10567 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10568 z-index: 1;
10569 background-clip: padding-box !important;
10570 }
10571 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10572 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10573 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10574 cursor: not-allowed;
10575 }
10576 .vbratesoverviewtable {
10577 border-spacing: 0;
10578 border-collapse: collapse;
10579 max-width: none;
10580 }
10581 .vbratesoverviewtable td {
10582 border-spacing: 0;
10583 border-collapse: collapse;
10584 border-right: 1px solid var(--vbo-config-bg-color);
10585 border-bottom: 1px solid var(--vbo-config-bg-color);
10586 }
10587 .vbratesoverviewtable tr:last-child td {
10588 border-bottom: 0;
10589 }
10590 .vbratesoverviewtable tr:first-child td {
10591 border-bottom: 0;
10592 }
10593 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10594 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10595 font-weight: bold;
10596 padding: 10px 10px;
10597 }
10598 .vbratesoverviewtable td .vbo-occ-label {
10599 display: inline-block;
10600 background: #999;
10601 border-radius: 4px;
10602 font-size: .9em;
10603 color: #fff;
10604 padding: 2px 6px;
10605 margin-left: 3px;
10606 font-weight: normal;
10607 }
10608 .vbo-roverw-curminlos-active {
10609 color: var(--vbo-red-color);
10610 font-weight: bold;
10611 }
10612 .vbratesoverviewtable .bluedays {
10613 min-width: 80px;
10614 }
10615 .vbratesoverviewtable .bluedays:hover {
10616 background-color: #73aecc;
10617 }
10618 .vbratesoverviewtable .bluedays:active {
10619 background-color: #89b8d0;
10620 }
10621 .vbratesoverviewtable .skip-bluedays-click:hover {
10622 background-color: #02679a;
10623 }
10624 .vbo-ratesoverview-period-inner {
10625 padding: 15px;
10626 background: var(--vbo-basic-btn);
10627 }
10628 .vbo-ratesoverview-period-lbl {
10629 font-weight: bold;
10630 font-size: 16px;
10631 margin: 0 5px 5px;
10632 }
10633 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10634 display: flex;
10635 -ms-flex-wrap: wrap;
10636 -webkit-flex-wrap: wrap;
10637 flex-wrap: wrap;
10638 }
10639 .vbo-ratesoverview-period-boxes-inner > div {
10640 display: inline-block;
10641 flex: 1;
10642 background: var(--vbo-config-bg-color);
10643 margin: 5px;
10644 padding: 15px 5px;
10645 text-align: center;
10646 border-radius: 4px;
10647 cursor: pointer;
10648 }
10649 .vbo-ratesoverview-period-box-lbl {
10650 font-weight: bold;
10651 margin-bottom: 5px;
10652 color: var(--vbo-config-titles-color-light);
10653 }
10654 .vbo-ratesoverview-period-box-val > div > span {
10655 display: block;
10656 font-weight: bold;
10657 color: var(--vbo-base-color);
10658 }
10659 .vbo-ratesoverview-period-wday {
10660 font-size: 12px;
10661 }
10662 .vbo-ratesoverview-period-mday {
10663 font-size: 24px;
10664 margin: 3px 0;
10665 }
10666 .vbo-ratesoverview-period-month {
10667 font-size: 12px;
10668 text-transform: uppercase;
10669 font-weight: normal;
10670 }
10671 .vbo-ratesoverview-period-box-val i {
10672 font-size: 28px;
10673 color: var(--vbo-blue-color);
10674 }
10675 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10676 position: relative;
10677 }
10678 .vbo-ratesoverview-period-box-cals-inner {
10679 position: absolute;
10680 top: 0;
10681 right: 0;
10682 width: 630px;
10683 padding: 10px;
10684 z-index: 1;
10685 border-radius: 10px;
10686 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10687 background: var(--vbo-config-bg-color);
10688 border: 1px solid var(--vbo-main-bg-color);
10689 }
10690 .vbo-ratesoverview-period-box-cals-inner > div {
10691 display: inline-block;
10692 vertical-align: top;
10693 }
10694 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10695 border-right: 1px solid var(--vbo-basic-btn);
10696 padding-right: 4px;
10697 }
10698 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10699 padding: 3px 0;
10700 color: var(--vbo-config-titles-color-light);
10701 border-bottom: 1px solid var(--vbo-basic-btn);
10702 margin: 0 0 5px;
10703 text-align: center;
10704 text-transform: uppercase;
10705 font-size: 11px;
10706 }
10707 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10708 width: 160px;
10709 }
10710 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10711 width: 100% !important;
10712 }
10713 .vbo-receipt-company-block {
10714 text-align: center;
10715 }
10716 .vbo-receipt-company-info::first-line {
10717 font-weight: bold;
10718 }
10719 .vbo-resmodcanc-block select {
10720 max-width: 225px;
10721 }
10722 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10723 margin: 0;
10724 }
10725 .vbo-resmodcanc-lim label {
10726 display: inline-block;
10727 }
10728 .vbo-ratesoverview-orphans-wrapper {
10729 padding: 15px;
10730 margin: 2px 10px 0;
10731 border-radius: 6px;
10732 background: var(--vbo-basic-btn);
10733 border: 1px solid var(--vbo-red-color);
10734 }
10735 .vbo-ratesoverview-orphans-lbl {
10736 font-weight: bold;
10737 font-size: 16px;
10738 margin-bottom: 10px;
10739 }
10740 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10741 color: var(--vbo-red-color);
10742 }
10743 .vbo-ratesoverview-orphans-list {
10744 max-height: 179px;
10745 overflow: hidden;
10746 overflow-y: scroll;
10747 }
10748 .vbo-ratesoverview-orphans-list > div {
10749 margin: 3px 0;
10750 }
10751 /* Signature Pad - Start */
10752 .vbo-signature-container {
10753 display: -webkit-box;
10754 display: -ms-flexbox;
10755 display: flex;
10756 -webkit-box-pack: center;
10757 -ms-flex-pack: center;
10758 justify-content: center;
10759 -webkit-box-align: center;
10760 -ms-flex-align: center;
10761 align-items: center;
10762 height: 70vh;
10763 width: 100%;
10764 -webkit-user-select: none;
10765 -moz-user-select: none;
10766 -ms-user-select: none;
10767 user-select: none;
10768 margin: 0;
10769 padding: 0;
10770 font-family: Helvetica, Sans-Serif;
10771 }
10772 .vbo-signature-pad {
10773 position: relative;
10774 display: -webkit-box;
10775 display: -ms-flexbox;
10776 display: flex;
10777 -webkit-box-orient: vertical;
10778 -webkit-box-direction: normal;
10779 -ms-flex-direction: column;
10780 flex-direction: column;
10781 font-size: 10px;
10782 width: 100%;
10783 height: 100%;
10784 max-width: 700px;
10785 max-height: 460px;
10786 border: 1px solid var(--vbo-config-border-color);
10787 background-color: var(--vbo-config-bg-color);
10788 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10789 border-radius: 4px;
10790 padding: 16px;
10791 }
10792 .vbo-signature-pad::before, .vbo-signature-pad::after {
10793 position: absolute;
10794 z-index: -1;
10795 content: "";
10796 width: 40%;
10797 height: 10px;
10798 bottom: 10px;
10799 background: transparent;
10800 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10801 }
10802 .vbo-signature-pad::before {
10803 left: 20px;
10804 -webkit-transform: skew(-3deg) rotate(-3deg);
10805 transform: skew(-3deg) rotate(-3deg);
10806 }
10807 .vbo-signature-pad::after {
10808 right: 20px;
10809 -webkit-transform: skew(3deg) rotate(3deg);
10810 transform: skew(3deg) rotate(3deg);
10811 }
10812 .vbo-signature-pad-head {
10813 margin-bottom: 8px;
10814 text-align: center;
10815 display: flex;
10816 flex-wrap: wrap;
10817 }
10818 .vbo-signature-pad-head .pull-right {
10819 margin-left: auto;
10820 }
10821 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10822 flex-basis: 100%;
10823 margin-top: 5px;
10824 }
10825 .vbo-signature-pad-head-terms {
10826 display: inline-block;
10827 padding: 0 10px;
10828 }
10829 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10830 text-decoration: none;
10831 }
10832 .vbo-signature-pad-body {
10833 position: relative;
10834 -webkit-box-flex: 1;
10835 -ms-flex: 1;
10836 flex: 1;
10837 border: 1px solid var(--vbo-config-child-bg-color);
10838 }
10839 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10840 position: absolute;
10841 left: 0;
10842 top: 0;
10843 width: 100%;
10844 height: 100%;
10845 border-radius: 4px;
10846 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10847 }
10848 .vbo-signature-pad-footer {
10849 text-align: center;
10850 margin-top: 8px;
10851 }
10852 .vbo-signature-signabove {
10853 color: var(--vbo-body-text-color);
10854 font-size: 1.2em;
10855 }
10856 .vbo-signature-cmds {
10857 display: -webkit-box;
10858 display: -ms-flexbox;
10859 display: flex;
10860 -webkit-box-pack: justify;
10861 -ms-flex-pack: justify;
10862 justify-content: space-between;
10863 margin-top: 8px;
10864 }
10865 .vbo-signature-cmd {
10866 display: inline-block;
10867 margin-right: 5px;
10868 }
10869 .vbo-signature-cmds > div:last-child {
10870 margin-right: 0;
10871 }
10872 .vbo-current-signature-p {
10873 display: block;
10874 text-align: center;
10875 font-weight: bold;
10876 font-size: 14px;
10877 }
10878 .vbo-signature-currentimg img {
10879 max-width: 100%;
10880 }
10881 /* Signature Pad - End */
10882 /* Booking Checkin - End */
10883 /* Booking Details Tabs - Start */
10884 .vbo-bookingdet-tabs {
10885 float: left;
10886 }
10887 .vbo-bookingdet-tab {
10888 display: inline-block;
10889 cursor: pointer;
10890 padding: 16px;
10891 margin: 0;
10892 font-size: 1.2em;
10893 text-transform: uppercase;
10894 font-weight: bold;
10895 }
10896 .vbo-bookingdet-tab-active {
10897 border-bottom: 3px solid var(--vbo-base-color);
10898 color: var(--vbo-base-color);
10899 }
10900 .vbo-bookingdet-commands {
10901 float: right;
10902 }
10903 .vbo-bookingdet-commands > div {
10904 vertical-align: top;
10905 }
10906 .vbo-bookingdet-command {
10907 display: inline-block;
10908 margin: 3px;
10909 }
10910 .vbo-bookingdet-command .btn.vbo-config-btn {
10911 padding: 10px 14px;
10912 background-color: var(--vbo-light-color-btn);
10913 color: var(--vbo-base-color);
10914 border: 1px solid var(--vbo-config-border-color);
10915 }
10916 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10917 background: var(--vbo-base-color-hover);
10918 border: 1px solid var(--vbo-base-color-hover);
10919 color: #fff;
10920 }
10921 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10922 background: var(--vbo-base-color-hover);
10923 border: 1px solid var(--vbo-base-color-hover);
10924 }
10925 .btn.vbo-btn-black {
10926 font-weight: 500;
10927 padding: 8px 10px;
10928 background: var(--vbo-config-title-color);
10929 color: var(--vbo-contrast-text-color);
10930 border: 1px solid var(--vbo-config-title-color);
10931 }
10932 .btn.vbo-btn-black:hover {
10933 color: var(--vbo-config-title-color);
10934 border-color: var(--vbo-config-title-color);
10935 background: transparent;
10936 }
10937 .vbo-bookingdet-command i {
10938 margin-right: 5px;
10939 }
10940 .vbo-bookingdet-tab-cont {
10941 display: block;
10942 background: var(--vbo-basic-btn);
10943 padding-top: 15px;
10944 }
10945 img.vbo-channelimg-medium {
10946 max-height: 20px;
10947 }
10948 /* Booking Details Tabs - End */
10949 /* VikUpdater - Start */
10950 .vik-box-error {
10951 padding: 10px;
10952 border: 2px dashed var(--vbo-red-color);
10953 color: var(--vbo-red-color);
10954 font-weight: bolder;
10955 }
10956 .vik-box-error hr {
10957 border-top-color: var(--vbo-red-color);
10958 }
10959 .vik-update-changelog {
10960 padding: 10px;
10961 border: 2px dashed var(--vbo-middle-color-btn);
10962 }
10963 .vik-update-changelog h2 {
10964 margin-bottom: 25px;
10965 }
10966 .vik-update-changelog ul li strong {
10967 display: inline-block;
10968 width: 220px;
10969 }
10970 .vik-update-changelog div.box-separator {
10971 border-top: 1px solid var(--vbo-config-border-color);
10972 margin: 20px 0;
10973 }
10974 .vik-update-changelog > *:first-child,
10975 .vik-box-error > *:first-child {
10976 margin-top: 0;
10977 }
10978 .vik-update-changelog > *:last-child,
10979 .vik-box-error > *:last-child {
10980 margin-bottom: 0;
10981 }
10982 /* VikUpdater - End */
10983 .vbo-colortag-square {
10984 background-color: var(--vbo-config-bg-color);
10985 border: 1px solid var(--vbo-config-title-color);
10986 border-radius: 4px;
10987 cursor: pointer;
10988 display: inline-block;
10989 height: 30px;
10990 margin-right: 10px;
10991 width: 30px;
10992 text-align: center;
10993 vertical-align: top;
10994 line-height: 30px;
10995 }
10996 .vbo-colortag-circle {
10997 border-radius: 50%;
10998 cursor: pointer;
10999 display: inline-block;
11000 height: 14px;
11001 margin: 1px;
11002 padding: 0;
11003 vertical-align: middle;
11004 width: 14px;
11005 }
11006 .vbo-allbsearchcust-loading-inp {
11007 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
11008 }
11009 .vbo-allbsearchcust-res {
11010 top: 36px;
11011 position: absolute;
11012 z-index: 2;
11013 width: 100%;
11014 }
11015 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
11016 list-style: none;
11017 text-align: left;
11018 padding: 0;
11019 margin: 0 0 0 -1px;
11020 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
11021 background-color: var(--vbo-config-bg-color);
11022 border: 1px solid var(--vbo-config-border-color);
11023 white-space: nowrap;
11024 max-height: 200px;
11025 width: 100%;
11026 overflow-y: scroll;
11027 }
11028 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
11029 font-size: 13px;
11030 }
11031 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
11032 list-style: none;
11033 text-align: left;
11034 white-space: nowrap;
11035 }
11036 .vbo-allbookings-fm .btn-group select {
11037 max-width: 150px;
11038 margin-bottom: 0;
11039 border-radius: 2px;
11040 border: 1px solid var(--vbo-config-border-color);
11041 padding: 8px 10px;
11042 height: inherit;
11043 }
11044 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
11045 min-width: 80%;
11046 }
11047 /* Config: Do not edit this */
11048 /* FontAwesome fixes - Start */
11049 i.fa-sort-desc {
11050 vertical-align: top;
11051 }
11052 /* FontAwesome fixes - End */
11053 /* Select2 fixes - Start */
11054 .select2-search--dropdown .select2-search__field {
11055 width: 100% !important;
11056 }
11057 input[type="search"].select2-search__field {
11058 height: auto !important;
11059 margin-bottom: 2px !important;
11060 }
11061 .select2-container.select2-container--default.select2-container--open {
11062 z-index: 9999999999 !important;
11063 }
11064 /* Select2 fixes - End */
11065 .vikpaymentparam {
11066 display: block;
11067 padding: 2px;
11068 }
11069 .vikpaymentparamlabel {
11070 display: inline-block;
11071 min-width: 150px;
11072 }
11073 .vikpaymentparamlbl-textarea {
11074 display: block;
11075 }
11076 .vikpaymentparaminput {
11077 display: inline-block !important;
11078 }
11079 .vikpaymentparaminput.vikpaymentparaminput-tarea {
11080 width: 100%;
11081 }
11082 .vikpaymentparamlabelhelp {
11083 font-size: smaller;
11084 font-style: italic;
11085 padding-left: 5px;
11086 }
11087 .vbo-config-param-cell {
11088 background: none repeat scroll 0 0 var(--vbo-light-color-btn);
11089 border-right: 1px solid var(--vbo-config-border-color);
11090 vertical-align: middle !important;
11091 }
11092 .vbo-config-param-cell.vbo-config-param-cell-warn {
11093 color: var(--vbo-red-color) !important;
11094 }
11095 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
11096 float: right;
11097 }
11098 .vbo-smstpl-bgroup {
11099 white-space: inherit !important;
11100 }
11101 .vbo-smstpl-bgroup button {
11102 margin: 2px 0;
11103 }
11104 .vbo-smstpl-bgroup button:first-child {
11105 margin-left:-1px !important;
11106 border-radius:0 !important;
11107 }
11108 .vbo-smstpl-control textarea {
11109 margin-top:5px;
11110 }
11111 .vbo-custmail-bgroup .btn-small {
11112 padding: 2px 5px !important;
11113 }
11114 .vbo-spblock-inline {
11115 display: inline-block;
11116 margin-right: 8px;
11117 }
11118 .vbo-spblock-inline input {
11119 display: inline-block;
11120 }
11121 .vbo-spblock-inline label {
11122 display: inline;
11123 vertical-align: middle;
11124 }
11125 #vbo-sms-balance {
11126 margin: 8px 0;
11127 padding: 5px;
11128 }
11129 .fieldset-left {
11130 float: left;
11131 margin-right: 20px;
11132 }
11133 .fieldset-half {
11134 float: left;
11135 width: 48%;
11136 }
11137 ul.dropdown-menu {
11138 z-index: 9999;
11139 }
11140 span.badge a {
11141 color: #fff;
11142 }
11143 span.badge a:hover {
11144 color: #fff;
11145 text-decoration: none;
11146 }
11147 i.icn-bigger {
11148 font-size: larger;
11149 }
11150 i.icn-nomargin {
11151 margin: 0 !important;
11152 }
11153 i.icn-float-left {
11154 float: left;
11155 }
11156 i.icn-float-right {
11157 float: right;
11158 }
11159 i.icn-clickable {
11160 cursor: pointer;
11161 }
11162 i.vbo-quest-popover {
11163 color: var(--vbo-config-title-color);
11164 }
11165 i.vbo-quest-popover:hover {
11166 color: var(--vbo-blue-color);
11167 }
11168 .popover {
11169 z-index: 9999999999 !important;
11170 }
11171 i.vbo-icn-img {
11172 font-size: 20px;
11173 }
11174 /* Joomla 3.x */
11175 .vbo-config-tabs-wrap div.current {
11176 background: var(--vbo-main-bg-color);
11177 clear: both;
11178 padding: 10px;
11179 }
11180 .vbo-config-tabs-wrap div.current dd.tabs {
11181 margin-left: 0;
11182 }
11183 .vbo-config-tabs-wrap dl.tabs {
11184 float: left;
11185 margin: 10px 0 -1px -3px;
11186 z-index: 50;
11187 }
11188 .vbo-config-tabs-wrap dl.tabs dt.open {
11189 color: #000000;
11190 z-index: 1;
11191 }
11192 .vbo-config-tabs-wrap dl.tabs dt {
11193 color: #666666;
11194 float: left;
11195 margin-left: 3px;
11196 padding: 4px 10px;
11197 }
11198 .vbo-config-tabs-wrap dt.tabs span h3 {
11199 font-size: 13px;
11200 margin: 0;
11201 display: inline-block;
11202 padding: 4px 8px;
11203 }
11204 .vbo-config-tabs-wrap dt.tabs:hover h3 {
11205 background: var(--vbo-toolbar-bg-color);
11206 border-radius: 4px;
11207 }
11208 #ui-datepicker-div select {
11209 line-height: 1em;
11210 padding: 5px 14px 5px 8px !important;
11211 min-height: 20px;
11212 height: auto !important;
11213 }
11214 .vbo-link-add {
11215 font-size: 13px;
11216 border-radius: 3px;
11217 }
11218 .vbo-link-add i {
11219 margin-right: 5px;
11220 display: inline-block;
11221 }
11222 .btn.vbo-config-btn, .vbo-link-add {
11223 background-color: var(--vbo-base-color);
11224 border: 1px solid var(--vbo-base-color);
11225 color: #fff;
11226 padding: 10px 14px;
11227 display: inline-block;
11228 }
11229 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
11230 background-color: var(--vbo-base-color-hover) !important;
11231 border: 1px solid var(--vbo-base-color-hover) !important;
11232 color: #fff;
11233 }
11234 .btn.vbo-config-btn:active, .vbo-link-add:active {
11235 background-color: var(--vbo-link-text-color) !important;
11236 color: #fff;
11237 }
11238 .vbo-config-btn.vbo-config-btn-rounded {
11239 border-radius: 50%;
11240 width: 25px;
11241 height: 25px;
11242 text-align: center;
11243 }
11244 .vbo-config-btn.vbo-config-btn-rounded i {
11245 margin-right: 0;
11246 }
11247 .vbo-config-btn-rounded.vbo-config-btn-large {
11248 height: 50px;
11249 width: 50px;
11250 font-size: 24px;
11251 }
11252 .vbo-config-tabs-wrap dl.tabs {
11253 margin: 10px 0 0;
11254 width: 100%;
11255 border-bottom: 1px solid var(--vbo-config-border-color);
11256 }
11257 .vbo-config-tabs-wrap dl.tabs dt h3 i {
11258 margin-right: 5px;
11259 font-size: 15px;
11260 }
11261 .vbo-config-tabs-wrap dl.tabs dt {
11262 padding: 5px;
11263 margin-left: 0;
11264 border: 0;
11265 display: inline-block;
11266 float: none;
11267 }
11268 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
11269 color: var(--vbo-config-title-color);
11270 }
11271 .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 {
11272 color: var(--vbo-base-color);
11273 }
11274 .vbo-config-tabs-wrap dl.tabs dt.open a {
11275 color: #000;
11276 }
11277 .vbo-config-tabs-wrap dl.tabs dt.open {
11278 border-bottom: 2px solid var(--vbo-base-color);
11279 }
11280 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
11281 color: var(--vbo-config-title-color);
11282 }
11283 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
11284 border-bottom: 2px solid var(--vbo-base-color);
11285 }
11286 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
11287 color: inherit;
11288 }
11289 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
11290 background: transparent;
11291 border-bottom: 0;
11292 float: right;
11293 }
11294 .vbo-config-body {
11295 margin-top: -20px;
11296 }
11297
11298 .vbo-admin-container {
11299 background: transparent;
11300 clear: both;
11301 padding: 10px;
11302 display: flex;
11303 flex-wrap: wrap;
11304 }
11305 .vbo-admin-container > div {
11306 flex-basis: calc(50% - 10px);
11307 }
11308 .vbo-admin-container.vbo-params-container-wide > div {
11309 flex-basis: 100%;
11310 }
11311 .vbo-admin-container .adminform {
11312 width: auto;
11313 display: inherit;
11314 background: var(--vbo-config-bg-color);
11315 border-radius: 6px;
11316 margin: 20px 0;
11317 padding: 15px 30px;
11318 box-shadow: 0 0 2px rgba(0,0,0,.1);
11319 }
11320 .vbo-admin-container .vbo-config-maintab-left {
11321 margin-right: 10px;
11322 }
11323 .vbo-admin-container .vbo-config-maintab-right {
11324 margin-left: 10px;
11325 }
11326 /* With this class we create a 100% width settings block */
11327 .vbo-config-tab-container > .adminform {
11328 width: 100%;
11329 }
11330 .vbo-config-tab-container .adminform {
11331 margin-top: 0;
11332 }
11333 .vbo-config-tab-container {
11334 padding-top: 10px !important;
11335 }
11336 .vbo-admin-container .adminlegend {
11337 border-bottom: 0;
11338 font-size: 22px;
11339 line-height: 1.2em;
11340 font-weight: bold;
11341 color: var(--vbo-config-titles-color-light);
11342 width: 100%;
11343 }
11344 .modal-body .adminlegend {
11345 width: 100%;
11346 }
11347 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
11348 width: auto;
11349 float: inherit;
11350 margin-bottom: 10px;
11351 }
11352 .modal-body-wrapper .vbo-admin-container .adminlegend {
11353 float: none;
11354 }
11355 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
11356 margin-top: 15px;
11357 }
11358 .vbo-btn-icon-right i {
11359 margin-left: 5px;
11360 margin-right: 0;
11361 }
11362 .vbo-btn-icon-left i {
11363 margin-right: 5px;
11364 margin-left: 0;
11365 }
11366 .vbo-admin-container .adminlegend i {
11367 margin-right: 5px;
11368 }
11369 .vbo-admin-container .vbo-param-container {
11370 display: flex;
11371 margin: 25px 0;
11372 }
11373 .vbo-param-container-highlighted {
11374 color: var(--vbo-red-color);
11375 }
11376 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
11377 margin-bottom: 0;
11378 }
11379 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
11380 max-width: 225px;
11381 }
11382 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
11383 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
11384 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
11385 vertical-align: top;
11386 }
11387 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
11388 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
11389 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
11390 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
11391 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
11392 vertical-align: inherit !important;
11393 }
11394 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
11395 padding: 8px 5px;
11396 border-color: var(--vbo-config-border-color);
11397 }
11398 .vbo-admin-container .vbo-param-container.vbo-param-child {
11399 margin-top: -20px;
11400 }
11401 .vbo-admin-container .vbo-param-container.vbo-param-nested {
11402 border-top: 2px solid var(--vbo-basic-btn);
11403 background: var(--vbo-config-child-bg-color);
11404 padding: 10px 15px;
11405 margin: 0;
11406 }
11407 .vbo-admin-container .vbo-param-container .vbo-param-label {
11408 flex-basis: 250px;
11409 font-size: 14px;
11410 margin-right: 20px;
11411 margin-bottom: 5px;
11412 }
11413 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
11414 display: block;
11415 margin-bottom: 5px;
11416 }
11417 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
11418 .vbo-admin-container .vbo-param-container-full {
11419 flex-wrap: wrap;
11420 }
11421 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
11422 flex-basis: 100%;
11423 margin-bottom: 10px;
11424 }
11425 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
11426 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
11427 width: 100%;
11428 }
11429
11430 /* This "-full" class is to enlarge the one column admin structure.
11431 * This needs to be used together with the "vbo-admin-container" class.
11432 */
11433 .vbo-admin-container-full .vbo-params-wrap {
11434 flex-basis: 100%;
11435 }
11436 /* This "-compact" class is to reduce the padding between the settings.
11437 * This needs to be used together with the "vbo-admin-container" class.
11438 */
11439 .vbo-admin-container-compact .vbo-param-container {
11440 margin: 12px 0;
11441 }
11442 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
11443 margin-bottom: 0;
11444 padding-bottom: 0;
11445 }
11446 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
11447 flex-basis: 235px;
11448 }
11449 .vbo-admin-container .vbo-param-container .vbo-param-setting {
11450 flex: 1;
11451 max-width: 100%;
11452 }
11453 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
11454 display: block;
11455 font-size: .9em;
11456 margin-top: 4px;
11457 font-style: italic;
11458 color: var(--vbo-config-title-color);
11459 }
11460 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
11461 font-weight: bold;
11462 color: var(--vbo-red-color);
11463 }
11464 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
11465 margin-left: 5px;
11466 font-style: italic;
11467 color: var(--vbo-config-title-color);
11468 }
11469 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
11470 display: inline-block;
11471 margin-right: 10px;
11472 }
11473 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11474 margin-bottom: 5px;
11475 }
11476 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11477 margin-bottom: 0;
11478 }
11479 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11480 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11481 background: var(--vbo-main-bg-color);
11482 padding: 10px 15px;
11483 border-radius: 2px;
11484 border: 1px solid var(--vbo-config-border-color);
11485 color: var(--vbo-config-title-color);
11486 display: inline-block;
11487 white-space: nowrap;
11488 overflow: hidden;
11489 text-overflow: ellipsis;
11490 max-width: 120px;
11491 margin: 0;
11492 vertical-align: top;
11493 }
11494 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11495 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11496 color: var(--vbo-base-color);
11497 border-color: var(--vbo-base-color);
11498 background-color: var(--vbo-config-bg-color);
11499 }
11500 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11501 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11502 background-color: var(--vbo-config-child-bg-color);
11503 }
11504 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11505 margin-right: 3px;
11506 font-size: 16px;
11507 }
11508 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11509 margin: 2px 0;
11510 height: 40px;
11511 }
11512 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11513 vertical-align: top;
11514 }
11515 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11516 vertical-align: top;
11517 }
11518 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11519 margin-bottom: 0;
11520 }
11521 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11522 margin-top: 0;
11523 }
11524 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11525 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11526 border-left: 1px solid var(--vbo-main-bg-color);
11527 padding-left: 10px;
11528 margin-left: 10px;
11529 }
11530 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11531 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11532 margin: 0 10px 3px 0;
11533 display: inline-block;
11534 }
11535 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11536 margin-top: 0;
11537 }
11538 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11539 margin-left: 0;
11540 }
11541 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,
11542 .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"] {
11543 border: 1px solid var(--vbo-config-border-color);
11544 border-radius: 2px;
11545 padding: 8px 10px;
11546 margin-bottom: 0;
11547 box-sizing: border-box;
11548 height: auto;
11549 }
11550 input[type="number"].vbo-small-input {
11551 width: 70px !important;
11552 vertical-align: inherit;
11553 }
11554 input[type="number"].vbo-medium-input {
11555 width: 100px !important;
11556 vertical-align: inherit;
11557 }
11558 .vbo-booking-special-requests {
11559 border: 1px solid var(--vbo-blue-color);
11560 padding: 10px;
11561 border-radius: 15px;
11562 border-top-left-radius: 0;
11563 background: var(--vbo-config-child-bg-color);
11564 margin: 0 5px;
11565 }
11566 .vbo-booking-admin-notes {
11567 background: var(--vbo-config-child-bg-color);
11568 padding: 10px;
11569 margin: 0;
11570 font-style: italic;
11571 }
11572 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11573 .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 {
11574 background: var(--vbo-input-style-deactive);
11575 }
11576 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11577 width: 100px !important;
11578 }
11579 input[type="number"].vbo-large-input-number {
11580 width: 180px !important;
11581 }
11582 .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 {
11583 margin-bottom: 0;
11584 border-radius: 2px;
11585 border: 1px solid var(--vbo-config-border-color);
11586 padding: 8px 10px;
11587 height: inherit;
11588 }
11589 .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 {
11590 padding: 8px 10px;
11591 border-radius: 0 2px 2px 0;
11592 border: 1px solid var(--vbo-config-border-color);
11593 }
11594 .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,
11595 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11596 margin-right: 0;
11597 }
11598 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11599 background: var(--vbo-base-color);
11600 border: 1px solid var(--vbo-base-color);
11601 color: #fff;
11602 padding: 10px 14px;
11603 }
11604 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11605 color: #fff;
11606 }
11607 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11608 background: var(--vbo-base-color-hover) !important;
11609 }
11610 .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 {
11611 background: var(--vbo-link-text-color) !important;
11612 }
11613 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11614 margin-right: 5px;
11615 display: inline-block;
11616 }
11617 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11618 margin-top: 5px;
11619 }
11620 .vbo-admin-container .vbo-param-container .btn-danger {
11621 padding: 10px 14px;
11622 font-size: 12px;
11623 line-height: 15px;
11624 border-radius: 3px;
11625 }
11626 select.vbo-select-small {
11627 padding: 0px 24px 0px 8px !important;
11628 min-height: 25px;
11629 font-size: 12px;
11630 height: 25px !important;
11631 }
11632 .vbo-btn-toolbar .btn i {
11633 margin-right: 5px;
11634 }
11635 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11636 margin-right: 0;
11637 }
11638 .iti.iti--allow-dropdown {
11639 background: var(--vbo-input-style);
11640 border: 1px solid var(--vbo-config-border-color);
11641 display: flex;
11642 z-index: 0;
11643 }
11644 .iti.iti--allow-dropdown .iti__flag-container {
11645 position: relative;
11646 }
11647 .iti.iti--allow-dropdown .iti__selected-flag {
11648 border-right: 1px solid var(--vbo-config-border-color);
11649 }
11650 .iti.iti--allow-dropdown input[type="tel"] {
11651 border: 0;
11652 border-radius: 2px;
11653 padding: 5px 10px;
11654 margin-bottom: 0;
11655 height: auto;
11656 flex: 1;
11657 }
11658 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11659 background: var(--vbo-config-child-bg-color);
11660 }
11661 .vbo-uploaded-files i.fa-file {
11662 font-size: 68px !important;
11663 }
11664 .vbo-uploaded-files .file-elem a .file-extension {
11665 font-size: 14px !important;
11666 }
11667 .vbo-uploaded-files .file-elem {
11668 width: calc(100% / 7) !important;
11669 }
11670 .vbo-bookingdet-btncont .vbo-config-btn {
11671 margin-top: 5px;
11672 }
11673 .vbo-bookingdet-btncont .vbo-config-btn i {
11674 margin-right: 8px;
11675 }
11676 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11677 display: inline-block;
11678 margin-left: 10px;
11679 border: 1px solid var(--vbo-config-border-color);
11680 padding: 8px 9px;
11681 margin-top: 0px;
11682 border-radius: 2px;
11683 background: var(--vbo-config-child-bg-color);
11684 vertical-align: top;
11685 }
11686 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11687 background: var(--vbo-config-bg-color);
11688 }
11689 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11690 margin-bottom: 0;
11691 height: auto;
11692 }
11693 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11694 margin-bottom: 0;
11695 }
11696 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11697 border: 0 !important;
11698 background: transparent;
11699 }
11700 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11701 padding: 0;
11702 }
11703 .vbo-param-container .vbo-param-setting .select2-container--default {
11704 width: 70% !important;
11705 }
11706 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11707 width: 100%;
11708 }
11709 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11710 width: 100% !important;
11711 background: var(--vbo-config-bg-color);
11712 }
11713 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
11714 background-color: #b6d8ee;
11715 border: 1px solid #b8d1e1;
11716 border-radius: 30px;
11717 padding: 5px 10px;
11718 color: #2d5593;
11719 font-weight: bold;
11720 }
11721 .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
11722 font-size: 12px;
11723 }
11724 .vbo-reportwidget-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11725 padding: 0;
11726 }
11727 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11728 display: inline-block;
11729 margin-left: 3px;
11730 margin-right: 0;
11731 width: 18px;
11732 height: 18px;
11733 line-height: 15px;
11734 font-size: 16px;
11735 text-align: center;
11736 border-radius: 50%;
11737 color: #1f90d9;
11738 float: right;
11739 }
11740 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11741 background: #1f90d9;
11742 color: #fff;
11743 }
11744 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11745 margin-left: 5px;
11746 }
11747 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11748 height: 36px;
11749 border: 1px solid #ddd;
11750 border-radius: 2px;
11751 }
11752 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11753 font-weight: normal;
11754 font-size: 14px;
11755 }
11756 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11757 height: 36px;
11758 }
11759 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11760 line-height: 35px;
11761 }
11762 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11763 border: 0;
11764 }
11765 .vbo-preferred-countries-sortlist {
11766 margin-left: 0;
11767 max-width: 380px;
11768 }
11769 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11770 list-style-type: none;
11771 margin: 0;
11772 padding: 10px 15px;
11773 display: block;
11774 border: 1px solid var(--vbo-basic-btn);
11775 background: var(--vbo-config-child-bg-color);
11776 margin: 5px 3px;
11777 cursor: grab;
11778 }
11779 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11780 color: var(--vbo-config-titles-color-light);
11781 float: right;
11782 margin-top: 4px;
11783 }
11784 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11785 background: var(--vbo-config-bg-color);
11786 color: var(--vbo-base-color);
11787 border-color: var(--vbo-base-color);
11788 }
11789 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11790 color: var(--vbo-base-color);
11791 }
11792 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11793 margin-top: 4px;
11794 }
11795 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11796 cursor: pointer;
11797 }
11798 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11799 color: var(--vbo-base-color);
11800 }
11801 input[type="text"],
11802 input[type="password"],
11803 input[type="date"],
11804 input[type="email"],
11805 input[type="url"],
11806 input[type="search"],
11807 input[type="tel"],
11808 select {
11809 width: auto !important;
11810 }
11811 .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 {
11812 width: 70% !important;
11813 }
11814 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11815 width: 100%;
11816 }
11817 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11818 width: 200px !important;
11819 }
11820 .vbo-param-container input[type="number"].vbo-input-number-small {
11821 width: 80px !important;
11822 }
11823 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11824 width: auto !important;
11825 }
11826 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11827 color: var(--vbo-base-color-hover);
11828 }
11829 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11830 color: var(--vbo-link-text-color);
11831 }
11832 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11833 width: calc(70% - 2px);
11834 }
11835 .vbo-payment-params-container .vbo-param-setting img {
11836 max-width: 300px;
11837 }
11838
11839 input[type="number"] {
11840 width: 100px !important;
11841 }
11842 table.adminform label {
11843 display: inline;
11844 margin:0 0 0 5px;
11845 }
11846 table.adminform td {
11847 padding: 6px 0;
11848 }
11849 table.adminform div.input-append {
11850 display: inline;
11851 }
11852 .icon-vikbooking:before {
11853 font-family: "Font Awesome 5 Free", FontAwesome !important;
11854 font-weight: 900;
11855 content: "\f236";
11856 background: none !important;
11857 }
11858 .icon-vikbookingconfig:before {
11859 font-family: "Font Awesome 5 Free", FontAwesome !important;
11860 font-weight: 900;
11861 content: "\f236";
11862 background: none !important;
11863 }
11864 .icon-vikbookingstats:before {
11865 font-family: "Font Awesome 5 Free", FontAwesome !important;
11866 font-weight: 900;
11867 content: "\f236";
11868 background: none !important;
11869 }
11870 /* Joomla 3.7.0 - Start */
11871 .field-calendar, .vbo-field-calendar {
11872 display: inline-block;
11873 vertical-align: top;
11874 }
11875 .field-calendar .input-append, .vbo-field-calendar .input-append {
11876 display: flex;
11877 }
11878 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11879 padding: 8px 10px;
11880 border-radius: 0 2px 2px 0;
11881 border: 1px solid var(--vbo-config-border-color);
11882 }
11883 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11884 font-size: 14px;
11885 margin-right: 0;
11886 }
11887 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11888 margin-right: 0;
11889 }
11890 .btn-group .calendar-head-row {
11891 font-size: 13px;
11892 }
11893 /* Joomla 3.7.0 - End */
11894
11895 /* Reports - Start */
11896 .vbo-reports-container {
11897 background: var(--vbo-basic-btn);
11898 padding: 0 0 10px;
11899 }
11900 .vbo-reports-filters-outer {
11901 margin-top: 0;
11902 height: auto;
11903 background: var(--vbo-basic-btn-hover);
11904 padding: 10px;
11905 box-sizing: border-box;
11906 }
11907 .vbo-reports-filters-outer > div {
11908 display: inline-block;
11909 margin: 2px 0;
11910 }
11911 .vbo-reports-filters-export {
11912 float: right;
11913 }
11914 .vbo-reports-filters-report {
11915 margin: 0 20px;
11916 }
11917 .vbo-report-filter-lbl {
11918 margin-bottom: 2px;
11919 }
11920 .vbo-reports-filters-report .vbo-report-filter-wrap {
11921 display: inline-block;
11922 }
11923 .vbo-report-filter-val input, .vbo-report-filter-val select {
11924 margin: 0 !important;
11925 }
11926 .vbo-reports-output {
11927 margin: 10px;
11928 }
11929 .vbo-report-layout-type {
11930 text-align: right;
11931 display: inline-block;
11932 width: 100%;
11933 }
11934 .vbo-report-layout-type .vbo-report-layout-type-inner {
11935 background: var(--vbo-config-bg-color);
11936 margin-left: 10px;
11937 border: 1px solid var(--vbo-config-border-color);
11938 display: flex;
11939 width: 170px;
11940 float: right;
11941 margin-right: 10px;
11942 }
11943 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11944 display: inline-block;
11945 }
11946 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11947 border-right: 1px solid var(--vbo-config-border-color);
11948 margin-bottom: 0;
11949 padding: 9px 7px;
11950 flex-basis: 25px;
11951 text-align: center;
11952 font-size: 16px;
11953 }
11954 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11955 color: var(--vbo-config-titles-color-light);
11956 }
11957 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11958 margin-bottom: 0;
11959 border-radius: 2px;
11960 border: 0;
11961 padding: 8px 10px;
11962 height: inherit;
11963 flex: 1;
11964 }
11965 .vbo-report-chart-wrap > h4 {
11966 margin-top: 30px;
11967 font-size: 18px;
11968 margin-bottom: 10px;
11969 border-bottom: 1px solid var(--vbo-config-border-color);
11970 padding-bottom: 10px;
11971 margin-left: 10px;
11972 }
11973 .vbo-report-chart-inner {
11974 display: flex;
11975 flex-wrap: wrap;
11976 margin-bottom: 40px;
11977 }
11978 .vbo-report-chart-main {
11979 flex: 1;
11980 }
11981 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11982 background: var(--vbo-config-bg-color);
11983 border: 1px solid var(--vbo-config-bg-color);
11984 padding: 20px;
11985 border-radius: 16px;
11986 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11987 margin-bottom: 15px;
11988 position: relative;
11989 height: 70%;
11990 }
11991 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11992 font-weight: bold;
11993 color: var(--vbo-config-titles-color-light);
11994 margin-bottom: 10px;
11995 }
11996 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11997 font-size: 26px;
11998 font-weight: bold;
11999 }
12000 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
12001 display: inline-block;
12002 margin: 4px 0 6px;
12003 white-space: nowrap;
12004 }
12005 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
12006 font-size: 13px;
12007 display: inline-block;
12008 vertical-align: middle;
12009 color: var(--vbo-config-titles-color-light);
12010 }
12011 .vbo-report-chart-main .vbo-report-chart-metas {
12012 display: flex;
12013 flex-wrap: wrap;
12014 }
12015 .vbo-report-chart-main .vbo-report-chart-meta {
12016 flex-basis: 25%;
12017 }
12018 .vbo-report-chart-main .vbo-report-chart-meta-inner {
12019 margin: 0 5px;
12020 }
12021 .vbo-report-chart-main .vbo-report-chart-content {
12022 background: var(--vbo-config-bg-color);
12023 padding: 30px;
12024 border-radius: 16px;
12025 margin: 20px 5px;
12026 box-shadow: 0 3px 10px rgba(0,0,0,.05);
12027 }
12028 .vbo-report-chart-right {
12029 flex-basis: 20%;
12030 margin-left: 15px;
12031 }
12032 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
12033 height: 30px;
12034 width: 4px;
12035 background: #ddd;
12036 content: "";
12037 position: absolute;
12038 left: -3px;
12039 top: 17px;
12040 }
12041 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
12042 background: var(--vbo-green-color);
12043 }
12044 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
12045 background: var(--vbo-red-color);
12046 }
12047 .chart-line-legend {
12048 margin-left: 0;
12049 text-align: center;
12050 }
12051 .chart-line-legend li {
12052 display: inline-block;
12053 list-style-type: none;
12054 border: 1px solid var(--vbo-config-border-color);
12055 border-radius: 20px;
12056 padding: 8px 15px 5px;
12057 margin: 5px;
12058 }
12059 .chart-line-legend li span {
12060 display: inline-block;
12061 vertical-align: top;
12062 }
12063 .chart-line-legend li .legend-entry {
12064 width: 15px;
12065 height: 15px;
12066 margin-right: 8px;
12067 border-radius: 4px;
12068 display: inline-block;
12069 }
12070 .chart-line-legend li .legend-label {
12071 margin-top: -2px;
12072 font-weight: bold;
12073 font-size: 12px;
12074 }
12075 .chart-line-legend {
12076 margin-top: 10px;
12077 }
12078 .vbo-report-sheetnchart {
12079 display: flex;
12080 }
12081 .vbo-report-sheetnchart .vbo-report-sheet {
12082 flex-basis: 60%;
12083 margin-right: 10px;
12084 }
12085 .vbo-report-sheetnchart .vbo-report-chart-wrap {
12086 flex: 1;
12087 }
12088 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
12089 display: flex;
12090 flex-wrap: wrap;
12091 }
12092 .vbo-report-sheetnchart .vbo-report-chart-right {
12093 flex-basis: 100%;
12094 margin: 0;
12095 }
12096 .vbo-report-chart-metas-bottom {
12097 margin-bottom: 20px;
12098 }
12099 .vbo-report-sheetnchart .vbo-report-chart-meta {
12100 flex-basis: 33%;
12101 }
12102 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
12103 margin: 0 5px;
12104 }
12105 .vbo-reports-output .table-responsive {
12106 border-radius: 8px;
12107 box-shadow: 0 0px 20px rgba(0,0,0,.1);
12108 margin: 0 5px 18px;
12109 background: var(--vbo-config-bg-color);
12110 }
12111 .vbo-reports-output table {
12112 margin-bottom: 0;
12113 }
12114 .vbo-reports-output table thead {
12115 background: var(--vbo-config-child-bg-color);
12116 text-transform: uppercase;
12117 font-weight: bold;
12118 }
12119 .vbo-reports-output table thead th {
12120 padding: 15px 15px;
12121 color: var(--vbo-config-title-color);
12122 font-size: 12px;
12123 white-space: nowrap;
12124 }
12125 .vbo-reports-output table thead th a {
12126 color: var(--vbo-config-title-color);
12127 }
12128 .vbo-reports-output table thead th i {
12129 margin-left: 3px;
12130 font-size: .9em;
12131 }
12132 .vbo-reports-output table tbody td:first-child {
12133 width: 150px;
12134 }
12135 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
12136 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
12137 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
12138 display: none;
12139 }
12140 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
12141 padding: 15px 15px;
12142 }
12143 .vbo-reports-output table tbody tr:nth-child(2n) {
12144 background: var(--vbo-config-child-bg-color);
12145 }
12146 .vbo-reports-output table tbody tr td:first-child span {
12147 font-weight: bold;
12148 }
12149 .vbo-reports-output table tfoot {
12150 background: var(--vbo-config-child-bg-color);
12151 }
12152 .vbo-reports-output table tfoot td h3 {
12153 margin: 12px 0;
12154 font-size: 14px;
12155 }
12156 .vbo-reports-output table tfoot tr:last-child td {
12157 vertical-align: middle;
12158 }
12159 .vbo-reports-output table tfoot tr td:not(:first-child) span {
12160 font-weight: bold;
12161 font-size: 14px;
12162 white-space: nowrap;
12163 }
12164 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
12165 display: inline-block;
12166 margin-right: 15px;
12167 }
12168 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
12169 margin: 0;
12170 }
12171 .vbo-info-overlay-content.vbo-info-overlay-report {
12172 text-align: center;
12173 }
12174 .vbo-info-overlay-content.vbo-info-overlay-report > div {
12175 margin: 0 10px;
12176 display: inline-block;
12177 }
12178 .vbo-report-load-comune span,
12179 .vbo-report-load-provincia span,
12180 .vbo-report-load-nazione span,
12181 .vbo-report-load-cittadinanza span,
12182 .vbo-report-load-doctype span,
12183 .vbo-report-load-docnum span,
12184 .vbo-report-load-docissue span,
12185 .vbo-report-load-docplace span,
12186 .vbo-report-load-sesso span,
12187 .vbo-report-load-dbirth span,
12188 .vbo-report-load-field span {
12189 display: inline-block;
12190 border: 1px solid var(--vbo-red-color);
12191 cursor: pointer;
12192 color: var(--vbo-red-color);
12193 padding: 0px 7px;
12194 }
12195 .vbo-report-load-elem-filled span {
12196 border: 0;
12197 padding: 0;
12198 color: var(--vbo-blue-color-hover);
12199 }
12200 #ui-datepicker-div {
12201 z-index: 2147483647 !important;
12202 border: 1px solid var(--vbo-config-border-color);
12203 border-radius: 4px;
12204 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
12205 }
12206 /* Reports - End */
12207
12208 /* Trackings - Start */
12209 .btn-toolbar.vbo-trackings-filters {
12210 margin-bottom: 20px;
12211 margin-top: 0 !important;
12212 height: auto !important;
12213 background: var(--vbo-toolbar-bg-color);
12214 padding: 10px;
12215 box-sizing: border-box;
12216 }
12217 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
12218 margin-right: 3px;
12219 }
12220 .vbo-trackings-table {
12221 background: var(--vbo-config-child-bg-color);
12222 }
12223 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
12224 background: var(--vbo-config-child-bg-color) !important;
12225 }
12226 .vbo-trackings-table-head {
12227 border-top: 1px solid var(--vbo-config-border-color);
12228 padding: 12px 15px 0;
12229 font-weight: bold;
12230 }
12231 .vbo-trackings-table-head-inner {
12232 display: flex;
12233 padding: 0 15px;
12234 }
12235 .vbo-trackings-table-head-inner > div i {
12236 margin-left: 5px;
12237 }
12238 .vbo-trackings-table-head-inner > div * {
12239 text-transform: uppercase;
12240 color: var(--vbo-config-titles-color-light);
12241 }
12242 .vbo-trackings-table-head-cell {
12243 flex: 1;
12244 padding: 0 5px;
12245 }
12246 .vbo-trackings-table-cell-ckb input {
12247 margin-top: 0;
12248 }
12249 .vbo-trackings-table-body {
12250 padding: 15px 15px 30px;
12251 }
12252 .vbo-trackings-table-body-row {
12253 display: flex;
12254 flex-wrap: wrap;
12255 background: var(--vbo-config-bg-color);
12256 padding: 15px;
12257 border-radius: 4px;
12258 margin: 15px 0;
12259 box-shadow: 0 4px 6px rgba(0,0,0,.05);
12260 }
12261 .vbo-trackings-table-body-cell {
12262 flex: 1;
12263 padding: 0 5px;
12264 }
12265 .vbo-trackings-table-cell-chevron {
12266 flex: 0 0 30px;
12267 cursor: pointer;
12268 padding-left: 0;
12269 }
12270 .vbo-trackings-table-cell-ckb {
12271 flex: 0 0 30px;
12272 }
12273 .vbo-trackings-table-cell-id {
12274 flex: 0 0 60px;
12275 }
12276 .vbo-trackings-table-body-subrow {
12277 display: none;
12278 flex: 0 0 100%;
12279 }
12280 .vbo-trackings-table-body-hidden-lbl {
12281 display: none;
12282 }
12283 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
12284 font-weight: bold;
12285 font-size: 1.1em;
12286 }
12287 .vbo-tracking-identifier-container {
12288 margin: 20px 0;
12289 background: var(--vbo-config-child-bg-color);
12290 border-radius: 4px;
12291 }
12292 .vbo-tracking-info-details {
12293 padding: 15px;
12294 display: flex;
12295 flex-wrap: wrap;
12296 border-bottom: 1px solid var(--vbo-config-border-color);
12297 }
12298 .vbo-tracking-info-details:last-child {
12299 border:0;
12300 }
12301 .vbo-tracking-info-details > div {
12302 flex: 1;
12303 padding: 0 10px
12304 }
12305 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
12306 flex: 0 0 15%;
12307 }
12308 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
12309 flex: 0 0 80px;
12310 }
12311 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
12312 flex: 0 0 15%;
12313 }
12314 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
12315 flex: 0 0 100%;
12316 }
12317 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
12318 margin-top: 0;
12319 }
12320 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
12321 flex: 0 0 10%;
12322 }
12323 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
12324 flex: 0 0 20%;
12325 }
12326 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
12327 display: inline-block;
12328 }
12329 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
12330 margin-right: 15px;
12331 }
12332 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
12333 font-weight: bold;
12334 }
12335 .vbo-tracking-info-device-cont i {
12336 font-size: 18px;
12337 }
12338 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
12339 font-size: 22px;
12340 }
12341 .vbo-tracking-info-subrow-lbl {
12342 text-transform: uppercase;
12343 font-weight: bold;
12344 color: #999;
12345 margin-bottom: 5px;
12346 }
12347 .vbo-tracking-info-dates-cont > div {
12348 margin-bottom: 5px;
12349 }
12350 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
12351 font-weight: bold;
12352 display: block;
12353 margin: 0;
12354 }
12355 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
12356 font-weight: bold;
12357 }
12358 .vbo-trackings-custcampaign {
12359 margin-bottom: 20px;
12360 background: var(--vbo-config-bg-color);
12361 border-radius: 10px;
12362 border: 1px solid var(--vbo-basic-btn);
12363 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12364 padding: 15px;
12365 }
12366 .vbo-trackings-custcampaign-box {
12367 display: inline-block;
12368 margin-right: 14px;
12369 }
12370 .vbo-trackings-custcampaign-box label {
12371 margin-bottom: 5px;
12372 font-weight: 500;
12373 }
12374 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
12375 width: 100% !important;
12376 }
12377 .vbo-tracking-info-party-room {
12378 margin-bottom: 5px;
12379 }
12380 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
12381 display: block;
12382 text-transform: uppercase;
12383 font-weight: bold;
12384 }
12385 .vbo-tracking-info-booking-cont a {
12386 background: var(--vbo-base-color);
12387 color: #fff;
12388 border: 2px solid var(--vbo-base-color);
12389 display: table;
12390 margin-top: 5px;
12391 padding: 5px 10px;
12392 border-radius: 3px;
12393 font-weight: bold;
12394 }
12395 .vbo-tracking-info-booking-cont a:hover {
12396 background: transparent;
12397 color: var(--vbo-base-color-hover);
12398 text-decoration: none;
12399 }
12400 .vbo-tracking-info-search-results {
12401 margin-top: 10px;
12402 }
12403 .vbo-tracking-info-search-result {
12404 border: 2px solid var(--vbo-config-border-color);
12405 border-radius: 4px;
12406 padding: 10px 15px;
12407 margin: 5px 0;
12408 }
12409 .vbo-tracking-info-search-result p {
12410 margin-bottom: 0;
12411 padding-bottom: 0;
12412 font-weight: bold;
12413 }
12414 .vbo-tracking-info-search-result i {
12415 margin-right: 5px;
12416 }
12417 .vbo-tracking-info-search-result-warning {
12418 border-color: var(--vbo-orange-color);
12419 }
12420 .vbo-tracking-info-search-result-warning i {
12421 color: var(--vbo-orange-color);
12422 }
12423 .vbo-tracking-info-search-result-error {
12424 border-color: var(--vbo-red-color);
12425 }
12426 .vbo-tracking-info-search-result-error i {
12427 color: var(--vbo-red-color);
12428 }
12429 .vbo-tracking-info-search-result-info {
12430 border-color: var(--vbo-blue-color);
12431 }
12432 .vbo-tracking-info-search-result-info i {
12433 color: var(--vbo-blue-color);
12434 }
12435 .vbo-tracking-info-search-result-success {
12436 border-color: var(--vbo-green-color);
12437 }
12438 .vbo-tracking-info-search-result-success i {
12439 color: var(--vbo-green-color);
12440 }
12441 #vbo-add-trkcampaign {
12442 margin-top: 5px;
12443 }
12444 .vbo-trackings-custcampaign-uri {
12445 font-weight: bold;
12446 margin-right: 0;
12447 }
12448 .vbo-trackings-custcampaign label {
12449 display: block;
12450 }
12451 .vbo-trackings-tabs > div {
12452 display: inline-block;
12453 cursor: pointer;
12454 padding: 11px 0px;
12455 margin: 0 12px;
12456 font-size: 1.2em;
12457 text-transform: uppercase;
12458 font-weight: bold;
12459 text-align: center;
12460 color: var(--vbo-config-titles-color-light);
12461 }
12462 .vbo-trackings-tabs > .vbo-trackings-tab-active {
12463 border-bottom: 2px solid var(--vbo-blue-color);
12464 color: var(--vbo-blue-color);
12465 }
12466 .vbo-trackings-tabcont-stats {
12467 background: var(--vbo-config-child-bg-color);
12468 border-top: 1px solid var(--vbo-config-border-color);
12469 padding: 10px;
12470 }
12471 .vbo-trackings-chart-bestnights {
12472 display: flex;
12473 flex-wrap: wrap;
12474 }
12475 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12476 flex: 100%;
12477 font-size: 1.1em;
12478 margin-left: 5px;
12479 border-bottom: 1px solid var(--vbo-config-border-color);
12480 padding-bottom: 10px;
12481 text-transform: uppercase;
12482 }
12483 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12484 background: var(--vbo-config-bg-color);
12485 padding: 15px;
12486 border-radius: 4px;
12487 margin: 5px;
12488 flex-basis: 10%;
12489 box-shadow: 0 0 10px rgba(0,0,0,.05);
12490 }
12491 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12492 font-weight: bold;
12493 margin-bottom: 10px;
12494 display: block;
12495 border-bottom: 1px solid var(--vbo-config-border-color);
12496 padding-bottom: 5px;
12497 text-transform: uppercase;
12498 color: var(--vbo-config-titles-color-light);
12499 }
12500 .vbo-trackings-chart-tot {
12501 font-size: 26px;
12502 color: var(--vbo-base-color);
12503 margin-right: 4px;
12504 }
12505 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12506 margin-bottom: 10px;
12507 }
12508 .vbo-trackings-chart-middle {
12509 display: flex;
12510 margin-top: 20px;
12511 }
12512 .vbo-trackings-chart-avgvals {
12513 flex: 55%;
12514 padding-right: 50px;
12515 }
12516 .vbo-trackings-chart-referrers {
12517 flex: 1;
12518 }
12519 .vbo-trackings-chart-avgval-listcont {
12520 display: flex;
12521 flex-wrap: wrap;
12522 }
12523 .vbo-trackings-chart-avgval-listcont > div {
12524 flex: 1;
12525 background: var(--vbo-config-bg-color);
12526 padding: 15px;
12527 border-radius: 4px;
12528 box-shadow: 0 0 10px rgba(0,0,0,.05);
12529 margin: 5px;
12530 }
12531 .vbo-trackings-chart-avgval-listcont > div h5 {
12532 margin-top: 0;
12533 }
12534 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12535 margin-right: 0;
12536 }
12537 .vbo-trackings-chart-pcent {
12538 font-size: 1.1em;
12539 color: var(--vbo-config-titles-color-light);
12540 font-weight: bold;
12541 }
12542 .vbo-trackings-chart-referrer {
12543 background: var(--vbo-config-bg-color);
12544 padding: 15px;
12545 border-radius: 4px;
12546 box-shadow: 0 0 10px rgba(0,0,0,.05);
12547 margin: 10px 5px;
12548 }
12549 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12550 color: var(--vbo-green-color);
12551 }
12552 .vbo-trackings-cookiediscl {
12553 font-style: italic;
12554 width: 70%;
12555 }
12556 /* Trackings - End */
12557
12558 .vbo-choosebusy-table {
12559 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12560 border: 1px solid rgb(221, 221, 221);
12561 margin: 0 0 20px;
12562 }
12563 .vbo-choosebusy-tr1 td {
12564 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12565 vertical-align: middle;
12566 padding: 14px;
12567 border-bottom: 1px solid rgb(204, 204, 204);
12568 font-size: 16px;
12569 font-weight: 500;
12570 }
12571 .vbo-choosebusy-tr2 td img {
12572 border-radius: 0 !important;
12573 width: 100%;
12574 }
12575 .vbo-choosebusy-tr3 td {
12576 padding: 10px;
12577 }
12578 .vbo-choosebusy-tr3 td .badge {
12579 padding:3px 8px;
12580 border-radius: 3px;
12581 }
12582 #filter-bar .btn-group {
12583 margin-left:5px;
12584 }
12585 .table-responsive {
12586 overflow-x: auto;
12587 overflow-y: hidden;
12588 min-height: 0.01%;
12589 }
12590 .table {
12591 width: 100%;
12592 max-width: 100%;
12593 margin-bottom: 20px;
12594 }
12595 .vbo-receipt-company-block-outer {
12596 margin: 10px 0;
12597 display: inline-block;
12598 width: 100%;
12599 }
12600 .vbo-receipt-company-block {
12601 display: inline-block;
12602 margin: 0 10px;
12603 }
12604 .vbo-receipt-numdate-block {
12605 display: inline-block;
12606 float: right;
12607 margin: 0 10px;
12608 background: var(--vbo-basic-btn);
12609 padding: 15px;
12610 }
12611 .vbo-receipt-company-logo {
12612 display: inline-block;
12613 float: left;
12614 }
12615 .vbo-receipt-company-info {
12616 float: left;
12617 text-align: left;
12618 }
12619 .vbo-receipt-numdate-title {
12620 font-size: 18px;
12621 margin-bottom: 10px;
12622 }
12623 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12624 font-size: 12px;
12625 font-weight: bold;
12626 color: var(--vbo-config-text-color-light);
12627 display: block;
12628 margin-bottom: 5px;
12629 }
12630 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12631 display: inline-block;
12632 vertical-align: top;
12633 }
12634 .vbo-receipt-numdate-num {
12635 margin-right: 5px;
12636 }
12637 .vbo-hidein-print {
12638 margin-bottom: 0 !important;
12639 }
12640 .vbo-showin-print {
12641 display: none;
12642 }
12643 .vbo-receipt-print-confirm {
12644 text-align: center;
12645 display: inline-block;
12646 width: 100%;
12647 }
12648 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12649 display: inline-block;
12650 background: var(--vbo-base-color);
12651 color: #fff;
12652 padding: 5px 15px;
12653 border-radius: 4px;
12654 font-weight: bold;
12655 margin: 10px;
12656 cursor: pointer;
12657 }
12658 .vbo-receipt-print-btn i {
12659 margin-right: 5px;
12660 }
12661 .vbo-receipt-notes-container {
12662 padding: 18px;
12663 }
12664 .vbo-receipt-notes-inner {
12665 background: var(--vbo-config-bg-color);
12666 padding: 15px;
12667 border-radius: 8px;
12668 margin: 10px 0;
12669 }
12670 .vbo-receipt-notes-tarea textarea {
12671 height: 200px;
12672 }
12673 /* Tableaux */
12674 .vbo-tableaux-container {
12675 background: var(--vbo-config-child-bg-color);
12676 padding: 5px 15px 10px;
12677 }
12678 .vbo-tableaux-months-wrap {
12679 display: flex;
12680 flex-wrap: wrap;
12681 border: 1px solid var(--vbo-config-border-color);
12682 margin: 15px 0;
12683 background: var(--vbo-config-bg-color);
12684 border-radius: 4px;
12685 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12686 }
12687 .vbo-tableaux-months-wrap > div {
12688 flex: 1;
12689 border-right: 1px solid var(--vbo-config-border-color);
12690 text-align: center;
12691 display: flex;
12692 }
12693 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12694 border-top-left-radius: 4px;
12695 border-bottom-left-radius: 4px;
12696 }
12697 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12698 border-top-right-radius: 4px;
12699 border-bottom-right-radius: 4px;
12700 border: 0;
12701 }
12702 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12703 padding: 15px 10px;
12704 cursor: pointer;
12705 flex: 1;
12706 }
12707 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12708 display: block;
12709 }
12710 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12711 background: var(--vbo-config-child-bg-color);
12712 }
12713 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12714 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12715 background: var(--vbo-base-color);
12716 color: #fff;
12717 }
12718 .vbo-tableaux-tbl-container {
12719 margin-top: 10px;
12720 }
12721 .vbo-tableaux-table {
12722 background: var(--vbo-config-bg-color);
12723 border-radius: 4px;
12724 box-shadow: 0 0 4px rgba(0,0,0,.05);
12725 width: 100%;
12726 margin-bottom: 200px;
12727 }
12728 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12729 text-align: center;
12730 padding: 10px 4px;
12731 background: var(--vbo-light-color-btn);
12732 border-left: 1px solid var(--vbo-config-border-color);
12733 }
12734 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12735 border-left: 0;
12736 }
12737 .vbo-tableaux-table-head-cell-monyear {
12738 color: var(--vbo-config-titles-color-light);
12739 font-weight: normal;
12740 }
12741 .vbo-tableaux-table-head-cell-wmday {
12742 font-size: 15px;
12743 }
12744 .vbo-tableaux-table tr {
12745 border-bottom: 1px solid var(--vbo-config-border-color);
12746 }
12747 .vbo-tableaux-table td {
12748 border-right: 1px solid var(--vbo-config-border-color);
12749 min-width: 100px;
12750 max-width: 100px;
12751 padding: 20px 0;
12752 position: relative;
12753 background-clip: padding-box !important;
12754 }
12755 .vbo-tableaux-table tr td:first-child {
12756 position: sticky;
12757 left: 0;
12758 background: var(--vbo-config-child-bg-color);
12759 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12760 min-width: 150px;
12761 max-width: 150px;
12762 z-index: 2;
12763 font-weight: bold;
12764 padding: 15px 15px;
12765 font-size: 14px;
12766 }
12767 .vbo-tableaux-roomrow td {
12768 vertical-align: top;
12769 }
12770 .vbo-tableaux-daycell {
12771 color: var(--vbo-config-titles-color-light);
12772 font-weight: bold;
12773 text-align: center;
12774 padding: 10px;
12775 font-size: 13px;
12776 }
12777 .vbo-tableaux-festcell {
12778 background: #cea7c7;
12779 color: #fff;
12780 cursor: pointer;
12781 }
12782 .vbo-tableaux-festcell:hover {
12783 background: #bb90b3;
12784 }
12785 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12786 background: #e1aed8;
12787 }
12788 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12789 background: var(--vbo-base-color);
12790 color: #fff;
12791 font-weight: bold;
12792 padding: 7px 5px;
12793 margin: 2px 0;
12794 white-space: nowrap;
12795 position: relative;
12796 cursor: pointer;
12797 }
12798 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12799 background: var(--vbo-config-bg-color);
12800 color: var(--vbo-config-title-color);
12801 border-top: 1px solid var(--vbo-config-title-color);
12802 border-bottom: 1px solid var(--vbo-config-title-color);
12803 height: 14px;
12804 margin: 2px -1.5px;
12805 box-sizing: content-box;
12806 }
12807 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12808 border-left: 1px solid var(--vbo-config-title-color);
12809 }
12810 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12811 border-right: 1px solid var(--vbo-config-title-color);
12812 }
12813 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12814 background: transparent;
12815 display: inline-block;
12816 width: 100%;
12817 }
12818 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12819 font-size: 13px;
12820 }
12821 .vbo-tableaux-booking-avatar {
12822 z-index: 1;
12823 position: absolute;
12824 top: -6px;
12825 left: -8px;
12826 }
12827 .vbo-tableaux-booking-avatar img {
12828 height: 24px;
12829 width: 24px;
12830 border-radius: 50%;
12831 object-fit: cover;
12832 border: 2px solid #fff;
12833 }
12834 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12835 top: -1px;
12836 left: -3px;
12837 }
12838 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12839 border: 0;
12840 }
12841 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12842 padding-left: 25px;
12843 }
12844 .vbo-overv-avcell .vbo-tableaux-guest-name {
12845 font-weight: normal;
12846 font-size: 12px;
12847 }
12848 .vbo-tableaux-booking > span {
12849 position: relative;
12850 z-index: 1;
12851 }
12852 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12853 display: inline-block;
12854 margin-left: 5px;
12855 }
12856 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12857 width: 64%;
12858 float: right;
12859 border-top-left-radius: 20px;
12860 border-bottom-left-radius: 20px;
12861 padding-left: 10px;
12862 position: relative;
12863 margin-right: -2px;
12864 }
12865 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12866 position: relative;
12867 z-index: 1;
12868 }
12869 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12870 /* overflow: hidden;
12871 display: table-cell; */
12872 display: inline-block;
12873 width: 130px;
12874 clip-path: inset( -100vw 0 -100vw -8px );
12875 }
12876 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12877 top: -5px;
12878 }
12879 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12880 width: 64%;
12881 float: left;
12882 border-top-right-radius: 20px;
12883 border-bottom-right-radius: 20px;
12884 padding-right: 10px;
12885 }
12886 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12887 display: inline-block;
12888 width: 100%;
12889 }
12890 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12891 padding: 10px 15px;
12892 font-size: 1.2em;
12893 font-weight: bold;
12894 color: var(--vbo-base-color);
12895 border-left: 0;
12896 }
12897 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12898 border-left: 2px solid var(--vbo-config-border-color);
12899 }
12900 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12901 border-left: 2px solid var(--vbo-config-border-color);
12902 }
12903 .vbo-tableaux-table .vbo-tableaux-todaycell {
12904 background: var(--vbo-config-child-bg-color);
12905 }
12906 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12907 background: #d9b9d3;
12908 }
12909 .vbo-pmsperm-entry-wrap {
12910 display: flex;
12911 flex-wrap: wrap;
12912 background: var(--vbo-config-child-bg-color);
12913 margin: 5px 0;
12914 padding: 10px
12915 }
12916 .vbo-pmsperm-entry-wrap > div {
12917 margin: 5px;
12918 }
12919 .vbo-pmsperm-entry-wrap > div:first-child {
12920 flex-basis: 105px;
12921 }
12922 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12923 padding: 8px 14px;
12924 }
12925 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12926 margin-bottom: 0 !important;
12927 }
12928 .vbo-pmsperm-entry-cont:last-child {
12929 display: flex;
12930 }
12931 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12932 margin-top: 24px;
12933 }
12934 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12935 text-align: center;
12936 margin-top: 15px;
12937 }
12938
12939 .vbo-operator-tools-list {
12940 border-bottom: 1px solid var(--vbo-config-border-color);
12941 }
12942 .vbo-operator-tools-list .vbo-operator-tool-tab {
12943 display: inline-block;
12944 border-bottom: 2px solid var(--vbo-config-bg-color);
12945 color: var(--vbo-config-titles-color-light);
12946 }
12947 .vbo-operator-tools-list .vbo-operator-tool-tab .vbo-operator-tool-name {
12948 display: inline-block;
12949 padding: 10px;
12950 cursor: pointer;
12951 }
12952 .vbo-operator-tools-list .vbo-operator-tool-tab-active {
12953 border-color: var(--vbo-config-title-color);
12954 color: var(--vbo-config-title-color);
12955 font-weight: bold;
12956 }
12957 .vbo-operator-tool-permissions-activeperms {
12958 margin-top: 10px;
12959 }
12960 .vbo-operator-tool-permissions-activeperms .vbo-params-block {
12961 padding-bottom: 0;
12962 margin-bottom: 10px;
12963 }
12964 .vbo-operator-tool-permissions-activeperms .vbo-param-container {
12965 margin: 0;
12966 }
12967 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label {
12968 margin-bottom: 0;
12969 }
12970 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a {
12971 color: inherit;
12972 }
12973 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a:hover {
12974 color: var(--vbo-base-color);
12975 }
12976 .vbo-operator-tool-tab-selector .vbo-admin-container {
12977 background: var(--vbo-config-child-bg-color);
12978 padding: 10px;
12979 border-bottom-right-radius: 8px;
12980 border-bottom-left-radius: 8px;
12981 }
12982 .vbo-operator-tool-permissions .vbo-customer-info-box-avatar i {
12983 width: 30px;
12984 height: 30px;
12985 border-radius: 50%;
12986 line-height: 28px;
12987 background: var(--vbo-config-child-bg-color);
12988 text-align: center;
12989 font-size: 12px;
12990 border: 1px solid var(--vbo-basic-btn);
12991 box-sizing: border-box;
12992 }
12993 .vbo-customer-info-box .vbo-customer-info-box-avatar img.no-click {
12994 cursor: inherit;
12995 }
12996 .vbo-tableauxperms-info-add {
12997 margin-bottom: 15px;
12998 text-align: center;
12999 }
13000 .vbo-pmsperm-entry-lbl {
13001 font-weight: bold;
13002 margin-bottom: 4px;
13003 }
13004 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
13005 margin-bottom: 10px;
13006 }
13007 #filter-bar.vbo-tableaux-filters {
13008 height: auto;
13009 background: var(--vbo-toolbar-bg-color);
13010 padding: 10px 10px 6px;
13011 box-sizing: border-box;
13012 }
13013 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
13014 background: var(--vbo-input-style);
13015 border-color: var(--vbo-config-border-color);
13016 }
13017 /* eInvoicing - start */
13018 .vbo-einvoicing-cellaction[data-einvaction="0"] {
13019 background: var(--vbo-red-color);
13020 }
13021 .vbo-einvoicing-cellaction[data-einvaction="1"] {
13022 background: var(--vbo-green-color);
13023 }
13024 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
13025 background: var(--vbo-blue-color);
13026 }
13027 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
13028 background: var(--vbo-orange-color);
13029 }
13030 #driversettingsform .vbo-driver-fieldset {
13031 margin-top: 20px;
13032 }
13033 #driversettingsform .vbo-driver-fieldset {
13034 border-bottom: 0;
13035 }
13036 .vbo-info-overlay-driver {
13037 height: 90% !important;
13038 }
13039 .vbo-drivers-filters-outer {
13040 display: inline-block;
13041 width: 100%;
13042 margin-top: 0;
13043 height: auto;
13044 background: var(--vbo-config-border-color);
13045 padding: 10px;
13046 box-sizing: border-box;
13047 }
13048 .vbo-drivers-filters-outer > div {
13049 display: inline-block;
13050 }
13051 .vbo-drivers-container {
13052 background: var(--vbo-main-bg-color);
13053 }
13054 .vbo-drivers-filters-driver {
13055 margin: 0 15px 0 0;
13056 }
13057 .vbo-drivers-filters-driver > div {
13058 display: inline-block;
13059 vertical-align: top;
13060 margin-right: 5px;
13061 }
13062 .vbo-drivers-custom-actions {
13063 float: right;
13064 }
13065 .vbo-drivers-custom-actions > div {
13066 display: inline-block;
13067 vertical-align: top;
13068 }
13069 .vbo-drivers-topbar {
13070 display: inline-block;
13071 width: 100%;
13072 margin-bottom: 10px;
13073 border-bottom: 1px solid var(--vbo-config-border-color);
13074 padding-bottom: 10px;
13075 }
13076 .vbo-drivers-topbar > div {
13077 display: inline-block;
13078 vertical-align: top;
13079 }
13080 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
13081 margin-top: 22px;
13082 }
13083 .vbo-drivers-output {
13084 padding-bottom: 17px;
13085 }
13086 .vbo-drivers-output .table-responsive {
13087 border-radius: 8px;
13088 box-shadow: 0 0px 20px #0000001a;
13089 margin: 18px;
13090 background: var(--vbo-config-bg-color);
13091 }
13092 .vbo-drivers-output table {
13093 margin-bottom: 0;
13094 }
13095 .vbo-drivers-output table thead {
13096 background: var(--vbo-config-child-bg-color);
13097 text-transform: uppercase;
13098 font-weight: bold;
13099 }
13100 .vbo-drivers-output table thead th {
13101 padding: 15px 15px;
13102 color: var(--vbo-config-title-color);
13103 }
13104 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
13105 padding: 15px 15px;
13106 }
13107 .vbo-drivers-output table tbody tr td:first-child span {
13108 font-weight: bold;
13109 }
13110 .vbo-drivers-output table tbody tr:nth-child(2n) {
13111 background: var(--vbo-config-child-bg-color);
13112 }
13113 .vbo-drivers-output table tfoot {
13114 background: var(--vbo-config-child-bg-color);
13115 }
13116 .vbo-drivers-output table tfoot tr:last-child td {
13117 vertical-align: middle;
13118 }
13119 .vbo-drivers-output table td .btn.btn-danger {
13120 padding: 4px 12px;
13121 font-weight: normal;
13122 font-size: 13px;
13123 }
13124 .vbo-drivers-output .vbo-driver-customoutput {
13125 display: inline-block;
13126 color: #fff;
13127 padding: 5px 4px;
13128 border-radius: 5px;
13129 height: 15px;
13130 width: 15px;
13131 cursor: pointer;
13132 }
13133 .vbo-drivers-output .vbo-driver-output-vieweinv {
13134 background: #999;
13135 border:1px solid #999;
13136 }
13137 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
13138 background: #888;
13139 }
13140 .vbo-drivers-output .vbo-driver-output-editeinv {
13141 background: var(--vbo-blue-color);
13142 border: 1px solid var(--vbo-blue-color);
13143 }
13144 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
13145 background: var(--vbo-blue-color-hover);
13146 }
13147 .vbo-drivers-output .vbo-driver-output-rmeinv {
13148 background: var(--vbo-red-color);
13149 border: 1px solid var(--vbo-red-color);
13150 }
13151 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
13152 background: var(--vbo-red-color-hover);
13153 }
13154 .vbo-drivers-output .fa-external-link {
13155 color: #444;
13156 margin-right: 5px;
13157 }
13158 .vbo-drivers-output .fa-external-link:hover {
13159 color: var(--vbo-blue-color);
13160 }
13161 /* eInvoicing - end */
13162
13163 /* Opportunities */
13164 .vbo-menu-updates .vbo-opportunities-btnbadge {
13165 background: var(--vbo-blue-color);
13166 border-color: var(--vbo-blue-color);
13167 position: relative;
13168 z-index: 1;
13169 }
13170 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
13171 background: var(--vbo-blue-color-hover);
13172 border-color: var(--vbo-blue-color-hover);
13173 }
13174 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
13175 background: var(--vbo-blue-color-hover);
13176 border-color: var(--vbo-blue-color-hover);
13177 }
13178 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
13179 content: attr(data-opportunity-count);
13180 background: var(--vbo-red-color);
13181 color: #fff;
13182 border: 1px solid var(--vbo-blue-color);
13183 width: 20px;
13184 height: 20px;
13185 border-radius: 50%;
13186 position: absolute;
13187 top: -5px;
13188 left: -8px;
13189 font-weight: bold;
13190 font-size: 11px;
13191 line-height: 20px;
13192 text-align: center;
13193 }
13194 .vbo-menu-updates .vbo-opportunities-btnbadge i {
13195 margin-right: 5px;
13196 }
13197 /* Guest Reviews */
13198 .vbo-menu-updates .vbo-reviews-btnbadge {
13199 background: #20a9b0;
13200 border-color: #20a9b0;
13201 position: relative;
13202 z-index: 0;
13203 }
13204 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
13205 background: #57bbbf;
13206 border-color: #57bbbf;
13207 }
13208 .vbo-menu-updates .vbo-reviews-btnbadge:active {
13209 background: #4ccbd0;
13210 border-color: #4ccbd0;
13211 }
13212 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
13213 content: attr(data-reviews-count);
13214 background: var(--vbo-red-color);
13215 color: #fff;
13216 border: 1px solid var(--vbo-blue-color);
13217 width: 20px;
13218 height: 20px;
13219 border-radius: 50%;
13220 position: absolute;
13221 top: -5px;
13222 left: -8px;
13223 font-weight: bold;
13224 font-size: 11px;
13225 line-height: 20px;
13226 text-align: center;
13227 }
13228 .vbo-menu-updates .vbo-reviews-btnbadge i {
13229 margin-right: 5px;
13230 }
13231
13232 /* Notification Center Menu */
13233 .vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover {
13234 background: #9bc1d7;
13235 color: #2a5166;
13236 }
13237 .vbo-notifications-center-container {
13238 position: relative;
13239 float: right;
13240 }
13241 .vbo-notifications-center-handler {
13242 float: right;
13243 display: inline-block;
13244 background: #3f708b;
13245 color: #fff;
13246 font-weight: bold;
13247 border: 1px solid #3f708b;
13248 margin: 7px 8px 6px 2px;
13249 width: 44px;
13250 height: 44px;
13251 line-height: 36px;
13252 padding: 0;
13253 border-radius: 50%;
13254 position: relative;
13255 }
13256 .vbo-notifications-center-handler:not([data-badge-read=""]):after {
13257 content: attr(data-badge-read);
13258 background: var(--vbo-red-color);
13259 color: var(--vbo-contrast-text-color);
13260 height: 18px;
13261 border: 1px solid var(--vbo-contrast-text-color);
13262 text-align: center;
13263 position: absolute;
13264 top: -5px;
13265 right: -11px;
13266 font-size: 11px;
13267 line-height: 18px;
13268 border-radius: 6px;
13269 padding: 0px 4px;
13270 }
13271 .vbo-notifications-center-handler.shaking:not([data-badge-read=""]):after {
13272 -webkit-animation-name: vik-zoom-in-zoom-out;
13273 animation-name: vik-zoom-in-zoom-out;
13274 transform-origin: center bottom;
13275 -webkit-animation-duration: 1s;
13276 animation-duration: 1s;
13277 -webkit-animation-fill-mode: both;
13278 animation-fill-mode: both;
13279 -webkit-animation-iteration-count: 1;
13280 animation-iteration-count: 1;
13281 }
13282 @keyframes vik-zoom-in-zoom-out {
13283 0% {
13284 transform: scale(1, 1);
13285 }
13286 50% {
13287 transform: scale(1.2, 1.2);
13288 }
13289 100% {
13290 transform: scale(1, 1);
13291 }
13292 }
13293 .vbo-menu-updates .vbo-notifications-center-handler > i {
13294 margin: 0;
13295 }
13296 .vbo-notifications-center-wrap {
13297 background: var(--vbo-config-bg-color);
13298 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
13299 width: 35vw;
13300 min-width: 180px;
13301 border-radius: 10px;
13302 margin: 0;
13303 position: absolute;
13304 z-index: 100;
13305 padding: 22px;
13306 visibility: visible;
13307 top: 57px;
13308 right: 0;
13309 }
13310 .vbo-notifications-center-wrap:before {
13311 width: 0;
13312 height: 0;
13313 border-style: solid;
13314 border-width: 0 7.5px 7px 7.5px;
13315 border-color: transparent transparent var(--vbo-config-bg-color) transparent;
13316 content: "";
13317 position: absolute;
13318 top: -7px;
13319 right: 23px;
13320 }
13321 .vbo-notifications-center-wrap.vbo-notifications-center-on {
13322 display: inline-block;
13323 }
13324 .vbo-notifications-center-wrap.vbo-notifications-center-off {
13325 display: none;
13326 }
13327 .vbo-notifications-center-inner .vbo-notifications-center-loading {
13328 position: relative;
13329 padding: 50px;
13330 }
13331 .vbo-notifications-center-inner .vbo-notifications-center-loading i {
13332 position: absolute;
13333 top: 50%;
13334 left: 50%;
13335 transform: translate(-50%, -50%);
13336 font-size: 24px;
13337 }
13338 .vbo-menu-updates .vbo-notifications-center-wrap {
13339 padding: 10px 22px 22px;
13340 }
13341 .vbo-menu-updates .vbo-admin-widget-head {
13342 border-bottom: 0;
13343 }
13344 .vbo-menu-updates .vbo-notifications-center-inner .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
13345 padding: 0px 0 8px 10px;
13346 }
13347 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 {
13348 padding: 0px 0 3px 0;
13349 }
13350 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 i {
13351 display: none;
13352 }
13353 .vbo-menu-updates .vbo-notifications-center-inmenu-widget .vbo-suggest-notifications-btn:hover {
13354 background: none;
13355 }
13356
13357 /* New Overlay */
13358 .vbo-modal-overlay-block {
13359 position: fixed;
13360 left: 0;
13361 top: 0;
13362 width: 100%;
13363 height: 100%;
13364 background-color: rgba(6, 52, 77, 0.58);
13365 display: none;
13366 z-index: 2147483647 !important;
13367 }
13368 .vbo-modal-overlay-block-geomap-lowerzindex {
13369 z-index: 99999 !important;
13370 }
13371 .vbo-modal-overlay-block .vbo-modal-overlay-close {
13372 display: block;
13373 height: 100%;
13374 cursor: default;
13375 }
13376 .vbo-modal-overlay-block .vbo-modal-overlay-content {
13377 position: fixed;
13378 left: 50%;
13379 top: 50%;
13380 transform: translate(-50%, -50%);
13381 width: 40%;
13382 height: 60%;
13383 z-index: 101;
13384 border-radius: 5px;
13385 background-color: var(--vbo-config-bg-color);
13386 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
13387 overflow: auto;
13388 -webkit-font-smoothing: antialiased;
13389 }
13390 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
13391 width: 65%;
13392 height: 85%;
13393 border-radius: 16px;
13394 }
13395 .vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen {
13396 width: 100%;
13397 height: 100%;
13398 }
13399 .vik-contentbuilder-textmode-sptags {
13400 float: none;
13401 display: flex;
13402 flex-wrap: wrap;
13403 gap: 4px;
13404 }
13405 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
13406 width: 65%;
13407 height: 85%;
13408 }
13409 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
13410 height: 80%;
13411 }
13412 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-dialog, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-dialog {
13413 height: 50%;
13414 }
13415 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tooltip, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tooltip {
13416 width: 400px;
13417 max-width: 70%;
13418 height: auto;
13419 }
13420 .vbo-modal-tooltip .vbo-modal-overlay-content-body {
13421 padding: 20px;
13422 }
13423 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
13424 border-radius: 20px;
13425 }
13426 .vbo-modal-overlay-content-backdrop {
13427 position: absolute;
13428 height: 100%;
13429 width: 100%;
13430 background: rgba(0, 0, 0, .4);
13431 z-index: 100;
13432 }
13433 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
13434 left: -20px;
13435 width: calc(100% + 40px);
13436 }
13437 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
13438 position: absolute;
13439 top: 50%;
13440 left: 50%;
13441 transform: translate(-50%, -50%);
13442 }
13443 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
13444 font-size: 40px;
13445 color: #fff;
13446 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
13447 }
13448 .vbo-modal-overlay-content-head {
13449 padding: 20px;
13450 background: var(--vbo-config-child-bg-color);
13451 }
13452 .vbo-modal-overlay-content-head h3 > i {
13453 margin-right: 5px;
13454 color: var(--vbo-config-titles-color-light);
13455 }
13456 .vbo-modal-overlay-close-times {
13457 float: right;
13458 font-size: 20px;
13459 cursor: pointer;
13460 color: var(--vbo-config-title-color);
13461 padding: 10px;
13462 cursor: pointer;
13463 margin-top: -10px;
13464 display: inline-block;
13465 }
13466 .vbo-modal-overlay-close-times:hover {
13467 color: #619dca;
13468 }
13469 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
13470 background: var(--vbo-config-bg-color);
13471 padding: 0;
13472 }
13473 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
13474 position: absolute;
13475 right: 10px;
13476 top: 7px;
13477 margin: 0;
13478 padding: 0;
13479 }
13480 .vbo-modal-overlay-content-body {
13481 padding: 20px 20px 10px;
13482 }
13483 .vbo-modal-widget .vbo-modal-overlay-content-body {
13484 padding-top: 0;
13485 }
13486 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
13487 padding: 0 5px;
13488 }
13489 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
13490 padding: 35px 35px 10px;
13491 }
13492 .vbo-modal-overlay-content-footer {
13493 margin-top: 15px;
13494 text-align: right;
13495 position: absolute;
13496 width: calc(100% - 40px);
13497 right: 0;
13498 bottom: 0;
13499 border-top: 1px solid var(--vbo-config-border-color);
13500 background: var(--vbo-config-child-bg-color);
13501 padding: 10px 20px;
13502 box-sizing: content-box;
13503 }
13504 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
13505 float: left;
13506 }
13507 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
13508 font-size: 16px;
13509 font-weight: bold;
13510 }
13511 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
13512 text-align: center;
13513 padding: 10px 20px 10px;
13514 height: calc(100% - 78.2px);
13515 position: relative;
13516 }
13517 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
13518 top: 50%;
13519 left: 50%;
13520 transform: translate(-50%, -50%);
13521 position: absolute;
13522 }
13523 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
13524 border-radius: 6px;
13525 box-shadow: 0 0 10px rgba(0,0,0,.4);
13526 max-width: 80%;
13527 }
13528 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
13529 height: calc(100% - 100px);
13530 }
13531 .vbo-modal-overlay-content {
13532 -webkit-animation-name: VikfadeInUp;
13533 animation-name: VikfadeInUp;
13534
13535 -webkit-animation-duration: .5s;
13536 animation-duration: .5s;
13537 -webkit-animation-fill-mode: both;
13538 animation-fill-mode: both;
13539 }
13540 .vbo-optionals-dmgdepbcom-trigger {
13541 white-space: nowrap;
13542 }
13543
13544 @-webkit-keyframes VikfadeInUp {
13545 from {
13546 opacity: 0;
13547 -webkit-transform: translate3d(-50%, -20%, 0);
13548 transform: translate3d(-50%, -20%, 0);
13549 }
13550
13551 to {
13552 opacity: 1;
13553 -webkit-transform: translate3d(-50%, -50%, 0);
13554 transform: translate3d(-50%, -50%, 0);
13555 }
13556 }
13557
13558 @keyframes VikfadeInUp {
13559 from {
13560 opacity: 0;
13561 -webkit-transform: translate3d(-50%, -20%, 0);
13562 transform: translate3d(-50%, -20%, 0);
13563 }
13564
13565 to {
13566 opacity: 1;
13567 -webkit-transform: translate3d(-50%, -50%, 0);
13568 transform: translate3d(-50%, -50%, 0);
13569 }
13570 }
13571
13572 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
13573 margin-top: 15px;
13574 }
13575 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
13576 padding: 10px;
13577 display: flex;
13578 flex-wrap: wrap;
13579 border-bottom: 1px solid var(--vbo-config-border-color);
13580 }
13581 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
13582 flex: 1;
13583 font-weight: bold;
13584 font-size: 1.1em;
13585 align-self: center;
13586 }
13587 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
13588 margin: 0 15px;
13589 align-self: center;
13590 font-weight: bold;
13591 }
13592 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
13593 margin-left: auto;
13594 }
13595 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
13596 padding: 3px 6px;
13597 }
13598 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
13599 margin-right: 0;
13600 }
13601 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
13602 padding: 3px 6px;
13603 }
13604 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
13605 margin-right: 0;
13606 }
13607 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
13608 border: 1px solid var(--vbo-config-border-color);
13609 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13610 border-radius: 10px;
13611 margin-bottom: 10px;
13612 }
13613 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
13614 border-color: var(--vbo-base-color);
13615 }
13616 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
13617 display: grid;
13618 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
13619 column-gap: 20px;
13620 row-gap: 5px;
13621 padding: 10px;
13622 }
13623 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
13624 display: block;
13625 font-weight: 500;
13626 }
13627 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
13628 width: 100%;
13629 display: flex;
13630 border-radius: 6px;
13631 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13632 }
13633 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
13634 flex: 1;
13635 border-color: var(--vbo-config-border-color);
13636 border-top-left-radius: 6px;
13637 border-bottom-left-radius: 6px;
13638 }
13639 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
13640 box-shadow: none;
13641 }
13642 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
13643 border-top-right-radius: 6px;
13644 border-bottom-right-radius: 6px;
13645 }
13646 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
13647 margin: 0px 0 15px;
13648 }
13649 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem:last-child {
13650 margin-bottom: 0;
13651 }
13652 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
13653 font-weight: 500;
13654 display: block;
13655 margin-bottom: 4px;
13656 }
13657 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
13658 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
13659 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
13660 min-width: 50%;
13661 }
13662 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
13663 border: 1px solid #ddd;
13664 border-radius: 2px;
13665 padding: 8px 10px;
13666 margin-bottom: 0;
13667 box-sizing: border-box;
13668 height: auto;
13669 }
13670 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
13671 margin-bottom: 0;
13672 border-radius: 2px;
13673 border: 1px solid var(--vbo-config-border-color);
13674 padding: 8px 10px;
13675 height: inherit;
13676 }
13677 .vbo-modal-overlay-content-body .vbo-modal-guestmisconduct-addnew-save, .vbo-modal-overlay-content-body .vbo-modal-bcomdmgdeposit-addnew-save {
13678 margin-top: 15px;
13679 }
13680
13681 /* Content Builder */
13682 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13683 border: 1px solid var(--vbo-config-border-color);
13684 }
13685 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13686 color: var(--vbo-config-titles-color-light);
13687 }
13688 .ql-toolbar .ql-stroke {
13689 stroke: var(--vbo-config-titles-color-light);
13690 }
13691 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13692 fill: var(--vbo-config-titles-color-light);
13693 }
13694 .ql-toolbar .ql-formats > button {
13695 color: var(--vbo-config-titles-color-light);
13696 }
13697 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13698 border-color: var(--vbo-config-border-color);
13699 }
13700 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13701 border: 0;
13702 }
13703 .ql-snow .ql-picker-options {
13704 background-color: var(--vbo-config-bg-color)
13705 }
13706 .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 {
13707 color: var(--vbo-base-color);
13708 }
13709 .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 {
13710 stroke: var(--vbo-base-color);
13711 }
13712 .ql-editor {
13713 min-height: 200px;
13714 max-height: 75vh;
13715 }
13716 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13717 background: #fbfbfb;
13718 border-radius: 6px;
13719 border-top: 1px solid var(--vbo-config-border-color);
13720 }
13721 .ql-toolbar.ql-snow {
13722 border: 0;
13723 padding: 8px 0;
13724 }
13725 .ql-toolbar.ql-snow .ql-formats {
13726 background: var(--vbo-body-bg-color);
13727 border: 1px solid var(--vbo-config-border-color);
13728 padding: 5px;
13729 border-radius: 6px;
13730 }
13731 .ql-snow .ql-tooltip {
13732 background-color: var(--vbo-config-bg-color);
13733 border: 1px solid var(--vbo-config-border-color);
13734 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13735 padding: 30px 12px 10px;
13736 border-radius: 4px;
13737 color: inherit;
13738 }
13739 .ql-snow .ql-tooltip::before {
13740 position: absolute;
13741 top: 4px;
13742 }
13743 .ql-snow .ql-tooltip .ql-action {
13744 background-color: var(--vbo-base-color);
13745 border: 1px solid var(--vbo-base-color);
13746 color: #fff;
13747 display: inline-block;
13748 padding: 5px 10px;
13749 }
13750 .ql-snow .ql-tooltip .ql-action:after {
13751 margin-left: 0 !important;
13752 }
13753 .ql-snow .ql-tooltip .ql-action:hover {
13754 background-color: var(--vbo-base-color-hover);
13755 border: 1px solid var(--vbo-base-color-hover);
13756 }
13757 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13758 background-color: rgba(59, 193, 255, 0.2);
13759 }
13760 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13761 height: 30px;
13762 background: transparent;
13763 }
13764 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13765 border-style: solid;
13766 border-color: var(--vbo-config-text-color-light);
13767 border-width: 1px 0 0 0;
13768 border-radius: 20px;
13769 }
13770 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13771 border-style: solid;
13772 border-color: var(--vbo-config-text-color-light);
13773 border-width: 0 0 1px 0;
13774 border-radius: 20px;
13775 }
13776 .vik-contentbuilder-switcher {
13777 margin-bottom: 2px;
13778 }
13779 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13780 background: var(--vbo-input-style-deactive);
13781 border-color: var(--vbo-config-border-color);
13782 }
13783 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13784 border-color: var(--vbo-base-color-hover);
13785 }
13786 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13787 background: var(--vbo-middle-color-btn);
13788 border-color: var(--vbo-config-border-color);
13789 }
13790 /* Start - iOS-style toggle/switch button */
13791 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13792 margin: auto;
13793 padding: 20px 0;
13794 width: 55px;
13795 margin-top: 20px;
13796 border-radius: 5px;
13797 }
13798 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13799 opacity: 0;
13800 position: absolute;
13801 }
13802 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13803 position: relative;
13804 display: inline-block;
13805 user-select: none;
13806 transition: .4s ease;
13807 height: 30px;
13808 width: 50px;
13809 border: 1px solid var(--vbo-config-bg-color);
13810 border-radius: 60px;
13811 }
13812 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13813 content: "";
13814 position: absolute;
13815 display: block;
13816 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13817 height: 30px;
13818 width: 51px;
13819 top: 0;
13820 left: 0;
13821 border-radius: 30px;
13822 background: var(--vbo-config-border-color);
13823 }
13824 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13825 content: "";
13826 position: absolute;
13827 display: block;
13828 /*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);*/
13829 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13830 background: var(--vbo-config-bg-color);
13831 height: 24px;
13832 width: 24px;
13833 top: 3px;
13834 left: 3px;
13835 border-radius: 60px;
13836 }
13837 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13838 background: var(--vbo-green-color);
13839 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13840 }
13841 .vbo-iostoggle-wrap.blue input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.blue input.vik-iostoggle-elem:checked + label:before {
13842 background: var(--vbo-base-color);
13843 }
13844 .vbo-iostoggle-wrap.orange input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.orange input.vik-iostoggle-elem:checked + label:before {
13845 background: var(--vbo-orange-color);
13846 }
13847 .vbo-iostoggle-wrap.red input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.red input.vik-iostoggle-elem:checked + label:before {
13848 background: var(--vbo-red-color);
13849 }
13850 .vbo-iostoggle-wrap.gold input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.gold input.vik-iostoggle-elem:checked + label:before {
13851 background: var(--vbo-gold-color);
13852 }
13853 .vbo-iostoggle-wrap.purple input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.purple input.vik-iostoggle-elem:checked + label:before {
13854 background: var(--vbo-purple-color);
13855 }
13856 .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 {
13857 background: var(--vbo-red-color);
13858 }
13859 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
13860 left: 24px;
13861 }
13862 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
13863 color: var(--vbo-config-titles-color-light);
13864 content: attr(data-off);
13865 top: 6px;
13866 left: 60px;
13867 width: 36px;
13868 position: absolute;
13869 height: 10px;
13870 }
13871 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
13872 color: rgba(19,191,17,1);
13873 content: attr(data-on);
13874 }
13875 /* End - iOS-style toggle/switch button */
13876
13877 /* multi toogle/switch button - Start */
13878 .vik-multiswitch-wrap {
13879 position: relative;
13880 display: inline-flex;
13881 justify-content: center;
13882 align-items: flex-start;
13883 border: 1px solid var(--vbo-config-border-color);
13884 border-radius: 16px;
13885 min-width: 150px;
13886 height: 50px;
13887 }
13888 .vik-multiswitch-radiobtn {
13889 display: flex;
13890 justify-content: center;
13891 align-items: center;
13892 height: 100%;
13893 flex: 1;
13894 }
13895 .vik-multiswitch-radiobtn input {
13896 display: none !important;
13897 }
13898 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13899 width: 50px;
13900 height: 50px;
13901 border-radius: 50%;
13902 display: inline-block;
13903 transition: opacity 0.3s ease;
13904 opacity: 0.3;
13905 top: 0;
13906 cursor: pointer;
13907 }
13908 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13909 position: absolute;
13910 left: 33%;
13911 transition: transform 1s;
13912 width: 50px;
13913 height: 50px;
13914 background: transparent;
13915 }
13916 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13917 position: absolute;
13918 left: 0;
13919 text-align: center;
13920 }
13921 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13922 width: 50px;
13923 height: 50px;
13924 -moz-animation-duration: 0.4s;
13925 -moz-animation-name: slideFirst;
13926 -webkit-animation-duration: 0.4s;
13927 -webkit-animation-name: slideFirst;
13928 animation-duration: 0.4s;
13929 animation-name: slideFirst;
13930 -webkit-transform: translateZ(0);
13931 background-color: var(--vbo-green-color);
13932 }
13933 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13934 border-radius: 15px;
13935 background: var(--vbo-basic-btn);
13936 opacity: 0.7;
13937 }
13938 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13939 position: absolute;
13940 right: 0;
13941 text-align: center;
13942 }
13943 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13944 -moz-animation-duration: 0.4s;
13945 -moz-animation-name: slideLast;
13946 -webkit-animation-duration: 0.4s;
13947 -webkit-animation-name: slideLast;
13948 animation-duration: 0.4s;
13949 animation-name: slideLast;
13950 -webkit-transform: translateZ(0);
13951 width: 50px;
13952 height: 50px;
13953 background-color: var(--vbo-red-color);
13954 }
13955 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13956 opacity: 1;
13957 display: inline-block;
13958 z-index: 0;
13959 }
13960 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13961 background-color: var(--vbo-basic-btn);
13962 }
13963 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13964 background-color: #222;
13965 }
13966 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13967 background-color: #b1e0e2;
13968 }
13969 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13970 color: #0f1216;
13971 }
13972 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13973 color: #fff;
13974 }
13975 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13976 position: relative;
13977 z-index: 1;
13978 color: var(--vbo-body-text-color);
13979 font-size: 13px;
13980 }
13981 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13982 font-size: 16px;
13983 }
13984 .vik-multiswitch-noanimation {
13985 border-radius: 18px;
13986 }
13987 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13988 position: relative;
13989 padding: 5px 10px;
13990 box-sizing: border-box;
13991 }
13992 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13993 width: 50px;
13994 height: 50px;
13995 border-radius: 15px;
13996 }
13997 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13998 position: absolute;
13999 left: 0;
14000 }
14001 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
14002 position: absolute;
14003 right: 0;
14004 }
14005 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
14006 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
14007 animation: none !important;
14008 }
14009 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
14010 width: 100%;
14011 height: 100%;
14012 border-radius: 15px;
14013 position: absolute;
14014 left: 0;
14015 }
14016 .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 {
14017 background-color: var(--vbo-base-color);
14018 }
14019 .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 {
14020 color: #fff;
14021 }
14022 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14023 float: right;
14024 margin: 12px 15px 10px 20px;
14025 }
14026 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
14027 height: 40px;
14028 }
14029
14030 @keyframes slideFirst {
14031 from {
14032 transform: translate(100%, 0);
14033 }
14034 to {
14035 transform: translate(0px, 0px);
14036 }
14037 }
14038
14039
14040 @keyframes slideLast {
14041 from {
14042 transform: translate(-100%,0);
14043 }
14044 to {
14045 transform: translate( 0px, 0px);
14046 }
14047 }
14048
14049 /* Multi toogle/switch button - end */
14050
14051 /* New Dashboard 2021 */
14052 .vbo-admin-widgets-commands {
14053 display: inline-block;
14054 width: 100%;
14055 }
14056 .vbo-admin-widgets-commands-mng {
14057 display: inline-block;
14058 border: 1px solid var(--vbo-config-border-color);
14059 border-radius: 4px;
14060 background: var(--vbo-config-bg-color);
14061 padding: 5px 10px;
14062 float: right;
14063 }
14064 .vbo-admin-widgets-commands-mng-lbl {
14065 display: inline-block;
14066 vertical-align: top;
14067 margin-top: 10px;
14068 margin-left: 5px;
14069 cursor: pointer;
14070 }
14071 .vbo-admin-widgets-commands-mng-toggle {
14072 display: inline-block;
14073 margin-top: 5px;
14074 }
14075 .vbo-admin-widgets-commands-mng-toggle label {
14076 margin-bottom: 0;
14077 }
14078 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
14079 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
14080 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
14081 height: 26px;
14082 }
14083 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
14084 margin-bottom: 0;
14085 }
14086 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
14087 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
14088 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
14089 height: 20px;
14090 width: 20px;
14091 top: 3px;
14092 }
14093 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
14094 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
14095 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
14096 left: 28px;
14097 }
14098 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
14099 height: 26px;
14100 }
14101 .vbo-admin-widgets-commands-info {
14102 font-weight: bold;
14103 float: left;
14104 margin-left: 5px;
14105 }
14106 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
14107 display: block;
14108 margin-bottom: 4px;
14109 }
14110 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
14111 color: var(--vbo-red-color);
14112 }
14113 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
14114 display: inline-block;
14115 vertical-align: top;
14116 }
14117 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
14118 background: var(--vbo-config-bg-color);
14119 border: 1px solid var(--vbo-config-border-color);
14120 color: var(--vbo-config-titles-color-light);
14121 padding: 4px 12px;
14122 }
14123 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
14124 border-color: var(--vbo-blue-color);
14125 color: var(--vbo-blue-color);
14126 }
14127 .vbo-admin-widgets-section {
14128 display: flex;
14129 flex-wrap: wrap;
14130 gap: 12px;
14131 }
14132 /* Safari 10.1+ */
14133 @media not all and (min-resolution:.001dpcm) {
14134 @media {
14135 .vbo-admin-widgets-section > * + * {
14136 margin-left: 12px;
14137 }
14138 }
14139 }
14140 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
14141 flex-basis: 100%;
14142 font-size: 16px;
14143 font-weight: bold;
14144 margin-left: 8px;
14145 }
14146 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
14147 display: inline-block;
14148 margin-right: 7px;
14149 font-size: 14px;
14150 cursor: grab;
14151 }
14152 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
14153 color: #2d719a;
14154 }
14155 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
14156 display: flex;
14157 }
14158 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
14159 margin-left: auto;
14160 margin-right: 10px;
14161 font-size: 14px;
14162 color: #2d719a;
14163 cursor: pointer;
14164 }
14165 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
14166 color: #333;
14167 margin-left: 16px;
14168 }
14169 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
14170 color: #2d719a;
14171 }
14172 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
14173 color: #182381;
14174 }
14175 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
14176 font-size: 16px;
14177 font-weight: bold;
14178 padding: 10px 10px 0;
14179 }
14180 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
14181 flex: 1;
14182 display: flex;
14183 margin-top: 6px;
14184 }
14185 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
14186 display: inline-block;
14187 margin-left: auto;
14188 font-size: 14px;
14189 color: #2d719a;
14190 }
14191 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
14192 color: var(--vbo-red-color);
14193 cursor: pointer;
14194 }
14195 .vbo-admin-widgets-widget-info-drag:hover {
14196 color: #2d719a;
14197 }
14198 .vbo-admin-widgets-section .vbo-admin-widgets-container {
14199 flex: 1;
14200 flex-grow: 0;
14201 }
14202 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
14203 flex-basis: content;
14204 flex-grow: 0;
14205 }
14206 /*
14207 * Size Add box Container: 120px + 20px of padding = 120px;
14208 * Total margin of EACH container: 8px;
14209 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
14210 * Formula: Calc((container size - (add box total size / numb. containers)));
14211
14212 * Small Size */
14213 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
14214 flex-basis: calc(25% - 12px);
14215 max-width: 25%;
14216 }
14217 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
14218 flex-basis: calc((25% - 166px));
14219 }
14220 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
14221 flex-basis: calc((25% - (174px / 2)));
14222 }
14223 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
14224 flex-basis: calc((25% - (182px / 3)));
14225 }
14226 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
14227 flex-basis: calc((25% - (194px / 4)));
14228 }
14229 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
14230 flex-grow: 1;
14231 }
14232 /* Medium Size */
14233 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
14234 flex-basis: calc(50% - 12px);
14235 max-width: 50%;
14236 }
14237 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
14238 flex-basis: calc((50% - (174px / 2)));
14239 }
14240 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
14241 flex-basis: calc((50% - (182px / 3)));
14242 }
14243 /* Large Size */
14244 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
14245 flex-basis: calc((100% / 2) + (100% / 5));
14246 }
14247 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
14248 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
14249 }
14250 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
14251 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
14252 }
14253 /* Full Width */
14254 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
14255 width: 100%;
14256 flex-basis: inherit;
14257 }
14258 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
14259 flex-basis: calc(100% - 166px);
14260 }
14261 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
14262 background: #d8f4ff;
14263 border-radius: 10px;
14264 margin: 10px 4px;
14265 position: relative;
14266 padding-bottom: 115px;
14267 }
14268 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
14269 margin: 10px 8px;
14270 }
14271 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
14272 flex-basis: 150px;
14273 min-height: 100px;
14274 padding-bottom: 0;
14275 }
14276 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
14277 margin: 5px 0 10px;
14278 font-size: 14px;
14279 font-weight: bold;
14280 background: var(--vbo-config-child-bg-color);
14281 border: 1px solid var(--vbo-config-border-color);
14282 border-left: 2px solid #4c93af;
14283 border-radius: 4px;
14284 padding: 10px;
14285 }
14286 .vbo-modal-widgets-form-data-field label {
14287 display: block;
14288 margin-bottom: 5px;
14289 }
14290 .vbo-modal-widgets-form-data-field select {
14291 margin-bottom: 10px;
14292 }
14293 .vbo-modal-widgets-form-data-fields .select2-container {
14294 width: 180px !important;
14295 }
14296 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
14297 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
14298 .vbo-sticky-note-cmd-drag {
14299 -webkit-touch-callout: none;
14300 -webkit-user-select: none;
14301 -khtml-user-select: none;
14302 -moz-user-select: none;
14303 -ms-user-select: none;
14304 user-select: none;
14305 }
14306 .vbo-admin-widgets-wrap {
14307 padding: 8px;
14308 }
14309 .vbo-admin-widgets-widget .table-responsive {
14310 display: inline-block;
14311 width: 100%;
14312 max-height: 300px;
14313 overflow-y: scroll !important;
14314 }
14315 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
14316 background: #bdd5ea;
14317 padding: 10px;
14318 border-radius: 10px;
14319 margin: 15px 0;
14320 }
14321 .vbo-admin-widgets-widget-info-inner {
14322 padding: 15px;
14323 }
14324 .vbo-admin-widgets-widget-addnew {
14325 box-shadow: none;
14326 }
14327 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
14328 background: var(--vbo-config-bg-color);
14329 border: 1px solid #838383;
14330 color: var(--vbo-config-text-color-light);
14331 border-radius: 16px;
14332 cursor: pointer;
14333 }
14334 .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 {
14335 padding: 0px 10px;
14336 text-align: center;
14337 font-size: 38px;
14338 }
14339 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
14340 background: #bdd5ea;
14341 color: #838383;
14342 padding: 0px;
14343 }
14344 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
14345 color: #838383;
14346 position: relative;
14347 cursor: pointer;
14348 border-radius: 10px;
14349 }
14350 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
14351 padding: 30px 10px;
14352 }
14353 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
14354 .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 {
14355 color: #fff;
14356 background: #4c93af;
14357 border: 0;
14358 }
14359 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
14360 color: #fff;
14361 }
14362 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
14363 height: 100%;
14364 margin: 0;
14365 }
14366 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
14367 width: 100%;
14368 border-radius: 10px;
14369 }
14370 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
14371 background: #4c93af;
14372 color: #fff;
14373 cursor: pointer;
14374 }
14375 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
14376 padding: 20px 0;
14377 display: inline-block;
14378 }
14379 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
14380 position: absolute;
14381 top: 50%;
14382 left: 50%;
14383 transform: translate(-50%, -50%);
14384 }
14385 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
14386 height: 100px;
14387 position: absolute;
14388 width: calc(100% - 15px);
14389 bottom: 0;
14390 }
14391 .vbo-admin-widgets-plus-box {
14392 display: block;
14393 margin: 0 auto;
14394 }
14395 .vbo-admin-widgets-widget-details {
14396 display: flex;
14397 }
14398 .vbo-admin-widgets-widget-details h4 {
14399 font-size: 16px;
14400 }
14401 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
14402 margin-left: auto;
14403 display: inline-block;
14404 padding: 5px 5px 5px 0;
14405 cursor: grab;
14406 }
14407 .vbo-admin-widgets-widget-info-descr {
14408 font-size: 14px;
14409 }
14410 .vbo-admin-widgets-container-tmpdrop {
14411 border: 2px dashed #4c93af;
14412 background: #ecf6fa;
14413 height: 82px;
14414 width: calc(100% - 20px);
14415 border-radius: 16px;
14416 }
14417 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
14418 margin-top: 15px;
14419 position: relative;
14420 }
14421 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
14422 display: grid;
14423 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
14424 }
14425 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
14426 display: flex;
14427 flex-wrap: wrap;
14428 align-content: baseline;
14429 border: 1px solid var(--vbo-basic-btn);
14430 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
14431 border-radius: 10px;
14432 margin: 10px 10px 2px;
14433 padding: 0 0 10px;
14434 }
14435 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
14436 flex-basis: 100%;
14437 margin-bottom: 4px;
14438 margin-top: 10px;
14439 font-size: 1.1em;
14440 border-bottom: 1px solid var(--vbo-basic-btn);
14441 padding: 0 10px 10px;
14442 }
14443 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
14444 padding: 5px 10px 0px;
14445 }
14446 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
14447 margin-bottom: 3px;
14448 }
14449 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
14450 margin-bottom: 0;
14451 }
14452 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
14453 margin-left: auto;
14454 padding: 10px;
14455 }
14456 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
14457 border-top: 0 !important;
14458 }
14459 .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 {
14460 list-style: none;
14461 word-break: break-word;
14462 }
14463 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
14464 padding: 10px;
14465 margin-left: 0;
14466 }
14467 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14468 text-decoration: none;
14469 color: #000;
14470 background: #ffc;
14471 display: block;
14472 min-height: 100px;
14473 width: calc(25% - 80px);
14474 padding: 15px;
14475 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
14476 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
14477 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
14478 -moz-transition: -moz-transform .15s linear;
14479 -o-transition: -o-transform .15s linear;
14480 -webkit-transition: -webkit-transform .15s linear;
14481 }
14482 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14483 margin: 25px 20px;
14484 display: inline-block;
14485 vertical-align: top;
14486 line-height: 23px;
14487 }
14488 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14489 width: calc(33% - 80px);
14490 }
14491 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
14492 padding: 0px 0 20px;
14493 margin-bottom: 0;
14494 }
14495 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14496 width: calc(70% - 100px);
14497 margin: 25px 20px 20px;
14498 }
14499 [contenteditable] {
14500 -webkit-user-select: text;
14501 user-select: text;
14502 }
14503 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14504 width: calc(40% - 100px);
14505 }
14506 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
14507 font-size: 18px;
14508 font-weight: bold;
14509 margin-bottom: 5px;
14510 margin-top: 5px;
14511 color: #444;
14512 }
14513 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
14514 margin-top: 0;
14515 }
14516 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
14517 margin: 0;
14518 }
14519 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
14520 cursor: pointer;
14521 }
14522 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14523 -webkit-transform: rotate(-6deg);
14524 -o-transform: rotate(-6deg);
14525 -moz-transform: rotate(-6deg);
14526 font-size: 18px;
14527 }
14528 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
14529 -o-transform: rotate(4deg);
14530 -webkit-transform: rotate(4deg);
14531 -moz-transform: rotate(4deg);
14532 position: relative;
14533 top: 5px;
14534 }
14535 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
14536 -o-transform: rotate(-3deg);
14537 -webkit-transform: rotate(-3deg);
14538 -moz-transform: rotate(-3deg);
14539 position: relative;
14540 top: -5px;
14541 }
14542 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
14543 -o-transform: rotate(5deg);
14544 -webkit-transform: rotate(5deg);
14545 -moz-transform: rotate(5deg);
14546 position: relative;
14547 top: -10px;
14548 }
14549 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
14550 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14551 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14552 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14553 -webkit-transform: scale(1.1);
14554 -moz-transform: scale(1.1);
14555 -o-transform: scale(1.1);
14556 position: relative;
14557 z-index: 5;
14558 background: #fff5cd;
14559 }
14560 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
14561 display: flex;
14562 color: #444;
14563 }
14564 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
14565 display: inline-block;
14566 padding: 5px;
14567 cursor: pointer;
14568 font-size: 14px;
14569 }
14570 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
14571 margin-left: auto;
14572 padding-right: 0;
14573 }
14574 .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 {
14575 color: var(--vbo-red-color);
14576 }
14577 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
14578 padding-left: 0;
14579 }
14580 .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 {
14581 color: #2d719a;
14582 }
14583 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
14584 font-size: .85em;
14585 font-style: italic;
14586 text-align: right;
14587 margin-top: 10px;
14588 }
14589 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
14590 list-style-type: disc;
14591 }
14592 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14593 height: 70px;
14594 width: calc(25% - 80px);
14595 min-height: inherit;
14596 border: 2px solid #ffe8a2;
14597 background: #fff5cd;
14598 padding: 0;
14599 }
14600 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
14601 position: relative;
14602 height: 100%;
14603 padding: 15px;
14604 box-sizing: border-box;
14605 cursor: pointer;
14606 }
14607 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
14608 background: #ffc;
14609 }
14610 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
14611 position: absolute;
14612 top: 50%;
14613 left: 50%;
14614 transform: translate(-50%, -50%);
14615 font-size: 26px;
14616 }
14617 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
14618 margin-top: 20px;
14619 font-size: 16px;
14620 width: auto;
14621 }
14622 .vbo-widget-visitscounter-wrap {
14623 display: flex;
14624 flex-wrap: wrap;
14625 justify-content: center;
14626 margin: 10px 20px 0;
14627 padding-bottom: 10px;
14628 }
14629 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14630 flex-basis: calc(50% - 52px);
14631 background: var(--vbo-config-bg-color);
14632 border: 1px solid var(--vbo-basic-btn);
14633 border-bottom: 3px solid var(--vbo-basic-btn);
14634 padding: 20px;
14635 border-radius: 16px;
14636 margin: 5px;
14637 position:relative;
14638 }
14639 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
14640 height: 30px;
14641 width: 4px;
14642 background: var(--vbo-blue-color);
14643 content: "";
14644 position: absolute;
14645 left: -3px;
14646 top: 17px;
14647 }
14648 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
14649 font-weight: 500;
14650 color: var(--vbo-config-titles-color-light);
14651 margin-top: 10px;
14652 font-size: 14px;
14653 }
14654 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
14655 font-size: 26px;
14656 font-weight: bold;
14657 letter-spacing: 1px;
14658 white-space: nowrap;
14659 }
14660 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14661 flex-basis: calc(50% - 52px);
14662 }
14663 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
14664 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14665 flex-basis: calc(25% - 52px);
14666 }
14667 .vbo-widgets-welcome-inner {
14668 font-size: 14px;
14669 }
14670 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
14671 background: #bdd5ea;
14672 padding: 10px;
14673 border-radius: 10px;
14674 margin: 15px 0;
14675 display: flex;
14676 flex-wrap: wrap;
14677 }
14678 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
14679 font-size: 16px;
14680 font-weight: bold;
14681 margin-left: 8px;
14682 flex-basis: 100%;
14683 }
14684 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
14685 background: #d8f4ff;
14686 border-radius: 10px;
14687 margin: 10px 4px;
14688 position: relative;
14689 flex-basis: calc(50% - 8px);
14690 }
14691 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14692 font-size: 16px;
14693 font-weight: bold;
14694 padding: 10px 10px 0;
14695 display: block;
14696 }
14697 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14698 display: block;
14699 border-radius: 10px;
14700 margin: 12px 8px;
14701 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14702 background: #fff;
14703 }
14704 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14705 font-size: 14px;
14706 font-weight: bold;
14707 padding: 10px;
14708 display: block;
14709 }
14710 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14711 opacity: 0;
14712 }
14713 .vbo-widgets-welcome-animate {
14714 -webkit-animation-name: VikfadeInDown;
14715 animation-name: VikfadeInDown;
14716 -webkit-animation-duration: .5s;
14717 animation-duration: .5s;
14718 -webkit-animation-fill-mode: both;
14719 animation-fill-mode: both;
14720 }
14721 .vbo-inspector-colorpicker-wrap {
14722 border-radius: 3px;
14723 border: 1px solid var(--vbo-main-bg-color);
14724 background: var(--vbo-config-bg-color);
14725 display: inline-block;
14726 height: 23px;
14727 }
14728 .vbo-inspector-colorpicker {
14729 padding: 0 0px 0 24px;
14730 position: relative;
14731 cursor: pointer;
14732 height: 100%;
14733 display: inline-block;
14734 }
14735 .vbo-inspector-colorpicker:not([style*="background"]) {
14736 background-color: #fff;
14737 opacity: 0.7;
14738 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);
14739 background-position: 0 0, 5px 5px;
14740 background-size: 10px 10px;
14741 }
14742 .vbo-inspector-colorpicker i {
14743 background: var(--vbo-config-bg-color);
14744 padding: 5px;
14745 border-left: 1px solid var(--vbo-main-bg-color);
14746 }
14747 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14748 height: 90%;
14749 }
14750 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14751 display: flex;
14752 flex-wrap: wrap;
14753 }
14754 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14755 padding: 10px;
14756 border-radius: 8px;
14757 margin: 5px;
14758 flex-basis: calc(33% - 34px);
14759 background-origin: border-box !important;
14760 color: #fff;
14761 }
14762 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14763 background: rgb(2,0,36);
14764 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14765 }
14766 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14767 cursor: pointer;
14768 }
14769 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14770 display: flex;
14771 margin-bottom: 10px;
14772 }
14773 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14774 margin-right: 15px;
14775 font-size: 20px;
14776 }
14777 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14778 margin-left: auto;
14779 font-size: 16px;
14780 cursor: pointer;
14781 }
14782 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14783 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14784 }
14785 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14786 font-size: 1.1em;
14787 font-weight: bold;
14788 margin-bottom: 2px;
14789 }
14790 .vbo-admin-widget-style-light-red {
14791 background: rgb(2,0,36);
14792 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14793 }
14794 .vbo-admin-widget-style-light-blue {
14795 background: rgb(2,0,36);
14796 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14797 }
14798 .vbo-admin-widget-style-pink {
14799 background: rgb(2,0,36);
14800 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14801 }
14802 .vbo-admin-widget-style-green {
14803 background: rgb(2,0,36);
14804 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14805 }
14806 .vbo-admin-widget-style-light-orange {
14807 background: rgb(2,0,36);
14808 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14809 }
14810 .vbo-admin-widget-style-yellow {
14811 background: rgb(2,0,36);
14812 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14813 }
14814 .vbo-admin-widget-style-red {
14815 background: rgb(2,0,36);
14816 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14817 }
14818 .vbo-admin-widget-style-violet {
14819 background: rgb(2,0,36);
14820 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14821 }
14822 .vbo-admin-widget-style-orange {
14823 background: rgb(2,0,36);
14824 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14825 }
14826 .vbo-admin-widget-style-blue {
14827 background: rgb(2,0,36);
14828 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14829 }
14830 .vbo-admin-widget-style-brown {
14831 background: rgb(2,0,36);
14832 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14833 }
14834 .vbo-admin-widget-style-dark-blue {
14835 background: rgb(2,0,36);
14836 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14837 }
14838 .vbo-modal-widget-notselected {
14839 filter: brightness(60%);
14840 }
14841 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
14842 cursor: initial;
14843 font-size: 1.4em;
14844 margin-bottom: 10px;
14845 }
14846
14847 /* Side widget panel */
14848 .vbo-sidepanel-wrapper {
14849 position: fixed;
14850 top: 0;
14851 bottom: 0;
14852 right: 0;
14853 z-index: 2147483647;
14854 }
14855 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14856 background: var(--vbo-config-child-bg-color);
14857 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14858 position: absolute;
14859 top: 0;
14860 bottom: 0;
14861 width: 25vw;
14862 padding: 10px 0 6px 0;
14863 transition: 0.3s ease-in all;
14864 -moz-transition: 0.3s ease-in all;
14865 -webkit-transition: 0.3s ease-in all;
14866 }
14867 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14868 background: var(--vbo-config-child-bg-color);
14869 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14870 position: absolute;
14871 top: 0;
14872 bottom: 0;
14873 width: 88vw;
14874 padding: 10px 0 6px 0;
14875 transition: 0.3s ease-in all;
14876 -moz-transition: 0.3s ease-in all;
14877 -webkit-transition: 0.3s ease-in all;
14878 }
14879 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
14880 visibility: hidden;
14881 }
14882 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
14883 transition: all 0.3s;
14884 }
14885 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14886 transform: translateX(25vw);
14887 right: 0;
14888 top: 0;
14889 }
14890 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14891 transform: translateX(88vw);
14892 right: 0;
14893 top: 0;
14894 }
14895 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
14896 transform: translateX(0);
14897 }
14898 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
14899 transform: translateX(0);
14900 }
14901 .vbo-sidepanel-layouts {
14902 display: flex;
14903 margin-top: -10px;
14904 padding: 6px;
14905 }
14906 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
14907 padding-left: 4px;
14908 }
14909 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
14910 display: inline-block;
14911 border: 1px solid var(--vbo-config-border-color);
14912 padding: 0px 5px;
14913 border-radius: 4px;
14914 background: var(--vbo-input-style);
14915 cursor: pointer;
14916 opacity: .8;
14917 }
14918 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14919 opacity: 1;
14920 }
14921 .vbo-sidepanel-container .vbo-sidepanel-shortcut {
14922 position: absolute;
14923 bottom: 20px;
14924 left: 50%;
14925 transform: translateX(-50%);
14926 text-align: center;
14927 opacity: 0.5;
14928 }
14929 .vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-keys {
14930 font-size: 48px;
14931 line-height: 48px;
14932 display: inline-flex;
14933 }
14934 .vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-subdesc {
14935 font-size: 80%;
14936 }
14937 @media screen and (max-width: 450px) {
14938 .vbo-sidepanel-container .vbo-sidepanel-shortcut {
14939 display: none;
14940 }
14941 }
14942 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14943 flex: 1;
14944 margin-left: 10px;
14945 }
14946 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14947 background: transparent;
14948 border: 0;
14949 padding: 0;
14950 color: var(--vbo-orange-color);
14951 font-size: 13px;
14952 cursor: initial;
14953 }
14954 .vbo-sidepanel-notifications-off {
14955 color: var(--vbo-red-color);
14956 cursor: pointer;
14957 }
14958 .vbo-sidepanel-notifications-off:hover {
14959 color: var(--vbo-orange-color);
14960 }
14961 .vbo-sidepanel-notifications-off.shaking {
14962 font-size: 13px;
14963 width: 15px;
14964 height: 15px;
14965 margin: 0;
14966 -webkit-animation: ring 4s .7s ease-in-out ;
14967 -webkit-transform-origin: 50% 4px;
14968 -moz-animation: ring 4s .7s ease-in-out;
14969 -moz-transform-origin: 50% 4px;
14970 animation: ring 4s .7s ease-in-out;
14971 transform-origin: 50% 4px;
14972 }
14973 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14974 margin-left: 10px;
14975 }
14976 .vbo-admin-widgets-suggest-notifications-cont {
14977 display: inline-block;
14978 vertical-align: top;
14979 padding: 4px 6px;
14980 border-radius: 4px;
14981 border: 1px solid var(--vbo-config-border-color);
14982 }
14983 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
14984 margin-left: 0 !important;
14985 }
14986
14987 @-webkit-keyframes ring {
14988 0% { -webkit-transform: rotateZ(0); }
14989 1% { -webkit-transform: rotateZ(30deg); }
14990 3% { -webkit-transform: rotateZ(-28deg); }
14991 5% { -webkit-transform: rotateZ(34deg); }
14992 7% { -webkit-transform: rotateZ(-32deg); }
14993 9% { -webkit-transform: rotateZ(30deg); }
14994 11% { -webkit-transform: rotateZ(-28deg); }
14995 13% { -webkit-transform: rotateZ(26deg); }
14996 15% { -webkit-transform: rotateZ(-24deg); }
14997 17% { -webkit-transform: rotateZ(22deg); }
14998 19% { -webkit-transform: rotateZ(-20deg); }
14999 21% { -webkit-transform: rotateZ(18deg); }
15000 23% { -webkit-transform: rotateZ(-16deg); }
15001 25% { -webkit-transform: rotateZ(14deg); }
15002 27% { -webkit-transform: rotateZ(-12deg); }
15003 29% { -webkit-transform: rotateZ(10deg); }
15004 31% { -webkit-transform: rotateZ(-8deg); }
15005 33% { -webkit-transform: rotateZ(6deg); }
15006 35% { -webkit-transform: rotateZ(-4deg); }
15007 37% { -webkit-transform: rotateZ(2deg); }
15008 39% { -webkit-transform: rotateZ(-1deg); }
15009 41% { -webkit-transform: rotateZ(1deg); }
15010
15011 43% { -webkit-transform: rotateZ(0); }
15012 100% { -webkit-transform: rotateZ(0); }
15013 }
15014
15015 @-moz-keyframes ring {
15016 0% { -moz-transform: rotate(0); }
15017 1% { -moz-transform: rotate(30deg); }
15018 3% { -moz-transform: rotate(-28deg); }
15019 5% { -moz-transform: rotate(34deg); }
15020 7% { -moz-transform: rotate(-32deg); }
15021 9% { -moz-transform: rotate(30deg); }
15022 11% { -moz-transform: rotate(-28deg); }
15023 13% { -moz-transform: rotate(26deg); }
15024 15% { -moz-transform: rotate(-24deg); }
15025 17% { -moz-transform: rotate(22deg); }
15026 19% { -moz-transform: rotate(-20deg); }
15027 21% { -moz-transform: rotate(18deg); }
15028 23% { -moz-transform: rotate(-16deg); }
15029 25% { -moz-transform: rotate(14deg); }
15030 27% { -moz-transform: rotate(-12deg); }
15031 29% { -moz-transform: rotate(10deg); }
15032 31% { -moz-transform: rotate(-8deg); }
15033 33% { -moz-transform: rotate(6deg); }
15034 35% { -moz-transform: rotate(-4deg); }
15035 37% { -moz-transform: rotate(2deg); }
15036 39% { -moz-transform: rotate(-1deg); }
15037 41% { -moz-transform: rotate(1deg); }
15038
15039 43% { -moz-transform: rotate(0); }
15040 100% { -moz-transform: rotate(0); }
15041 }
15042
15043 @keyframes ring {
15044 0% { transform: rotate(0); }
15045 1% { transform: rotate(30deg); }
15046 3% { transform: rotate(-28deg); }
15047 5% { transform: rotate(34deg); }
15048 7% { transform: rotate(-32deg); }
15049 9% { transform: rotate(30deg); }
15050 11% { transform: rotate(-28deg); }
15051 13% { transform: rotate(26deg); }
15052 15% { transform: rotate(-24deg); }
15053 17% { transform: rotate(22deg); }
15054 19% { transform: rotate(-20deg); }
15055 21% { transform: rotate(18deg); }
15056 23% { transform: rotate(-16deg); }
15057 25% { transform: rotate(14deg); }
15058 27% { transform: rotate(-12deg); }
15059 29% { transform: rotate(10deg); }
15060 31% { transform: rotate(-8deg); }
15061 33% { transform: rotate(6deg); }
15062 35% { transform: rotate(-4deg); }
15063 37% { transform: rotate(2deg); }
15064 39% { transform: rotate(-1deg); }
15065 41% { transform: rotate(1deg); }
15066
15067 43% { transform: rotate(0); }
15068 100% { transform: rotate(0); }
15069 }
15070
15071 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
15072 margin-left: auto;
15073 padding-right: 5px;
15074 padding-top: 2px;
15075 }
15076 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
15077 cursor: pointer;
15078 width: 17px;
15079 display: inline-block;
15080 }
15081 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
15082 opacity: .8;
15083 }
15084 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
15085 opacity: 1;
15086 }
15087 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
15088 fill: var(--vbo-config-titles-color-light);
15089 }
15090 .vbo-sidepanel-container .vbo-sidepanel-search {
15091 position: relative;
15092 display: flex;
15093 }
15094 .vbo-sidepanel-container .vbo-sidepanel-search > i {
15095 position: absolute;
15096 top: 50%;
15097 left: 15px;
15098 transform: translateY(-50%);
15099 }
15100 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
15101 width: 100% !important;
15102 flex: 1;
15103 padding: 8px 10px;
15104 padding-left: 35px !important;
15105 }
15106 .vbo-sidepanel-container .vbo-sidepanel-search button {
15107 border-radius: 4px;
15108 margin: 0 0 0 5px;
15109 font-size: 14px;
15110 padding: 6px 8px;
15111 }
15112 .vbo-sidepanel-container .vbo-sidepanel-search button i {
15113 margin-right: 0;
15114 }
15115 .vbo-sidepanel-body-top {
15116 position: relative;
15117 margin-top: 7px;
15118 margin-bottom: 5px;
15119 padding: 0 15px;
15120 }
15121 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
15122 max-height: calc(100vh - 220px);
15123 overflow-y: scroll;
15124 margin-top: 5px;
15125 position: absolute;
15126 width: calc(100% - 30px);
15127 background: var(--vbo-config-bg-color);
15128 padding: 5px;
15129 box-sizing: border-box;
15130 z-index: 99999;
15131 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
15132 border-radius: 4px;
15133 }
15134 .vbo-sidepanel-add-widget {
15135 cursor: pointer;
15136 margin-bottom: 8px;
15137 border: 1px solid var(--vbo-config-border-color);
15138 border-radius: 6px;
15139 padding: 5px;
15140 }
15141 .vbo-sidepanel-add-widget:hover {
15142 border-color: var(--vbo-blue-color);
15143 }
15144 .vbo-sidepanel-add-widget.is-sorting {
15145 background: var(--vbo-config-bg-color);
15146 border: 1px dashed var(--vbo-config-text-color-light);
15147 }
15148 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info-det {
15149 cursor: grab;
15150 }
15151 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
15152 display: flex;
15153 }
15154 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
15155 flex: 1;
15156 }
15157 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
15158 border-radius: 6px;
15159 padding: 5px;
15160 text-align: center;
15161 width: 22px;
15162 height: 22px;
15163 display: inline-block;
15164 line-height: 22px;
15165 color: #fff;
15166 box-sizing: content-box;
15167 }
15168 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
15169 font-weight: bold;
15170 margin-left: 10px;
15171 -webkit-user-select: none;
15172 -ms-user-select: none;
15173 user-select: none;
15174 }
15175 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
15176 margin-left: auto;
15177 align-self: center;
15178 font-size: 15px;
15179 cursor: pointer;
15180 color: var(--vbo-green-color);
15181 }
15182 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
15183 color: var(--vbo-green-color-hover);
15184 }
15185 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
15186 opacity: 0;
15187 margin-right: 3px;
15188 color: var(--vbo-base-color);
15189 transition: all 100ms ease-in-out 0s;
15190 }
15191 .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 {
15192 opacity: 1;
15193 transition: all 100ms ease-in-out 0s;
15194 }
15195 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
15196 color: var(--vbo-base-color-hover);
15197 }
15198 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
15199 max-height: 84vh;
15200 min-height: 300px;
15201 overflow-y: scroll;
15202 padding: 5px 15px 0;
15203 }
15204 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
15205 background: var(--vbo-config-bg-color);
15206 border-radius: 6px;
15207 margin: 20px 0 10px;
15208 position: relative;
15209 box-shadow: 0 3px 5px rgba(0,0,0,.1);
15210 }
15211 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
15212 margin-top: 10px;
15213 }
15214 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
15215 position: absolute;
15216 top: -4px;
15217 left: -6px;
15218 width: 16px;
15219 height: 16px;
15220 border-radius: 50%;
15221 text-align: center;
15222 line-height: 16px;
15223 background: var(--vbo-red-color);
15224 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
15225 color: #fff;
15226 font-size: 10px;
15227 z-index: 999;
15228 }
15229 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
15230 background: var(--vbo-red-color-hover);
15231 }
15232 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
15233 position: absolute;
15234 top: -15px;
15235 left: 50%;
15236 transform: translate(-50%, 0);
15237 width: 24px;
15238 height: 24px;
15239 border-radius: 50%;
15240 background: var(--vbo-config-bg-color);
15241 border: 1px solid var(--vbo-main-bg-color);
15242 color: var(--vbo-config-text-color-light);
15243 text-align: center;
15244 line-height: 24px;
15245 font-size: 12px;
15246 box-shadow: 0 4px 7px rgba(0,0,0,.1);
15247 z-index: 999;
15248 opacity: 0;
15249 transition: 0.2s ease-in all;
15250 -moz-transition: 0.2s ease-in all;
15251 -webkit-transition: 0.2s ease-in all;
15252 }
15253 .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,
15254 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:not(.vbo-admin-widgets-widget-editing) .vbo-admin-widgets-widget-detach:hover {
15255 opacity: 1;
15256 cursor: pointer;
15257 }
15258 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
15259 color: var(--vbo-base-color);
15260 }
15261 .vbo-sidepanel-edit-widgets {
15262 margin-top: 10px;
15263 text-align: center;
15264 position: absolute;
15265 bottom: 10px;
15266 left: 50%;
15267 transform: translate(-50%, 0px);
15268 z-index: 10000;
15269 }
15270 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
15271 display: inline-block;
15272 padding: 5px 10px;
15273 border-radius: 20px;
15274 font-size: 11px;
15275 background: var(--vbo-config-border-color);
15276 border-color: var(--vbo-config-text-color-light);
15277 }
15278 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
15279 background: var(--vbo-main-bg-color);
15280 }
15281 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
15282 background: var(--vbo-orange-color);
15283 border-color: var(--vbo-orange-color-hover);
15284 box-shadow: 0 3px 5px rgba(0,0,0,.2);
15285 }
15286 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
15287 background: var(--vbo-orange-color);
15288 }
15289 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
15290 font-size: 14px;
15291 padding: 3px 0 3px 15px;
15292 margin: 8px 0;
15293 }
15294 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
15295 margin-right: 5px;
15296 font-size: 12px;
15297 }
15298 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
15299 display: none;
15300 }
15301 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
15302 height: 28px;
15303 }
15304 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
15305 padding: 5px 8px;
15306 font-size: 11px;
15307 }
15308 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
15309 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
15310 margin: 7px 10px 6px 6px;
15311 }
15312 .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 {
15313 padding: 2px 5px;
15314 }
15315 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
15316 padding: 3.5px 9px;
15317 }
15318 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
15319 flex-wrap: wrap;
15320 }
15321 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
15322 flex-wrap: wrap;
15323 }
15324 .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 {
15325 flex-basis: 100%;
15326 margin-top: 5px;
15327 margin-right: 0;
15328 }
15329 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
15330 width: 100%;
15331 }
15332 .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 {
15333 padding: 8px;
15334 border: 1px solid var(--vbo-basic-btn);
15335 }
15336 .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 {
15337 border-color: var(--vbo-blue-color-hover);
15338 }
15339 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
15340 margin-bottom: 0;
15341 }
15342 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
15343 width: 100%;
15344 }
15345 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
15346 padding: 10px 15px;
15347 }
15348 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
15349 vertical-align: middle;
15350 }
15351 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
15352 padding: 0px 10px;
15353 }
15354 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
15355 font-size: 16px;
15356 }
15357 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
15358 font-size: 13px;
15359 }
15360 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
15361 width: 100%;
15362 }
15363 .vbo-sidepanel-add-widget-focussed {
15364 background: var(--vbo-toolbar-bg-color);
15365 border-color: var(--vbo-blue-color);
15366 }
15367 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
15368 padding: 5px 0 5px 15px;
15369 }
15370 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
15371 margin-top: 3px;
15372 }
15373 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
15374 flex-basis: 180px;
15375 }
15376 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
15377 display: flex;
15378 }
15379 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
15380 align-self: center;
15381 padding: 0 8px 0 10px;
15382 }
15383 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
15384 display: block;
15385 margin-bottom: 5px;
15386 }
15387 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
15388 margin-top: 5px;
15389 }
15390 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
15391 width: 100%;
15392 }
15393 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
15394 padding: 10px;
15395 display: flex;
15396 gap: 0;
15397 }
15398 .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 {
15399 flex: 1;
15400 margin-right: 10px;
15401 }
15402 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
15403 padding: 10px 15px;
15404 }
15405 .vbo-widget-booskcal-newbook-cont {
15406 position: relative;
15407 }
15408 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table-wrap {
15409 border: 1px solid var(--vbo-config-border-color);
15410 border-radius: 10px;
15411 padding: 0 15px 10px;
15412 }
15413 .vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle {
15414 text-align: right;
15415 margin-top: 10px;
15416 }
15417 .vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle label {
15418 vertical-align: middle;
15419 }
15420 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
15421 margin-top: 5px;
15422 }
15423 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
15424 border-bottom: 1px solid var(--vbo-config-border-color);
15425 padding-bottom: 5px;
15426 }
15427 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
15428 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
15429 margin-right: 2px;
15430 }
15431 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
15432 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
15433 float: right;
15434 font-weight: bold;
15435 text-transform: uppercase;
15436 display: inline-block;
15437 margin-left: 10px;
15438 }
15439 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
15440 display: inline-block;
15441 margin-bottom: 2px;
15442 }
15443 .vbo-widget-booskcal-mday-pricing {
15444 margin-top: 20px;
15445 }
15446 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-title {
15447 font-size: 16px;
15448 margin-bottom: 4px;
15449 font-weight: bold;
15450 }
15451 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost {
15452 font-size: 20px;
15453 font-weight: bold;
15454 margin-bottom: 5px;
15455 border: 1px solid var(--vbo-config-border-color);
15456 padding: 13px 15px;
15457 border-radius: 10px;
15458 position: relative;
15459 }
15460 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-rplan {
15461 display: block;
15462 font-size: 14px;
15463 margin-bottom: 7px;
15464 font-weight: 500;
15465 }
15466 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit {
15467 font-size: 12px;
15468 display: inline-block;
15469 border-bottom: 1px solid var(--vbo-body-text-color);
15470 color: var(--vbo-body-text-color);
15471 text-align: right;
15472 position: absolute;
15473 right: 16px;
15474 top: 13px;
15475 }
15476 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit:hover {
15477 border-color: transparent;
15478 color: var(--vbo-base-color);
15479 }
15480 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-wrap {
15481 margin-top: 10px;
15482 display: flex;
15483 gap: 20px;
15484 flex-wrap: wrap;
15485 border-top: 1px solid var(--vbo-basic-btn);
15486 padding: 10px 0;
15487 }
15488 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block label {
15489 font-size: 13px;
15490 margin-bottom: 3px;
15491 display: inline-block;
15492 }
15493 /* Currency Input structure */
15494 .vbo-input-currency-wrap {
15495 position: relative;
15496 }
15497 .vbo-input-currency-wrap span {
15498 position: absolute;
15499 top: 50%;
15500 left: 9px;
15501 transform: translate(0px , -50%);
15502 font-size: 14px;
15503 color: var(--vbo-config-text-color-light);
15504 }
15505 .vbo-input-currency-wrap input {
15506 padding-left: 24px !important;
15507 }
15508
15509 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block .vbo-widget-booskcal-mday-pricing-edit-input {
15510 font-weight: normal;
15511 }
15512 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save {
15513 align-self: flex-end;
15514 }
15515 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn {
15516 padding: 10px 20px;
15517 }
15518 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr {
15519 border: 1px solid var(--vbo-config-border-color);
15520 padding: 13px 15px;
15521 border-radius: 10px;
15522 }
15523 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos span:not(.vbo-widget-booskcal-mday-pricing-minlos) {
15524 display: block;
15525 font-size: 14px;
15526 margin-bottom: 7px;
15527 font-weight: 500;
15528 }
15529 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos .vbo-widget-booskcal-mday-pricing-minlos {
15530 display: block;
15531 font-size: 20px;
15532 font-weight: bold;
15533 }
15534 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-ctad {
15535 margin-top: 8px;
15536 }
15537 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
15538 padding: 5px 10px;
15539 border-radius: 4px;
15540 margin-top: 5px;
15541 }
15542 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
15543 border: 1px solid var(--vbo-config-border-color);
15544 padding: 5px;
15545 border-radius: 6px;
15546 margin-bottom: 5px;
15547 }
15548 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
15549 width: 100%;
15550 }
15551 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15552 text-align: right !important;
15553 padding: 3px !important;
15554 vertical-align: top !important;
15555 cursor: initial;
15556 position: relative;
15557 }
15558 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:active, .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:focus {
15559 color: inherit;
15560 }
15561 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"] {
15562 background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-config-child-bg-color) 10px, var(--vbo-config-child-bg-color) 20px );
15563 }
15564 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy {
15565 background: var(--vbo-red-color);
15566 }
15567 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially {
15568 background: repeating-linear-gradient( -45deg, #f9ab4f, #f9ab4f 10px, #df8e1c 10px, #df8e1c 20px ) !important;
15569 }
15570 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially:hover {
15571 background: var(--vbo-orange-color-hover) !important;
15572 }
15573 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure {
15574 background: var(--vbo-config-title-color);
15575 }
15576 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure:hover {
15577 background: var(--vbo-config-titles-color-light);
15578 }
15579 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15580 height: 40px;
15581 }
15582 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
15583 width: 100%;
15584 height: 100%;
15585 }
15586 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
15587 vertical-align: bottom !important;
15588 background: transparent;
15589 border: 0 !important;
15590 }
15591 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
15592 background: transparent;
15593 }
15594 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
15595 background: var(--vbo-main-bg-color);
15596 }
15597 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15598 cursor: pointer;
15599 }
15600 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-widget-booskcal-mday-val {
15601 font-weight: bold;
15602 font-size: 14px;
15603 }
15604 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
15605 width: 22px;
15606 height: 22px;
15607 line-height: 22px;
15608 font-size: 12px;
15609 display: inline-block;
15610 background: var(--vbo-red-color);
15611 color: #fff;
15612 border-radius: 50%;
15613 text-align: center;
15614 }
15615 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
15616 border: 1px solid var(--vbo-config-bg-color);
15617 }
15618 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
15619 position: absolute;
15620 top: 3px;
15621 left: 5px;
15622 font-size: 12px;
15623 }
15624 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-ratesrestr {
15625 margin-top: 5px;
15626 text-align: center;
15627 }
15628 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-roomrate {
15629 margin-top: 2px 0;
15630 }
15631 .vbo-widget-booskcal-cell-mday .vbo-widget-booskcal-mday-roomrate span {
15632 display: inline-block;
15633 border-radius: 20px;
15634 padding: 0px 4px;
15635 background-color: var(--vbo-body-bg-color);
15636 border: 1px solid var(--vbo-body-text-color);
15637 }
15638 .vbo-widget-booskcal-cell-mday.busy .vbo-widget-booskcal-mday-roomrate span {
15639 background: var(--vbo-body-bg-color);
15640 color: var(--vbo-red-color);
15641 border: 1px solid var(--vbo-red-color);
15642 }
15643 .vbo-widget-booskcal-cell-mday.busy.vbo-partially .vbo-widget-booskcal-mday-roomrate span {
15644 color: var(--vbo-orange-color-hover);
15645 border: 1px solid var(--vbo-orange-color-hover);
15646 }
15647 .vbo-widget-booskcal-cell-mday.busy.busy-closure .vbo-widget-booskcal-mday-roomrate span {
15648 color: var(--vbo-config-title-color);
15649 border: 1px solid var(--vbo-config-title-color);
15650 }
15651 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions {
15652 margin-top: 4px;
15653 }
15654 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span {
15655 display: inline-block;
15656 margin-left: 6px;
15657 }
15658 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span:first-child {
15659 margin-left: 0;
15660 }
15661 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
15662 height: 40px;
15663 }
15664 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
15665 line-height: 40px;
15666 }
15667 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
15668 height: 40px;
15669 }
15670 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
15671 margin-top: 0;
15672 }
15673 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
15674 margin-top: 14px;
15675 }
15676 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
15677 padding-top: 6px;
15678 }
15679 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
15680 margin-bottom: 5px;
15681 }
15682 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
15683 right: 10px;
15684 min-width: 200px;
15685 }
15686 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
15687 display: flex;
15688 width: 100%;
15689 }
15690 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
15691 align-self: center;
15692 display: inline-block;
15693 }
15694 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
15695 align-self: center;
15696 margin-top: 0;
15697 padding-top: 0;
15698 padding-bottom: 0;
15699 margin-left: auto;
15700 width: auto;
15701 float: right;
15702 margin-right: 0;
15703 }
15704 .vbo-widget-reminders-list .vbo-widget-reminders-record {
15705 display: flex;
15706 padding: 5px 10px;
15707 border-radius: 4px;
15708 border: 1px solid var(--vbo-config-border-color);
15709 margin: 5px 10px;
15710 position: relative;
15711 overflow: hidden;
15712 }
15713 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
15714 margin-right: 10px;
15715 display: flex;
15716 flex-wrap: wrap;
15717 flex-direction: column;
15718 }
15719 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
15720 background: none;
15721 border: 0;
15722 color: var(--vbo-body-text-color);
15723 padding: 0;
15724 font-size: 15px;
15725 margin-top: 2px;
15726 }
15727 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
15728 margin-top: auto;
15729 }
15730 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
15731 color: var(--vbo-orange-color);
15732 }
15733 .vbo-widget-reminders-list .vbo-reminder-ok {
15734 opacity: .8;
15735 color: var(--vbo-config-titles-color-light);
15736 }
15737 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
15738 color: var(--vbo-blue-color);
15739 }
15740 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
15741 background: var(--vbo-blue-color);
15742 position: absolute;
15743 right: 0;
15744 top: 0;
15745 height: 100%;
15746 width: 35px;
15747 transition: 0.3s ease-in all;
15748 -moz-transition: 0.3s ease-in all;
15749 -webkit-transition: 0.3s ease-in all;
15750 transform: translateX(100%);
15751 display: flex;
15752 cursor: pointer;
15753 }
15754 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
15755 background: var(--vbo-blue-color-hover);
15756 }
15757 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
15758 transform: translateX(0);
15759 }
15760 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
15761 background: transparent;
15762 border: 0;
15763 padding: 0;
15764 width: 100%;
15765 color: #fff;
15766 cursor: pointer;
15767 }
15768 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
15769 margin-right: 0;
15770 }
15771 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
15772 margin-right: 10px;
15773 }
15774 .vbo-widget-reminder-title {
15775 font-weight: bold;
15776 display: block;
15777 margin-bottom: 2px;
15778 }
15779 .vbo-widget-reminders-record-due {
15780 margin-top: 3px;
15781 color: var(--vbo-config-titles-color-light) !important;
15782 font-size: .9em;
15783 display: flex;
15784 }
15785 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
15786 order: 2;
15787 margin-left: 10px;
15788 }
15789 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
15790 display: inline-block;
15791 }
15792 .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 {
15793 margin-left: 2px;
15794 }
15795 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
15796 color: var(--vbo-red-color) !important;
15797 font-size: 1em;
15798 }
15799 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
15800 padding: 5px 10px;
15801 margin-bottom: 8px;
15802 }
15803 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
15804 padding: 0 15px;
15805 }
15806 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
15807 margin-bottom: 5px;
15808 }
15809 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
15810 margin: 10px 0;
15811 }
15812 .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 {
15813 width: 100% !important;
15814 }
15815 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
15816 width: auto !important;
15817 }
15818 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
15819 min-height: 100px;
15820 }
15821 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
15822 display: flex;
15823 flex-wrap: wrap;
15824 }
15825 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
15826 float: right;
15827 margin-left: 10px;
15828 }
15829 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
15830 color: var(--vbo-orange-color);
15831 }
15832 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
15833 flex: 1;
15834 }
15835 .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 {
15836 width: 100%;
15837 }
15838 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15839 display: flex;
15840 gap: 5px;
15841 }
15842 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15843 flex: 1;
15844 }
15845 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15846 display: flex;
15847 margin-left: 10px;
15848 }
15849 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15850 flex: 0;
15851 }
15852 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
15853 width: 110px !important;
15854 }
15855 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
15856 margin-right: 5px;
15857 }
15858 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15859 margin-top: 5px;
15860 text-align: center;
15861 }
15862 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15863 display: flex;
15864 }
15865 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15866 flex: 1;
15867 }
15868 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
15869 margin-left: 5px;
15870 }
15871 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
15872 align-self: initial;
15873 }
15874 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
15875 margin-top: 3px;
15876 color: var(--vbo-config-titles-color-light) !important;
15877 font-size: .9em;
15878 }
15879 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
15880 font-weight: 500;
15881 font-size: .9em;
15882 }
15883 .vbo-widget-bookdets-cm-updresult {
15884 margin-bottom: 2px;
15885 }
15886 .vbo-widget-bookdets-cm-updresult:last-child {
15887 margin-bottom: 0;
15888 }
15889 .vbo-widget-bookdets-cm-updresult > i {
15890 color: var(--vbo-config-text-color-light);
15891 margin-right: 3px;
15892 }
15893 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
15894 padding: 2px 6px;
15895 }
15896 .vbo-widget-push-notification {
15897 margin: 0px 10px;
15898 padding: 12px;
15899 border-radius: 10px;
15900 border-width: 1px;
15901 border-style: solid;
15902 }
15903 .vbo-widget-push-notification-info {
15904 background-color: var(--vbo-info-bg);
15905 border-color: var(--vbo-info-border);
15906 color: var(--vbo-container-text-color);
15907 }
15908 .vbo-widget-push-notification-warning {
15909 background-color: var(--vbo-warning-bg);
15910 border-color: var(--vbo-warning-border);
15911 color: var(--vbo-container-text-color);
15912 }
15913 .vbo-widget-push-notification-error {
15914 background-color: var(--vbo-error-bg);
15915 border-color: var(--vbo-error-border);
15916 color: var(--vbo-container-text-color);
15917 }
15918 .vbo-widget-push-notification-title {
15919 font-size: 14px;
15920 margin-bottom: 2px;
15921 }
15922 .vbo-widget-push-notification-message {
15923 font-size: 13px;
15924 }
15925 .vbo-widget-push-notification-action {
15926 margin-top: 5px;
15927 }
15928 .vbo-widget-push-notification-action .btn.vbo-config-btn {
15929 padding: 8px 10px;
15930 }
15931 .vbo-widget-bookdets-cm-updresult-log {
15932 font-size: .95em;
15933 color: var(--vbo-config-titles-color-light);
15934 }
15935
15936 .colorpicker input {
15937 top: -4px;
15938 }
15939
15940 @-webkit-keyframes VikfadeInDown {
15941 from {
15942 opacity: 0;
15943 -webkit-transform: translate3d(0%, -20%, 0);
15944 transform: translate3d(0%, -20%, 0);
15945 }
15946
15947 to {
15948 opacity: 1;
15949 -webkit-transform: translate3d(0%, 0%, 0);
15950 transform: translate3d(0%, 0%, 0);
15951 }
15952 }
15953
15954 @keyframes VikfadeInDown {
15955 from {
15956 opacity: 0;
15957 -webkit-transform: translate3d(0%, -20%, 0);
15958 transform: translate3d(0%, -20%, 0);
15959 }
15960
15961 to {
15962 opacity: 1;
15963 -webkit-transform: translate3d(0%, 0%, 0);
15964 transform: translate3d(0%, 0%, 0);
15965 }
15966 }
15967 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
15968 text-align: center;
15969 margin-bottom: 20px;
15970 }
15971 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
15972 display: inline-block;
15973 margin: 5px;
15974 }
15975 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
15976 border-radius: 3px;
15977 padding: 8px 14px;
15978 margin-bottom: 0;
15979 font-size: inherit;
15980 }
15981 .vbo-modal-condtext-rules {
15982 display: flex;
15983 flex-wrap: wrap;
15984 }
15985 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
15986 flex-basis: calc(33% - 38px);
15987 border: 2px solid var(--vbo-config-border-color);
15988 padding: 10px;
15989 border-radius: 6px;
15990 margin: 7px;
15991 cursor: pointer;
15992 }
15993 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
15994 border-color: #acdaac;
15995 }
15996 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
15997 border-color: #46a546;
15998 }
15999 .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 {
16000 opacity: .6;
16001 border: 2px solid var(--vbo-main-bg-color);
16002 cursor: auto;
16003 color: var(--vbo-config-titles-color-light);
16004 }
16005 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
16006 margin-top: 0;
16007 margin-bottom: 5px;
16008 font-size: 16px;
16009 }
16010 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
16011 font-size: 14px;
16012 }
16013 .vbo-modal-condtext-rule-apply {
16014 text-align: center;
16015 margin-bottom: 20px;
16016 }
16017 .vbo-condtext-rule .adminlegend {
16018 display: flex;
16019 }
16020 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
16021 margin-left: auto;
16022 cursor: pointer;
16023 }
16024 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
16025 font-size: 15px;
16026 color: var(--vbo-config-titles-color-light);
16027 padding: 4px;
16028 display: inline-block;
16029 }
16030 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
16031 color: var(--vbo-red-color);
16032 }
16033 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
16034 padding: 8px 10px;
16035 border-color: var(--vbo-config-border-color);
16036 }
16037 .vbo-config-maintab-right-halfsize {
16038 display: flex;
16039 flex-wrap: wrap;
16040 padding-top: 12px;
16041 }
16042 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
16043 flex-grow: 0;
16044 }
16045 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16046 flex-basis: calc(50% - 78px);
16047 margin: 8px;
16048 flex-grow: 1;
16049 }
16050 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
16051 width: 100%;
16052 }
16053 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
16054 flex-wrap: wrap;
16055 }
16056 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16057 flex-basis: 100%;
16058 }
16059 .vbo-param-container img {
16060 max-width: 100%;
16061 }
16062 .vbo-condtext-rule[data-ruleaction="0"] {
16063 border: 1px solid var(--vbo-base-color);
16064 }
16065 .vbo-condtext-rule[data-ruleaction="1"] {
16066 border: 1px solid var(--vbo-orange-color);
16067 }
16068 .notice-noicon {
16069 padding: 12px;
16070 background-image: none;
16071 }
16072 .notice-noicon i {
16073 margin-right: 5px;
16074 }
16075 .vbo-list-table-rounded {
16076 border: 1px solid var(--vbo-config-border-color);
16077 border-radius: 10px;
16078 }
16079 .vbo-list-table-rounded .table {
16080 margin-top: 0;
16081 margin-bottom: 0;
16082 }
16083 .vbo-list-table-rounded .table thead th {
16084 padding: 18px 20px;
16085 color: #444;
16086 }
16087 .vbo-list-table-rounded .table td {
16088 padding: 10px 20px;
16089 }
16090 .vbo-list-table-rounded .table td:last-child {
16091 text-align: right;
16092 }
16093 .vbo-ratesoverview-top-outer {
16094 text-align: right;
16095 margin-top: -20px;
16096 }
16097 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
16098 display: inline-block;
16099 border: 1px solid var(--vbo-config-border-color);
16100 padding: 5px 10px 0;
16101 border-radius: 4px;
16102 margin-bottom: 5px
16103 }
16104 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
16105 display: inline-block;
16106 vertical-align: top;
16107 margin: 5px 0 0 6px;
16108 cursor: pointer;
16109 }
16110 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
16111 height: 27px;
16112 }
16113 .vbo-list-table .btn.vbo-condtext-tmpl-status {
16114 padding: 4px 10px;
16115 margin: 3px;
16116 font-size: 13px;
16117 }
16118 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
16119 margin-right: 2px;
16120 }
16121 .vbo-inspector-hover {
16122 background-color: rgba(184, 225, 243, 1) !important;
16123 }
16124 .vbo-inspector-wrap {
16125 padding: 15px;
16126 }
16127 .vbo-inspector-wrap > * {
16128 padding: 20px 0;
16129 }
16130 .vbo-admin-container .vbo-config-maintab-top {
16131 display: flex;
16132 flex-basis: 100%;
16133 }
16134 .vbo-config-maintab-top .vbo-config-fieldset-large {
16135 flex-basis: 75%;
16136 }
16137 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
16138 width: 100%;
16139 }
16140 .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 {
16141 white-space: initial;
16142 }
16143 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
16144 flex: 1;
16145 margin-left: 20px;
16146 }
16147 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
16148 width: 100%;
16149 }
16150 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
16151 padding: 5px 10px;
16152 background: var(--vbo-config-child-bg-color);
16153 margin: 0;
16154 }
16155 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
16156 font-weight: 500;
16157 }
16158 .vbo-admin-container > .vbo-config-maintab-bottom {
16159 flex-basis: 100%;
16160 }
16161 .vbo-admin-container > #vbo-conditrules-wrap {
16162 flex-grow: 0;
16163 }
16164 .btn.vbo-condtext-specialtag-btn {
16165 padding: 8px 14px;
16166 background-color: #e2eaee;
16167 color: var(--vbo-base-color);
16168 border: 1px solid #c9e0ec;
16169 }
16170 .btn.vbo-condtext-specialtag-btn:hover {
16171 background: #2482b5;
16172 border: 1px solid #2482b5;
16173 color: #fff;
16174 }
16175 .vbo-condtext-addrule-helper {
16176 flex-basis: 100%;
16177 margin: 10px 0 20px 8px;
16178 }
16179 .vbo-geoinfo-markers-wrap {
16180 display: flex;
16181 flex-wrap: wrap;
16182 }
16183 .vbo-geoinfo-marker-cont {
16184 flex-basis: calc(16% - 15px);
16185 text-align: center;
16186 border: 1px solid var(--vbo-config-border-color);
16187 background: var(--vbo-basic-btn);
16188 padding: 5px;
16189 margin: 4px;
16190 border-radius: 4px;
16191 }
16192 .vbo-geoinfo-marker-label {
16193 margin-bottom: 4px;
16194 }
16195 .btn.vbo-geomarker-status {
16196 font-size: 18px;
16197 }
16198 .btn.vbo-geomarker-status i {
16199 font-size: 16px;
16200 margin-right: 0 !important;
16201 }
16202 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
16203 border-color: var(--vbo-green-color);
16204 color: var(--vbo-green-color);
16205 }
16206 .vbo-geoinfo-param .vbo-param-label > i {
16207 margin-top: 10px;
16208 }
16209 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
16210 margin: 0;
16211 padding-top: 0;
16212 }
16213 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
16214 background: var(--vbo-config-bg-color);
16215 }
16216 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
16217 border-color: var(--vbo-config-border-color);
16218 color: #343a40;
16219 }
16220 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
16221 border-color: var(--vbo-green-color);
16222 color: var(--vbo-green-color);
16223 }
16224 .vbo-cust-geo-marker-svg-list {
16225 display: flex;
16226 flex-wrap: wrap;
16227 margin-bottom: 10px;
16228 margin-top: 20px;
16229 justify-content: center;
16230 }
16231 .vbo-cust-geo-marker-svg {
16232 border: 1px solid var(--vbo-config-border-color);
16233 text-align: center;
16234 border-radius: 4px;
16235 padding: 4px 10px;
16236 margin: 4px;
16237 flex-basis: calc(16% - 27px);
16238 cursor: pointer;
16239 position: relative;
16240 }
16241 .vbo-cust-geo-marker-svg-icon {
16242 padding-right: 10px;
16243 }
16244 .vbo-cust-geo-marker-svg-name {
16245 margin-bottom: 10px;
16246 font-size: 14px;
16247 }
16248 .vbo-cust-geo-marker-svg svg {
16249 height: 43px;
16250 max-width: 100%;
16251 }
16252 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
16253 border-color: #008d02;
16254 }
16255 .vbo-cust-geo-marker-svg-addnew i {
16256 font-size: 26px;
16257 }
16258 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
16259 padding-right: 0;
16260 }
16261 .vbo-cust-geo-marker-svg-adjust {
16262 margin-bottom: 20px;
16263 border: 1px solid var(--vbo-config-border-color);
16264 padding: 10px 20px;
16265 background: var(--vbo-config-child-bg-color);
16266 }
16267 .vbo-geo-marker-param-container {
16268 margin: 12px 0;
16269 }
16270 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
16271 margin-right: 10px;
16272 min-width: 80px;
16273 margin-bottom: 5px;
16274 font-weight: 500;
16275 }
16276 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
16277 margin-right: 10px;
16278 min-width: 140px;
16279 margin-bottom: 10px;
16280 }
16281 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
16282 width: 100% !important;
16283 }
16284 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
16285 margin: 15px 0 20px;
16286 }
16287 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
16288 display: flex;
16289 flex-wrap: wrap;
16290 justify-content: center;
16291 }
16292 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
16293 margin: 12px 10px;
16294 }
16295 .vbo-cust-geo-marker-save {
16296 text-align: center;
16297 margin-bottom: 20px;
16298 }
16299 .vbo-cust-geo-marker-top {
16300 text-align: center;
16301 margin-bottom: 20px;
16302 }
16303 #geo_address_formatted {
16304 cursor: pointer;
16305 }
16306 #geo_address_formatted:hover {
16307 color: #0071a1;
16308 }
16309 .vbo-cust-geo-marker-svg-remove {
16310 position: absolute;
16311 right: 0;
16312 bottom: 0;
16313 padding: 2px 4px;
16314 border: 1px solid var(--vbo-config-border-color);
16315 border-bottom: 0;
16316 border-right: 0;
16317 border-top-left-radius: 4px;
16318 }
16319 .vbo-cust-geo-marker-svg-remove span:hover i {
16320 color: var(--vbo-red-color);
16321 }
16322 .vbo-geo-marker-param-setting .btn.btn-secondary {
16323 padding: 9px 14px;
16324 }
16325 .vbo-geomarker-infowin-wrap {
16326 min-width: 250px;
16327 }
16328 .vbo-geomarker-infowin-wrap > h4 {
16329 margin: 0px 0 10px;
16330 font-size: 16px;
16331 }
16332 .vbo-geo-marker-param-setting img {
16333 max-width: 90%;
16334 margin-bottom: 5px;
16335 }
16336 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
16337 max-width: 180px;
16338 }
16339 .vbo-geo-legend-import {
16340 float: right;
16341 }
16342 .vbo-geo-legend-import .select2-container .select2-selection--single {
16343 height: 36px;
16344 border: 1px solid var(--vbo-config-border-color);
16345 border-radius: 2px;
16346 font-size: 14px;
16347 font-weight: normal;
16348 }
16349 .vbo-geo-legend-import #select2-roomselcalc-container {
16350 font-weight: normal;
16351 font-size: 14px;
16352 }
16353 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
16354 height: 36px;
16355 }
16356 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
16357 line-height: 36px;
16358 }
16359 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16360 margin-right: 10px;
16361 }
16362 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
16363 margin-top: 7px;
16364 }
16365 .vbo-geoinfo-param #vbo-goverlay-edit {
16366 margin-left: 15px;
16367 }
16368 .vbo-geo-marker-params-group {
16369 display: flex;
16370 flex-wrap: wrap;
16371 }
16372 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
16373 margin: 12px 5px;
16374 flex-basis: calc(50% - 10px);
16375 }
16376 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
16377 width: 100% !important;
16378 box-sizing: border-box;
16379 height: auto;
16380 }
16381 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
16382 height: 80%;
16383 }
16384 .vbo-paybutpos-wrap {
16385 margin-top: 10px;
16386 }
16387 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
16388 border-radius: 10px;
16389 background: var(--vbo-main-bg-color);
16390 padding: 15px;
16391 width: 300px;
16392 font-size: 16px;
16393 color: var(--vbo-config-titles-color-light);
16394 box-shadow: 0 5px 10px rgba(0,0,0,.15);
16395 }
16396 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
16397 border-radius: 4px;
16398 margin: 0 5px 5px;
16399 background: var(--vbo-light-color-btn);
16400 width: 200px;
16401 height: 20px;
16402 }
16403 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
16404 text-align: center;
16405 padding: 7px;
16406 margin: 0 5px 0;
16407 border: 2px solid var(--vbo-config-bg-color);
16408 border-radius: 4px;
16409 }
16410 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
16411 background: var(--vbo-base-color);
16412 color: #fff;
16413 padding: 5px 18px;
16414 display: inline-block;
16415 border-radius: 6px;
16416 cursor: pointer;
16417 }
16418 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
16419 display: flex;
16420 }
16421 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
16422 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
16423 flex: 1;
16424 margin: 5px;
16425 border-radius: 4px;
16426 background: var(--vbo-config-bg-color);
16427 padding: 10px 15px;
16428 }
16429 .vbo-param-container.vbo-param-container-log {
16430 border: 1px solid var(--vbo-config-border-color);
16431 padding: 10px;
16432 margin: 2px;
16433 border-radius: 4px;
16434 background: var(--vbo-config-child-bg-color);
16435 }
16436 #vbo-condtext-warn-norules {
16437 width: 100%;
16438 }
16439 #ifchildrenextra .vbo-dyninpnum-cont + a {
16440 display: inline-block;
16441 background: var(--vbo-base-color);
16442 color: #fff;
16443 border: 0;
16444 padding: 9px 14px;
16445 font-weight: bold;
16446 font-size: 13px;
16447 line-height: 18px;
16448 border-radius: 3px;
16449 }
16450 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
16451 background: var(--vbo-base-color-hover);
16452 }
16453 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
16454 background: var(--vbo-link-text-color);
16455 }
16456 #ifchildrenextra .vbo-dyninpnum-cont + a i {
16457 margin-right: 5px;
16458 }
16459 #ifchildrenextra .vbo-dyninpnum-cont input {
16460 margin: 5px 0;
16461 }
16462 #ifchildrenextra .vbo-dyninpnum-cont > div p > * {
16463 vertical-align: middle;
16464 }
16465 #ifchildrenextra .vbo-param-setting-comment {
16466 margin-bottom: 10px;
16467 }
16468 #minguestscont > div, #alwaysavcont > div {
16469 margin: 5px 0;
16470 }
16471 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
16472 width: auto !important;
16473 }
16474 .vbo-admin-container .vbo-maninvoice-tbcont {
16475 width: 100%;
16476 border: 1px solid var(--vbo-main-bg-color);
16477 border-radius: 7px;
16478 border-spacing: 0px;
16479 border-collapse: separate;
16480 }
16481 .vbo-maninvoice-tbcont th {
16482 background: var(--vbo-main-bg-color);
16483 text-align: left;
16484 padding: 7px 10px;
16485 }
16486 .vbo-maninvoice-tbcont th:first-child {
16487 border-top-left-radius: 5px;
16488 }
16489 .vbo-maninvoice-tbcont th:last-child {
16490 border-top-right-radius: 5px;
16491 }
16492 .vbo-maninvoice-tbcont td {
16493 padding: 5px 10px;
16494 }
16495 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
16496 margin: 2px;
16497 }
16498 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
16499 vertical-align: top;
16500 display: inline-block;
16501 }
16502 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
16503 width: 80px !important;
16504 }
16505 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
16506 text-align: right;
16507 }
16508 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
16509 margin-right: 0 !important;
16510 }
16511 .vbo-maninvoice-totals-format {
16512 position: relative;
16513 }
16514 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
16515 position: absolute;
16516 top: -1px;
16517 left: 10px;
16518 color: var(--vbo-config-titles-color-light);
16519 font-size: 15px;
16520 }
16521 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
16522 padding-left: 25px !important;
16523 }
16524 #maxquantblock {
16525 width: 100%;
16526 }
16527 .colorpicker {
16528 z-index: 100000001;
16529 }
16530 .vbo-toast-wrapper .toast-message-content {
16531 color: var(--vbo-body-text-color) !important;
16532 }
16533 .vbo-toast-wrapper .toast-message-content.notice {
16534 background-color: var(--vbo-config-bg-color) !important;
16535 }
16536
16537 /* Virtual Terminal Widget */
16538 .vbo-vterminal-cc-container {
16539 padding: 20px;
16540 }
16541 .vbo-vterminal-cc-row-group {
16542 display: flex;
16543 flex-wrap: wrap;
16544 }
16545 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
16546 margin-bottom: 14px;
16547 flex: 1;
16548 }
16549 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
16550 margin-bottom: 3px;
16551 text-align: left;
16552 font-size: 14px;
16553 font-weight: 500;
16554 }
16555 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
16556 flex: 1;
16557 height: 50px !important;
16558 border: 1px solid var(--vbo-config-border-color);
16559 border-radius: 6px !important;
16560 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
16561 margin: 0;
16562 }
16563 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
16564 flex-basis: 150px;
16565 flex-grow: 0;
16566 }
16567 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
16568 width: 100% !important;
16569 max-width: inherit !important;
16570 }
16571 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
16572 border-top-right-radius: 0 !important;
16573 border-bottom-right-radius: 0 !important;
16574 }
16575 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
16576 flex: 1;
16577 }
16578 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
16579 position: relative;
16580 }
16581 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
16582 position: absolute;
16583 top: 50%;
16584 right: 15px;
16585 transform: translateY(-50%);
16586 width: 32px;
16587 height: 20px;
16588 }
16589 @keyframes vterminal-card-position {
16590 0% {right: 0}
16591 100% {right: -5px}
16592 }
16593 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
16594 position: relative;
16595 animation-name: vterminal-card-position;
16596 animation-duration: 0.2s;
16597 right: -5px;
16598 width: 32px;
16599 height: 20px;
16600 }
16601 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
16602 flex-basis: 150px;
16603 flex-grow: 0;
16604 }
16605 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
16606 border-top-left-radius: 0 !important;
16607 border-bottom-left-radius: 0 !important;
16608 border-left: 0;
16609 }
16610 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
16611 font-weight: 500;
16612 font-size: 16px;
16613 width: 100%;
16614 padding: 10px 14px;
16615 }
16616 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
16617 font-weight: 500;
16618 }
16619
16620 /* Template Override */
16621 .vbo-overrides-manager {
16622 background: var(--vbo-body-bg-color) !important;
16623 }
16624 .vbo-overrides-manager .override-file #override-copy {
16625 background-color: var(--vbo-blue-color) !important;
16626 color: var(--vbo-contrast-text-color) !important;
16627 border-color: var(--vbo-blue-color) !important;
16628 }
16629 .vbo-overrides-manager .override-file #override-copy:hover {
16630 background-color: var(--vbo-blue-color-hover) !important;
16631 color: var(--vbo-contrast-text-color) !important;
16632 border-color: var(--vbo-blue-color-hover) !important;
16633 }
16634
16635 /* generic calendar box */
16636 .vbo-input-calendar-box {
16637 background: var(--vbo-input-style);
16638 border: 1px solid var(--vbo-config-border-color);
16639 border-radius: 2px;
16640 padding: 0 10px 0 0;
16641 display: inline-block;
16642 vertical-align: top;
16643 }
16644 .vbo-input-calendar-box input[type="text"] {
16645 border: 0;
16646 box-shadow: none;
16647 background: transparent;
16648 padding: 5px 0 5px 10px;
16649 }
16650 .vbo-input-calendar-box i.dashicons-calendar-alt {
16651 top: 8px;
16652 position: relative;
16653 }
16654
16655 /* Color Scheme hide/show panel */
16656 .vbo-sidepanel-colorscheme {
16657 position: relative;
16658 margin-right: 10px;
16659 }
16660 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
16661 display: inline-block;
16662 border: 1px solid var(--vbo-config-border-color);
16663 padding: 0px 5px;
16664 border-radius: 4px;
16665 cursor: pointer;
16666 color: var(--vbo-config-titles-color-light);
16667 opacity: .8;
16668 z-index: 1;
16669 }
16670 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
16671 color: var(--vbo-base-color);
16672 }
16673 .vbo-sidepanel-colorscheme-list {
16674 z-index: 1000000;
16675 visibility: hidden;
16676 opacity: 0;
16677 width: 100px;
16678 padding: 10px 15px;
16679 right: 0;
16680 background: var(--vbo-config-bg-color);
16681 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
16682 border-radius: 10px;
16683 position: absolute;
16684 }
16685 .vbo-sidepanel-colorscheme-list-show {
16686 transform: scale(0.99) translateY(-0.7em);
16687 transform-origin: top;
16688 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
16689 transition-duration: 500ms;
16690 transition-property: opacity,transform;
16691 visibility: visible;
16692 opacity: 1;
16693 transform: scale(1) translateY(0);
16694 }
16695 .vbo-sidepanel-colorscheme-option {
16696 padding: 7px 0;
16697 }
16698 .vbo-sidepanel-colorscheme-option i {
16699 margin-right: 5px;
16700 }
16701 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
16702 color: var(--vbo-base-color);
16703 cursor: pointer;
16704 }
16705
16706 .vbo-dashboard-colorscheme {
16707 display: inline-block;
16708 margin-right: 0;
16709 }
16710 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
16711 right: initial;
16712 left: 0;
16713 margin-top: 2px;
16714 }
16715 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
16716 font-weight: normal;
16717 }
16718 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
16719 padding: 4px 6px;
16720 vertical-align: top;
16721 }
16722
16723 .vbo-widget-bulkmess-steps {
16724 margin-top: 10px;
16725 }
16726 .vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps {
16727 margin: 10px;
16728 }
16729 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step {
16730 margin: 0 0 12px;
16731 background: var(--vbo-config-child-bg-color);
16732 border: 1px solid var(--vbo-config-child-bg-color);
16733 border-bottom: 3px solid var(--vbo-config-border-color);
16734 border-bottom-width: 3px;
16735 border-radius: 12px;
16736 }
16737 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child {
16738 margin-bottom: 0;
16739 }
16740 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content {
16741 display: none;
16742 }
16743 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title {
16744 padding: 12px 20px;
16745 cursor: pointer;
16746 display: flex;
16747 }
16748 .vbo-admin-widget-wrapper h4 i {
16749 color: var(--vbo-config-titles-color-light);
16750 }
16751 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover {
16752 border-color: var(--vbo-base-color);
16753 }
16754 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 {
16755 padding: 0;
16756 margin: 0;
16757 }
16758 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content {
16759 padding: 0 20px 5px;
16760 border-top: 1px solid var(--vbo-config-border-color);
16761 }
16762 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content {
16763 padding: 10px 20px 10px;
16764 }
16765 .vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content {
16766 padding: 20px;
16767 }
16768 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea {
16769 width: 100%;
16770 }
16771 .vbo-widget-bulkmess-step-status {
16772 margin-left: auto;
16773 font-size: .9em;
16774 font-style: italic;
16775 color: var(--vbo-config-titles-color-light);
16776 }
16777 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation {
16778 padding: 10px 0;
16779 }
16780 .vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox {
16781 align-self: center;
16782 margin-right: 5px;
16783 }
16784 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook {
16785 display: block;
16786 }
16787 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label {
16788 display: inline-block;
16789 }
16790 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i {
16791 margin-right: 5px
16792 }
16793 .vbo-widget-bulkmess-gonext {
16794 text-align: right;
16795 margin-top: 10px;
16796 margin-bottom: 10px;
16797 }
16798 .vbo-widget-bulkmess-progress-inner progress {
16799 width: 100%;
16800 background: #ddd;
16801 border-radius: 10px;
16802 }
16803 .vbo-widget-bulkmess-bookings-actions {
16804 margin-top: 8px;
16805 }
16806 .vbo-widget-bulkmess-bookings-actions .btn {
16807 border-color: var(--vbo-middle-color-btn);
16808 }
16809 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon {
16810 font-size: 12px;
16811 }
16812 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified {
16813 margin-left: 5px;
16814 }
16815 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i {
16816 color: var(--vbo-green-color);
16817 }
16818
16819 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-groups {
16820 border-bottom: 1px solid var(--vbo-config-border-color);
16821 }
16822 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group {
16823 display: inline-block;
16824 border-bottom: 2px solid var(--vbo-config-bg-color);
16825 color: var(--vbo-config-titles-color-light);
16826 }
16827 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active {
16828 border-color: var(--vbo-config-title-color);
16829 color: var(--vbo-config-title-color);
16830 font-weight: bold;
16831 }
16832 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover {
16833 color: var(--vbo-config-title-color);
16834 }
16835 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name {
16836 display: inline-block;
16837 position: relative;
16838 padding: 10px;
16839 cursor: pointer;
16840 }
16841
16842 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name:not([data-badge-count=""]) {
16843 padding: 10px;
16844 }
16845 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-badge {
16846 background: var(--vbo-config-text-color-light);
16847 color: var(--vbo-contrast-text-color);
16848 font-weight: bold;
16849 font-size: 11px;
16850 text-align: center;
16851 border-radius: 4px;
16852 padding: 0px 5px;
16853 margin-left: 8px;
16854 display: inline-block;
16855 }
16856 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active .vbo-widget-notifscenter-group-badge, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover .vbo-widget-notifscenter-group-badge {
16857 background: var(--vbo-config-title-color);
16858 }
16859 .vbo-widget-notifscenter-list {
16860 max-height: calc(100vh - 380px);
16861 overflow: hidden;
16862 overflow-y: scroll;
16863 }
16864 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap {
16865 display: flex;
16866 padding: 10px 15px;
16867 border-bottom: 1px solid var(--vbo-config-border-color);
16868 cursor: pointer;
16869 }
16870 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:last-child {
16871 border-bottom: 0;
16872 }
16873 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread {
16874 background: var(--vbo-light-color-btn);
16875 position: relative;
16876 }
16877 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:after {
16878 content: "";
16879 width: 8px;
16880 height: 8px;
16881 border-radius: 50%;
16882 top: 5px;
16883 right: 18px;
16884 transform: translate(10px, 10px);
16885 position: absolute;
16886 background: var(--vbo-base-color);
16887 }
16888 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover, .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:hover {
16889 background: var(--vbo-info-bg);
16890 }
16891 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar {
16892 width: 40px;
16893 margin-right: 15px;
16894 }
16895 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar img {
16896 width: 40px;
16897 height: 40px;
16898 }
16899 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-info-box-avatar {
16900 position: relative;
16901 }
16902 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-avatar-badge {
16903 position: absolute;
16904 width: 20px;
16905 height: 20px;
16906 text-align: center;
16907 line-height: 20px;
16908 background: var(--vbo-basic-btn);
16909 border-radius: 50%;
16910 font-size: 10px;
16911 bottom: -6px;
16912 right: -5px;
16913 color: var(--vbo-contrast-text-color);
16914 display: flex;
16915 align-items: center;
16916 justify-content: center;
16917 }
16918 .vbo-widget-notifscenter-list img.vbo-ai-icn {
16919 width: 16px !important;
16920 height: 16px !important;
16921 }
16922 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-lightblue {
16923 background: #09cbdf;
16924 }
16925 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-green {
16926 background: var(--vbo-green-color);
16927 }
16928 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-orange {
16929 background: #ffaf16;
16930 }
16931 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-purple {
16932 background: #cc16ff;
16933 }
16934 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-red {
16935 background: var(--vbo-red-color);
16936 }
16937 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details {
16938 flex: 1;
16939 }
16940 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-title {
16941 font-weight: bold;
16942 }
16943 .vbo-widget-notifscenter-notif-summary {
16944 font-size: .95em;
16945 }
16946 .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="message.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="review.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-notif-type="guest_message"] {
16947 background: var(--vbo-config-child-bg-color);
16948 padding: 8px 10px;
16949 border-radius: 8px;
16950 }
16951 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt {
16952 margin-top: 2px;
16953 margin-bottom: 6px;
16954 }
16955 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label {
16956 padding: 1px 4px !important;
16957 font-weight: normal;
16958 font-size: 10px;
16959 }
16960 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label.label-info {
16961 background: var(--vbo-grey-blue-bg) !important;
16962 }
16963 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .vbo-tooltip {
16964 font-size: 11px;
16965 opacity: .95;
16966 }
16967 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-customer-initials {
16968 width: 40px;
16969 height: 40px;
16970 line-height: 40px;
16971 font-size: 16px;
16972 border-radius: 50%;
16973 color: var(--vbo-config-text-color-light);
16974 background: var(--vbo-config-child-bg-color);
16975 text-align: center;
16976 display: inline-block;
16977 letter-spacing: 1px;
16978 }
16979 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta {
16980 margin-top: 5px;
16981 }
16982 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn {
16983 background: var(--vbo-config-title-color);
16984 color: var(--vbo-contrast-text-color);
16985 border: 1px solid var(--vbo-config-title-color);
16986 padding: 4px 10px;
16987 }
16988 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn:hover {
16989 background: transparent;
16990 border: 1px solid var(--vbo-config-title-color);
16991 color: var(--vbo-config-title-color);
16992 }
16993 .vbo-widget-notifscenter-loadmore-info {
16994 text-align: center;
16995 font-size: 16px;
16996 font-weight: 600;
16997 }
16998 .vbo-widget-notifscenter-markread {
16999 margin-bottom: 8px;
17000 border-bottom: 1px solid var(--vbo-config-border-color);
17001 padding-bottom: 8px;
17002 }
17003 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all {
17004 font-weight: bold;
17005 text-decoration: underline;
17006 cursor: pointer;
17007 }
17008 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all:hover {
17009 text-decoration: none;
17010 }
17011 .vbo-widget-notifscenter-filter-confirm {
17012 display: flex;
17013 }
17014 .vbo-widget-notifscenter-filter-confirm .btn-secondary {
17015 width: 40px;
17016 margin-right: 5px;
17017 }
17018
17019 .vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid {
17020 cursor: pointer;
17021 }
17022 .vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid i {
17023 margin-right: 3px;
17024 }
17025 .vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply {
17026 margin: 5px 20px 0 0;
17027 }
17028 .vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply .btn {
17029 font-weight: bold;
17030 }
17031 .vbo-review-json-entry {
17032 margin: 5px 0;
17033 display: inline-block;
17034 width: 30%;
17035 padding: 0 10px;
17036 vertical-align: top;
17037 box-sizing: border-box;
17038 }
17039 .vbo-review-json-entry .vbo-review-json-key {
17040 font-weight: bold;
17041 display: block;
17042 margin-bottom: 2px;
17043 color: var(--vbo-config-titles-color-light);
17044 }
17045 .vbo-review-json-entry .vbo-review-json-value {
17046 word-break: break-word;
17047 }
17048 .vbo-review-json-entry.vbo-review-json-reply, .vbo-review-json-revieweeresponse {
17049 width: 100%;
17050 }
17051 .vbo-review-json-entry .vbo-review-json-value .vbo-review-channel-logo {
17052 max-width: 92px;
17053 }
17054 .vbo-review-json-value.vbo-review-json-revieweeresponse {
17055 text-transform: initial;
17056 display: inline-block;
17057 padding-top: 5px;
17058 }
17059 .vbo-review-json-content {
17060 width: 100%;
17061 }
17062 .vbo-review-json-entry.vbo-review-json-entry-group {
17063 text-transform: uppercase;
17064 width: 100%;
17065 color: var(--vbo-config-titles-color-light);
17066 margin-top: 5px;
17067 }
17068 .vbo-review-json-entry .vbo-review-json-key {
17069 font-weight: bold;
17070 display: block;
17071 margin-bottom: 2px;
17072 color: var(--vbo-config-titles-color-light);
17073 }
17074 .vbo-review-json-entry.vbo-review-json-entry-group .vbo-review-json-key {
17075 border-bottom: 1px solid var(--vbo-config-border-color);
17076 padding-bottom: 4px;
17077 margin-bottom: 0;
17078 margin-top: 10px;
17079 color: var(--vbo-link-text-color);
17080 }
17081 .vbo-review-guest-avatar-wrap {
17082 display: inline-block;
17083 max-width: 90px;
17084 }
17085 .vbo-review-guest-avatar {
17086 max-width: 50px;
17087 border-radius: 50%;
17088 border: 1px solid var(--vbo-config-border-color);
17089 }
17090 .vbo-review-json-scoring .vbo-review-json-servscore {
17091 font-weight: bold;
17092 background: var(--vbo-light-color-btn);
17093 color: inherit;
17094 padding: 4px 8px;
17095 display: inline-block;
17096 border-radius: 4px;
17097 font-size: 14px;
17098 }
17099 .vbo-widget-guest-reviews-reply-wrap {
17100 margin-top: 15px;
17101 padding: 0 10px;
17102 }
17103 .vbo-widget-guest-reviews-reply-inner {
17104 padding: 20px 20px;
17105 border-top: 2px solid var(--vbo-config-border-color);
17106 background: var(--vbo-config-child-bg-color);
17107 }
17108 .vbo-widget-guest-reviews-reply-inner > * {
17109 display: block;
17110 margin-bottom: 2px;
17111 }
17112 .vbo-widget-guest-reviews-reply-wrap label {
17113 font-weight: bold;
17114 margin-bottom: 5px;
17115 }
17116 .vbo-widget-guest-reviews-reply-wrap textarea {
17117 width: 100% !important;
17118 background: var(--vbo-config-bg-color);
17119 border: 1px solid var(--vbo-config-border-color);
17120 box-sizing: border-box;
17121 min-height: 80px;
17122 margin: 0 auto 10px;
17123 }
17124 .vbo-widget-guest-reviews-reply-wrap .vbo-widget-guest-reviews-reply-actions {
17125 display: flex;
17126 justify-content: space-between;
17127 }
17128 .vbo-widget-guest-reviews-reply-wrap button {
17129 padding: 6px 20px;
17130 font-weight: bold;
17131 }
17132 .vbo-widget-guestreviews-content .vbo-widget-guest-reviews-reply-wrap button:hover {
17133 font-weight: bold;
17134 }
17135
17136 /* @end styles */
17137
17138 /* @start media queries */
17139 @media print {
17140 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
17141 display: none !important;
17142 visibility: hidden !important;
17143 }
17144 .vbo-showin-print {
17145 display: inline-block;
17146 }
17147 .vbo-hidein-print {
17148 display: none !important;
17149 }
17150 .vbo-bookingdet-summary-roomguests {
17151 margin-bottom: 10px;
17152 }
17153 .vbo-receipt-notes-inner {
17154 border-radius: 0 !important;
17155 border-top: 1px solid #ddd;
17156 }
17157 .vbo-receipt-numdate-date-val {
17158 font-size: 1.1em;
17159 }
17160 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
17161 padding: 0 30px;
17162 }
17163 .vbo-bookdet-wrap {
17164 margin: 0 10px 10px;
17165 max-width: inherit;
17166 min-width: inherit;
17167 }
17168 .vbo-bookdet-head {
17169 border-bottom: 0;
17170 padding: 0;
17171 font-weight: bold;
17172 }
17173 .vbo-bookdet-foot {
17174 padding: 0;
17175 }
17176 .vbo-bookdet-head, .vbo-bookdet-foot {
17177 text-align: left;
17178 }
17179 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
17180 -webkit-flex: 100%;
17181 -ms-flex: 100%;
17182 flex: 100%;
17183 }
17184 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17185 width: 23%;
17186 }
17187 .vbo-bookdet-container {
17188 text-align: left;
17189 }
17190 .vbo-bookingdet-detcont {
17191 background: #f6f6f6;
17192 }
17193 .vbo-receipt-numdate-block {
17194 padding-top: 0 !important;
17195 vertical-align: top;
17196 }
17197 .vbo-bookdet-foot {
17198 font-size: 1em;
17199 }
17200 .vbo-table-responsive {
17201 overflow: visible;
17202 }
17203 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
17204 display: none !important;
17205 }
17206 body {
17207 -webkit-print-color-adjust: exact;
17208 }
17209 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
17210 background: #02679a !important;
17211 color: #fff !important;
17212 border: 1px solid #ddd !important;
17213 -webkit-print-color-adjust: exact;
17214 }
17215 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
17216 color: #fff !important;
17217 }
17218 .vbo-tableaux-table tr td:first-child {
17219 background: var(--vbo-config-child-bg-color) !important;
17220 }
17221
17222 html {
17223 padding: 0 !important;
17224 }
17225 body.vbo-is-printing {
17226 height: auto;
17227 background: #fff;
17228 }
17229 .vbo-is-printing h4 {
17230 margin-top: 0;
17231 padding-top: 0;
17232 }
17233 .vbo-is-printing .vbo-reports-output {
17234 margin: 10px 2px;
17235 padding-bottom: 10px;
17236 }
17237 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
17238 display: none;
17239 }
17240 .vbo-is-printing .vbo-report-output-printing .table-responsive {
17241 overflow: initial;
17242 box-shadow: none;
17243 }
17244 .vbo-is-printing .vbo-reports-output table th {
17245 text-transform: initial;
17246 }
17247 .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 {
17248 padding: 15px 5px;
17249 white-space: initial;
17250 font-size: 13px;
17251 }
17252 .vbo-is-printing .vbo-report-sheet {
17253 border-radius: 8px;
17254 padding: 3px;
17255 border: 1px solid #eee;
17256 margin-bottom: 2px;
17257 }
17258 .vbo-is-printing .vbo-reports-output table tbody td a {
17259 color: inherit;
17260 }
17261 .vbo-is-printing .vbo-reports-output .table-responsive {
17262 margin: 0;
17263 }
17264 .vbo-is-printing .vbo-report-title-print {
17265 text-align: center;
17266 }
17267 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
17268 flex-basis: 100%;
17269 }
17270 .vbo-is-printing .vbo-report-chart-wrap {
17271 display: none;
17272 }
17273 table tfoot {
17274 display: table-row-group;
17275 }
17276 .vbo-menu-container {
17277 display: none;
17278 }
17279 .vbo-allbookings-fm #filter-bar .pull-right {
17280 display: none;
17281 }
17282 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
17283 font-size: 12px;
17284 }
17285 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
17286 font-size: 12px;
17287 }
17288 .vbo-allbookings-fm span.label.vbo-status-label {
17289 font-size: 11px;
17290 padding: 5px 9px !important;
17291 }
17292 .vbo-allbookings-fm .vbo-provenience {
17293 font-size: 13px;
17294 }
17295 }
17296 @media screen and (min-width: 2400px) {
17297 .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 {
17298 flex-basis: auto;
17299 margin-right: 15px;
17300 margin-bottom: 0;
17301 }
17302 }
17303 @media screen and (min-width: 1860px) {
17304 .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 {
17305 margin-left: 0;
17306 }
17307 }
17308 @media screen and (max-width: 2000px) {
17309 .vbo-menu-updates > button {
17310 width: 44px;
17311 height: 44px;
17312 line-height: 36px;
17313 padding: 0;
17314 border-radius: 50%;
17315 }
17316 .vbo-menu-updates > button i {
17317 margin-right: 0 !important;
17318 }
17319 .vbo-menu-updates > button span {
17320 display: none;
17321
17322 }
17323 }
17324 @media screen and (max-width: 1860px) {
17325 .vbo-admin-container .vbo-param-container-full {
17326 flex-wrap: wrap;
17327 }
17328 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
17329 flex-basis: 100% !important;
17330 margin-bottom: 10px;
17331 }
17332 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
17333 display: block;
17334 margin-bottom: 5px;
17335 }
17336 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
17337 flex-basis: calc(25% - 16px);
17338 }
17339 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17340 width: calc(100% - 100px);
17341 }
17342 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
17343 flex-basis: calc(100% - 52px);
17344 }
17345 }
17346 @media screen and (max-width: 1760px) {
17347 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17348 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17349 width: 80px !important;
17350 }
17351 .vbo-roomentries-cont {
17352 width: 40%;
17353 }
17354 .vbo-report-sheetnchart .vbo-report-sheet {
17355 flex-basis: 50%;
17356 }
17357 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
17358 display: none;
17359 }
17360 .vbo-report-sheetnchart .vbo-report-chart-meta {
17361 flex-basis: 50%;
17362 }
17363 .vbo-dashboard-today-bookings {
17364 flex-basis: 65%;
17365 }
17366 .vbo-dashboard-chart-container {
17367 flex-basis: auto;
17368 flex-grow: initial;
17369 }
17370 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
17371 margin: 0 0 15px;
17372 }
17373 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
17374 width: 52% !important;
17375 }
17376 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
17377 width: 46%;
17378 }
17379 .vbo-dashboard-firstsetup-container {
17380 width: 90%;
17381 }
17382 .vbo-geoinfo-param .vbo-param-setting span {
17383 display:block;
17384 margin-bottom: 5px;
17385 }
17386 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
17387 display: inline-block;
17388 }
17389 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
17390 margin-bottom: 10px;
17391 }
17392 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
17393 display: block;
17394 float: none;
17395 margin-bottom: 10px;
17396 margin-left: 0;
17397 }
17398 .vbo-checkin-main-block .vbo-checkin-payment-container {
17399 flex-basis: 100%;
17400 margin: 10px 0;
17401 box-sizing: border-box;
17402 }
17403 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17404 flex-basis: 100%;
17405 margin-left: 0;
17406 }
17407 .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 {
17408 width: 100% !important;
17409 }
17410 .vbo-menu-parent-li > span {
17411 padding: 14px 15px;
17412 }
17413 }
17414 @media screen and (max-width: 1612px) {
17415 .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 {
17416 flex-basis: calc(50% - 12px);
17417 max-width: 50%;
17418 }
17419 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
17420 padding: 15px 5px 15px 10px;
17421 }
17422 }
17423 @media screen and (max-width: 1580px) {
17424 .vbo-dashboard-today-occ {
17425 margin: 10px 20px;
17426 }
17427 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17428 width: calc(33% - 80px);
17429 }
17430 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17431 width: calc(50% - 80px);
17432 }
17433 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
17434 flex-basis: calc(50% - 16px);
17435 }
17436 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
17437 display: flex;
17438 margin-bottom: 5px;
17439 }
17440 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
17441 flex: 1;
17442 }
17443 .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 {
17444 margin: 10px 15px 6px 10px;
17445 }
17446
17447 }
17448 /* main menu screen size adjustments */
17449 @media screen and (max-width: 1470px) {
17450 .vbo-menu-parent-li > span {
17451 padding: 14px 8px;
17452 }
17453 }
17454 @media screen and (max-width: 1440px) {
17455 .vbo-menu-updates > button {
17456 width: 42px;
17457 height: 42px;
17458 padding: 0;
17459 border-radius: 50%;
17460 }
17461 .vbo-menu-updates > button span {
17462 display: none;
17463 }
17464 .vbo-menu-updates > button i {
17465 margin-right: 0 !important;
17466 }
17467 }
17468 @media screen and (max-width: 1280px) {
17469 .vbo-menu-left {
17470 max-width: 100px;
17471 }
17472 .vbo-ratesoverview-period-container {
17473 flex: 0 0 25%;
17474 }
17475 #vbpaymentlogdiv pre {
17476 max-width: 100%;
17477 }
17478 .vbo-eorder-paymentlog-buttons {
17479 float: none;
17480 display: flex;
17481 column-gap: 10px;
17482 }
17483 }
17484
17485 @media screen and (max-width: 1520px) {
17486 .vbo-admin-container .vbo-param-container .vbo-param-label {
17487 flex-basis: 200px;
17488 }
17489 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
17490 flex-basis: 100%;
17491 }
17492 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
17493 flex-basis: 100%;
17494 }
17495 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
17496 margin-left: 10px;
17497 }
17498 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
17499 margin-top: 0;
17500 margin-left: 5px;
17501 }
17502 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
17503 width: 100%;
17504 }
17505 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17506 width: 50%;
17507 float: left;
17508 }
17509 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
17510 width: 100% !important;
17511 }
17512 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17513 width: 95%;
17514 }
17515 .vbo-admin-container > div:not([id^="jmodal"]) {
17516 flex: 100%;
17517 margin-left: 0 !important;
17518 margin-right: 0 !important;
17519 }
17520 .vbo-admin-container .adminform {
17521 margin: 10px 0;
17522 }
17523 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17524 margin: 8px;
17525 }
17526 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17527 width: calc(33% - 80px);
17528 }
17529 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17530 width: calc(100% - 80px);
17531 }
17532 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17533 -webkit-transform: rotate(-2deg);
17534 -o-transform: rotate(-2deg);
17535 -moz-transform: rotate(-2deg);
17536 }
17537 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
17538 width: calc(100% - 100px);
17539 -o-transform: rotate(0);
17540 -webkit-transform: rotate(0);
17541 -moz-transform: rotate(0);
17542 }
17543 .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 {
17544 display: block;
17545 margin-bottom: 2px;
17546 margin-right: 0;
17547 }
17548 }
17549 @media screen and (max-width: 1500px) and (min-width: 760px) {
17550 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
17551 white-space: initial;
17552 }
17553 }
17554 @media screen and (max-width: 1400px) {
17555 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
17556 width: 100%;
17557 float: none;
17558 box-sizing: border-box;
17559 }
17560 .vbo-bookingdet-summary-roomnum {
17561 display: block;
17562 }
17563 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
17564 white-space: initial;
17565 display: flex;
17566 }
17567 .vbo-bookingslist-viewdet-fulldate {
17568 white-space: nowrap;
17569 }
17570 .vbo-bookingslist-viewdet-open {
17571 margin-left: 10px;
17572 order: 2;
17573 }
17574 .vbo-dashboard-today-bookings {
17575 flex-basis: 60%;
17576 }
17577 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
17578 justify-content: left;
17579 }
17580 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17581 flex-basis: 50%;
17582 }
17583 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17584 width: 100%;
17585 }
17586 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
17587 margin-left: 0;
17588 }
17589 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
17590 float: none;
17591 margin-bottom: 10px;
17592 }
17593 .vbo-editbooking-room-services .vbo-editbooking-room-service {
17594 flex: 0 0 33%;
17595 }
17596 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
17597 align-self: end;
17598 margin-bottom: 0;
17599 }
17600 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
17601 flex-grow: 1;
17602 flex-wrap: wrap;
17603 margin-bottom: 0;
17604 }
17605 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
17606 display: block;
17607 flex-basis: 100%;
17608 margin-bottom: 5px;
17609 }
17610 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17611 width: 35vw;
17612 }
17613 }
17614 @media screen and (max-width: 1400px) and (min-width: 1320px) {
17615 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
17616 width: 100% !important;
17617 margin-bottom: 3px;
17618 }
17619 }
17620 @media screen and (max-width: 1380px) {
17621 #filter-bar {
17622 height: auto !important;
17623 }
17624 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17625 width: auto;
17626 display: block;
17627 margin: 3px;
17628 }
17629 .vbadmincaltable td {
17630 padding: 5px 0 !important;
17631 }
17632 .vbo-ratesoverview-roomsel-block > form {
17633 flex-wrap: wrap;
17634 }
17635 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17636 flex-basis: 100%;
17637 border-right: 0;
17638 border-bottom: 1px solid var(--vbo-config-border-color);
17639 border-radius: 0;
17640 }
17641 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
17642 border: 0;
17643 flex-basis: min-content;
17644 }
17645 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
17646 border: 1px solid var(--vbo-config-border-color);
17647 border-radius: 16px;
17648 padding: 20px;
17649 }
17650 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17651 width: 50%;
17652 }
17653 #vbo-report-chart-canvas {
17654 width: 82%;
17655 }
17656 .vbo-ratesoverview-roomsel-entry-forecast {
17657 flex-grow: inherit;
17658 }
17659 .vbo-menu-ul .vbo-menu-parent-li > span {
17660 padding: 13px 18px;
17661 }
17662 .vbo-menu-parent-li > span a {
17663 display: none;
17664 }
17665 .vbo-menu-parent-li > span > i {
17666 margin: 0;
17667 }
17668 .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 {
17669 flex-basis: 100%;
17670 }
17671 .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 {
17672 width: 100%;
17673 }
17674 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
17675 margin-left: 0;
17676 }
17677 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17678 width: 100% !important;
17679 }
17680 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17681 display: flex;
17682 }
17683 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17684 flex: 1;
17685 }
17686 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
17687 margin-left: 5px;
17688 }
17689 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
17690 max-width: 150px;
17691 }
17692 }
17693 @media screen and (max-width: 1320px) {
17694 .vbo-admin-container > div {
17695 flex: 100%;
17696 }
17697 .vbo-admin-container .adminform {
17698 margin: 10px 0;
17699 }
17700 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17701 margin: 8px;
17702 }
17703 .vbo-admin-container .vbo-param-container .vbo-param-label {
17704 flex-basis: 250px;
17705 }
17706 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
17707 flex-basis: 100%;
17708 }
17709 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
17710 margin: 10px 0px 0;
17711 }
17712 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
17713 margin-top: 0;
17714 margin-left: 5px;
17715 width: auto;
17716 }
17717 .vbo-roomentries-cont {
17718 width: 210px;
17719 }
17720 .vbo-ratesoverview-roomsel-entry-forecast > label {
17721 margin-left: 20px;
17722 margin-top: 20px;
17723 }
17724 .vbo-config-tabs-wrap dl.tabs dt {
17725 padding: 5px 15px;
17726 }
17727 .vbo-config-maintab-top {
17728 flex-wrap: wrap;
17729 }
17730 .vbo-config-maintab-top .vbo-config-fieldset-large {
17731 flex-basis: 100%;
17732 }
17733 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
17734 margin-left: 0;
17735 }
17736 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
17737 flex-basis: 100%;
17738 }
17739 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
17740 flex-basis: calc(50% - 12px);
17741 max-width: 50%;
17742 }
17743 #filter-bar .pull-left {
17744 margin-bottom: 10px;
17745 }
17746 /* @WPonly
17747 * The black background of the modal has been disabled in smartphones and tablets.
17748 * 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.
17749 */
17750 .modal-backdrop.fade.in {
17751 display: none;
17752 }
17753 }
17754 @media screen and (max-width: 1520px) and (min-width: 1280px) {
17755 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
17756 display: block;
17757 width: 100%;
17758 }
17759 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17760 width: 100%;
17761 display: block;
17762 margin-top: 5px;
17763 }
17764 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17765 display: inline-block;
17766 width: 90%;
17767 }
17768 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
17769 width: 100% !important;
17770 box-sizing: border-box;
17771 height: auto;
17772 }
17773 }
17774 @media screen and (max-width: 1290px) {
17775 .vbo-dashboard-today-bookings {
17776 flex-basis: 100%;
17777 }
17778
17779 .vbo-bookdet-splitstay-details > div > span {
17780 display: block;
17781 border-right: 0;
17782 border-bottom: 1px solid var(--vbo-basic-btn);
17783 }
17784 .vbo-bookdet-splitstay-details > div > span:last-child {
17785 border-bottom: 0;
17786 }
17787 }
17788 @media screen and (max-width: 1280px) {
17789 .vbo-menu-parent-li > span {
17790 padding: 18px 17px;
17791 }
17792 .vbo-menu-parent-li > span::after {
17793 right: 6px;
17794 }
17795 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
17796 margin-top: 20px;
17797 }
17798 .vbo-config-maintab-left .adminform:only-child {
17799 padding: 15px 20px;
17800 margin: 0px;
17801 }
17802 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
17803 display: inherit;
17804 width: auto;
17805 }
17806 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17807 width: auto;
17808 display: inline-block;
17809 margin-left: auto;
17810 }
17811 .vbo-checkin-main-block .vbo-roomsdet-container {
17812 flex-basis: 100%;
17813 margin: 0 0 10px;
17814 }
17815 .vbo-checkin-main-block .vbo-checkin-payment-container {
17816 flex-basis: 100%;
17817 box-sizing: border-box;
17818 }
17819 .vbo-graph-top-right, .vbo-graph-bottom-right {
17820 flex-basis: 20%;
17821 }
17822 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
17823 flex-basis: 100%;
17824 }
17825 .vbo-stats-topform .pull-left {
17826 display: block;
17827 float: none;
17828 margin-bottom: 5px;
17829 }
17830 .vbo-stats-topform #filter-bar .pull-right {
17831 float: right;
17832 margin-left: 5px;
17833 }
17834 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17835 flex-basis: 100%;
17836 }
17837 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17838 margin: 0 0 10px;
17839 }
17840 .vbo-report-layout-type .vbo-report-layout-type-inner {
17841 margin-right: 10px;
17842 }
17843 .vbo-report-sheetnchart {
17844 flex-wrap: wrap;
17845 }
17846 .vbo-report-sheetnchart .vbo-report-sheet {
17847 flex-basis: 100%;
17848 margin-right: 0;
17849 }
17850 .vbo-reports-filters-outer .vbo-reports-filters-export {
17851 display: block;
17852 width: 100%;
17853 float: none;
17854 margin-top: 5px;
17855 }
17856 .vbo-reports-filters-outer > div {
17857 margin: 3px;
17858 }
17859 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
17860 margin-right: 0;
17861 }
17862 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
17863 padding: 10px 20px;
17864 }
17865 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
17866 margin-bottom: 5px;
17867 }
17868 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
17869 font-size: 22px;
17870 }
17871 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
17872 margin-right: 0;
17873 }
17874 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
17875 display: block !important;
17876 }
17877 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17878 flex-basis: 50%;
17879 }
17880 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
17881 flex-basis: calc(100% - 16px);
17882 }
17883 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17884 flex-basis: 100%;
17885 }
17886 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17887 flex: initial;
17888 width: 100%;
17889 }
17890 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17891 flex: 1;
17892 }
17893 .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 {
17894 width: 100% !important;
17895 }
17896 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
17897 flex-wrap: wrap;
17898 }
17899 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17900 align-self: end;
17901 }
17902 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17903 width: auto;
17904 align-self: end;
17905 }
17906 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
17907 width: 110px !important;
17908 }
17909 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17910 width: auto !important;
17911 }
17912 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
17913 flex: initial;
17914 }
17915 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
17916 flex: 1;
17917 }
17918 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17919 width: 80px !important;
17920 }
17921 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
17922 width: 100%;
17923 }
17924 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17925 margin-top: 0;
17926 }
17927 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
17928 margin-left: 5px;
17929 }
17930 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
17931 display: block;
17932 margin-top: 5px;
17933 }
17934 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
17935 margin-left: 0;
17936 }
17937 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
17938 display: block;
17939 }
17940 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17941 width: 100%;
17942 }
17943 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
17944 width: 100%;
17945 }
17946 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
17947 grid-template-columns: repeat(1, 1fr);
17948 }
17949 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
17950 flex-grow: 1;
17951 }
17952 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
17953 flex-grow: 0;
17954 }
17955 .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 {
17956 margin: 5px 0 0;
17957 width: 100%;
17958 }
17959 .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 {
17960 width: 20px;
17961 margin-right: 8px;
17962 }
17963 .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 {
17964 width: 20px;
17965 height: 20px;
17966 line-height: 20px;
17967 margin-right: 8px;
17968 font-size: 10px;
17969 }
17970 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
17971 display: flex;
17972 }
17973 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
17974 margin-right: 3px;
17975 }
17976 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
17977 width: 100%;
17978 margin-left: 0;
17979 }
17980 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
17981 flex: 1;
17982 }
17983 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
17984 width: 100% !important;
17985 }
17986 .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 {
17987 flex: initial;
17988 }
17989 .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 {
17990 float: none;
17991 margin: 10px 15px 0px 10px;
17992 }
17993 .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 {
17994 flex-basis: 100%;
17995 }
17996 .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 {
17997 width: 100%;
17998 float: none;
17999 }
18000 .vbo-admin-widget-head .btn-toolbar {
18001 margin: 10px 15px 10px 10px;
18002 }
18003 .vbo-ratesoverview-period-boxes-inner > div {
18004 flex-basis: 100%;
18005 }
18006 }
18007 @media screen and (max-width: 1080px) {
18008 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
18009 order:2;
18010 }
18011 .vbo-ratesoverview-period-container {
18012 -ms-flex: 100%;
18013 -webkit-flex: 100%;
18014 flex: 100%;
18015 order:1;
18016 margin-bottom: 5px;
18017 }
18018 #filter-bar .pull-right {
18019 display: inline-block;
18020 float: none;
18021 margin: 0 0 5px 0;
18022 }
18023 .btn-group.pull-right.vbo-avov-legend {
18024 width: 100%;
18025 }
18026 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18027 flex-basis: 20%;
18028 }
18029 .vbo-config-tabs-wrap dl.tabs dt {
18030 padding: 10px;
18031 }
18032 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
18033 flex-basis: 45%;
18034 }
18035 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18036 width: 100%;
18037 }
18038 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
18039 flex-basis: 100%;
18040 }
18041 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
18042 flex-basis: 100%;
18043 height: 100px;
18044 }
18045 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
18046 flex-basis: calc((50% - (16px / 2)));
18047 }
18048 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
18049 flex-basis: calc((50% - (24px / 3)));
18050 }
18051 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
18052 flex-basis: calc((25% - (16px / 2)));
18053 }
18054 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
18055 flex-basis: calc((25% - (24px / 3)));
18056 }
18057 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
18058 flex: 1;
18059 }
18060 #filter-bar .btn-group.pull-right {
18061 float: left;
18062 }
18063 .vbo-translations-element-row {
18064 flex-wrap: wrap;
18065 }
18066 .vbo-translations-element-row .vbo-translations-element-lbl {
18067 flex-basis: 100%;
18068 margin-bottom: 15px;
18069 margin-right: 0;
18070 }
18071 fieldset.adminform .vbo-list-table-rounded {
18072 max-width: 700px;
18073 }
18074 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
18075 -webkit-flex: 100%;
18076 -ms-flex: 100%;
18077 flex: 100%;
18078 }
18079 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
18080 width: 45%;
18081 display: inline-block;
18082 }
18083 }
18084 @media screen and (max-width: 1024px) {
18085 .vbo-graph-top-left, .vbo-graph-bottom-left {
18086 margin-right: 0;
18087 margin-bottom: 20px;
18088 }
18089 .vbo-graph-top-right, .vbo-graph-bottom-right {
18090 flex-basis: 100%;
18091 }
18092 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
18093 flex-basis: 50%;
18094 }
18095 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
18096 margin-bottom: 15px;
18097 margin-right: 5px;
18098 }
18099 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
18100 display: inline-block !important;
18101 padding-right: 0;
18102 }
18103 .vbo-ratesoverview-roomsel-entry-forecast {
18104 flex-basis: 100%;
18105 }
18106 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18107 width: 33%;
18108 }
18109 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
18110 padding-bottom: 0;
18111 }
18112 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
18113 width: 120px !important;
18114 flex-grow: 0;
18115 }
18116 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18117 flex-grow: 0;
18118 flex-basis: auto;
18119 }
18120 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
18121 width: 80px !important;
18122 flex-grow: 0;
18123 }
18124 .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 {
18125 flex-grow: 1;
18126 }
18127 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18128 margin-left: 8px;
18129 }
18130 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
18131 margin-bottom: 0;
18132 }
18133 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
18134 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
18135 margin-top: 5px;
18136 }
18137 }
18138 @media screen and (max-width: 960px) {
18139 .vbo-config-tabs-wrap dl.tabs dt {
18140 padding: 10px 20px;
18141 }
18142 .vbo-menu-parent-li > span::after {
18143 right: 11px;
18144 }
18145 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18146 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18147 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18148 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18149 width: calc(100% - 80px);
18150 }
18151 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
18152 flex-basis: 100%;
18153 }
18154 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
18155 flex-basis: 100%;
18156 margin: 5px 0 0;
18157 }
18158 .add-tax-breakdown-cont div span {
18159 margin-bottom: 5px;
18160 }
18161 .select2-container--default .select2-search--inline .select2-search__field {
18162 -webkit-appearance: initial !important;
18163 }
18164 .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 {
18165 margin: 0px 15px 0px 10px;
18166 }
18167 .vbo-bookingdet-noteslogs-btn a {
18168 text-transform: initial;
18169 padding: 10px;
18170 font-size: 12px;
18171 }
18172 }
18173 @media screen and (max-width: 1280px) and (min-width: 860px) {
18174 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18175 width: calc(100% - 80px);
18176 }
18177 }
18178 @media screen and (max-width: 940px) {
18179 .vbo-rmphotos-cont {
18180 float: none;
18181 margin: 0 0 10px;
18182 }
18183 #editor-xtd-buttons .btn {
18184 margin:5px 5px 0 0 !important;
18185 }
18186 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
18187 margin: 10px 0 0;
18188 }
18189 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
18190 flex-basis: 100%;
18191 box-sizing: border-box;
18192 }
18193 .vbo-checkin-payment-container {
18194 -ms-flex: 100%;
18195 -webkit-flex: 100%;
18196 flex: 100%;
18197 margin-left: 0;
18198 }
18199 .vbo-checkin-payment-container {
18200 padding: 10px 15px;
18201 }
18202 #vbo-graphstats-right-legend ul.pie-legend li,
18203 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
18204 -ms-flex: 0 0 30%;
18205 -webkit-flex: 0 0 30%;
18206 flex: 0 0 30%;
18207 }
18208 .vbo-calendar-cfields-inner {
18209 box-sizing: border-box;
18210 }
18211 .vbo-info-overlay-content {
18212 width: 70%;
18213 }
18214 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
18215 display: block !important;
18216 margin-top: 5px;
18217 margin-left: 0;
18218 }
18219 #pt5 .vbo-admin-container .vbo-param-container {
18220 flex-wrap: wrap;
18221 }
18222 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
18223 flex-basis: 100%;
18224 font-weight: bold;
18225 }
18226 .vbo-admin-container .vbo-param-container .vbo-param-label label {
18227 margin-bottom: 0;
18228 }
18229 .vbo-sortable .vbimagedetbox {
18230 right: 0;
18231 left: 0;
18232 }
18233 .vbo-sortable .vbimagedetbox .captionlabel {
18234 width: 100%;
18235 }
18236 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
18237 width: 100% !important;
18238 height: auto;
18239 box-sizing: border-box;
18240 }
18241 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
18242 width: auto !important;
18243 }
18244 .vbo-dashboard-top-outer {
18245 display: inherit;
18246 }
18247 .vbo-dashboard-today-bookings {
18248 display: inherit;
18249 }
18250 .vbo-dashboard-today-bookings > div {
18251 margin-right: 0;
18252 }
18253 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
18254 width: 100%;
18255 }
18256 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
18257 border: 0;
18258 }
18259 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
18260 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
18261 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
18262 width: 100%;
18263 min-width: 100%;
18264 }
18265 .vbo-list-form-filters form[name="seasonsform"] > div {
18266 margin: 3px 10px 3px 0;
18267 }
18268 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
18269 width: 80vw;
18270 }
18271 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
18272 padding: 4px 10px;
18273 border: 1px solid #666;
18274 }
18275 .vbo-notifications-center-wrap {
18276 width: 60vw;
18277 }
18278 }
18279 @media screen and (max-width: 860px) {
18280 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
18281 padding: 12px 0;
18282 }
18283 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
18284 flex: 33%;
18285 flex-basis: inherit !important;
18286 }
18287 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
18288 border: 0;
18289 padding: 5px 15px 0;
18290 font-size: 11px;
18291 text-transform: uppercase;
18292 }
18293 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
18294 padding-top: 0;
18295 }
18296 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
18297 height: 100px;
18298 }
18299 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
18300 width: auto !important;
18301 }
18302 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
18303 width: calc(33% - 20px);
18304 }
18305 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
18306 flex-basis: calc(50% - 34px);
18307 }
18308 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
18309 width: calc(33% - 15px);
18310 }
18311 .vbo-bookingdet-noteslogs-btn .vbo-bookingdet-admintab-lbl {
18312 display: none;
18313 }
18314 }
18315 @media screen and (max-width: 780px) {
18316 .vbo-bookingdet-summary, .vbo-editbooking-summary {
18317 padding-top: 0 !important;
18318 }
18319 .vbo-trackings-table-head {
18320 display: none;
18321 }
18322 .vbo-trackings-table-body-hidden-lbl {
18323 display: block;
18324 font-weight: bold;
18325 text-transform: uppercase;
18326 margin-bottom: 7px;
18327 color: var(--vbo-config-titles-color-light);
18328 }
18329 .vbo-trackings-table-body-cell {
18330 padding: 5px 10px;
18331 text-align: left !important;
18332 }
18333 .vbo-trackings-table-cell-id {
18334 flex: 0 0 33px !important;
18335 }
18336 .vbo-trackings-chart-avgval-listcont > div {
18337 flex-basis: 40%;
18338 }
18339 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
18340 flex: 50%;
18341 }
18342 .vbo-ratesoverview-roomsel-block > form {
18343 flex-wrap: wrap;
18344 }
18345 .vbo-ratesoverview-roomsel-entry {
18346 flex-basis: 100%;
18347 border: 0;
18348 border-bottom: 1px solid var(--vbo-config-border-color);
18349 }
18350 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
18351 border-right: 0;
18352 }
18353 .vbo-ratesoverview-roomsel-entry-los {
18354 border: 0;
18355 }
18356 .vbo-ratesoverview-period-box-cals-inner {
18357 width: 100%;
18358 }
18359 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
18360 width: 100%;
18361 margin-top: 10px;
18362 background: var(--vbo-config-child-bg-color);
18363 padding: 10px;
18364 box-sizing: border-box;
18365 }
18366 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
18367 width: 100%;
18368 }
18369 .vbo-admin-widgets-section .vbo-admin-widgets-container {
18370 max-width: 100%;
18371 flex-basis: 100%;
18372 }
18373 .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 {
18374 max-width: 100%;
18375 flex-basis: 100%;
18376 }
18377 .vbo-calendar-cfields-inner {
18378 grid-template-columns: repeat(1, auto);
18379 }
18380 }
18381 @media screen and (max-width: 767px) {
18382 .table-responsive, .vbo-table-responsive {
18383 width: 100%;
18384 margin-bottom: 15px;
18385 overflow-y: hidden;
18386 -ms-overflow-style: -ms-autohiding-scrollbar;
18387 border: 1px solid var(--vbo-config-border-color);
18388 }
18389 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
18390 margin-bottom: 0;
18391 }
18392 .table-responsive > .table > thead > tr > th,
18393 .table-responsive > .table > tbody > tr > th,
18394 .table-responsive > .table > tfoot > tr > th,
18395 .table-responsive > .table > thead > tr > td,
18396 .table-responsive > .table > tbody > tr > td,
18397 .table-responsive > .table > tfoot > tr > td {
18398 white-space: nowrap;
18399 }
18400 .table-responsive > .table-bordered {
18401 border: 0;
18402 }
18403 .table-responsive > .table-bordered > thead > tr > th:first-child,
18404 .table-responsive > .table-bordered > tbody > tr > th:first-child,
18405 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
18406 .table-responsive > .table-bordered > thead > tr > td:first-child,
18407 .table-responsive > .table-bordered > tbody > tr > td:first-child,
18408 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
18409 border-left: 0;
18410 }
18411 .table-responsive > .table-bordered > thead > tr > th:last-child,
18412 .table-responsive > .table-bordered > tbody > tr > th:last-child,
18413 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
18414 .table-responsive > .table-bordered > thead > tr > td:last-child,
18415 .table-responsive > .table-bordered > tbody > tr > td:last-child,
18416 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
18417 border-right: 0;
18418 }
18419 .table-responsive > .table-bordered > tbody > tr:last-child > th,
18420 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
18421 .table-responsive > .table-bordered > tbody > tr:last-child > td,
18422 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
18423 border-bottom: 0;
18424 }
18425 #jmodal-vbo-new-res {
18426 left: 50%;
18427 transform: translate(-50%, -50%);
18428 margin-left: 0 !important;
18429 }
18430 }
18431 @media screen and (max-width : 740px) {
18432 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
18433 width: 100%;
18434 float: none;
18435 margin: 5px 0;
18436 }
18437 .vbo-info-overlay-content {
18438 width: 80%;
18439 overflow-y: scroll;
18440 }
18441 .vbo-bookingdet-summary, .vbo-editbooking-summary {
18442 flex: auto;
18443 width: 100%;
18444 box-sizing: border-box;
18445 }
18446 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
18447 flex: auto;
18448 width: 94%;
18449 box-sizing: border-box;
18450 }
18451 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
18452 flex-wrap: wrap;
18453 }
18454 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
18455 flex-basis: 100%;
18456 font-weight: bold;
18457 }
18458 #vbmessagingdiv {
18459 flex-basis: 150px;
18460 }
18461 .vbo-menu-left {
18462 display: none;
18463 }
18464 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
18465 flex-basis: calc(50% - 34px);
18466 }
18467 .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 {
18468 display: block;
18469 margin-right: 0;
18470 margin-bottom: 4px;
18471 }
18472 fieldset.adminform .vbo-list-table-rounded {
18473 max-width: 600px;
18474 }
18475 }
18476 @media screen and (max-width : 680px) {
18477 .vbo-preferred-countries-sortlist {
18478 max-width: 100%;
18479 width: 100%;
18480 }
18481 .vbo-ebusy-extracosts-cellname input {
18482 max-width: 100px;
18483 }
18484 .vbo-ebusy-extracosts-celltax select {
18485 max-width: 100px;
18486 }
18487 #vbo-graphstats-right-canv {
18488 width: 100% !important;
18489 height: auto !important
18490 }
18491 .vbo-tracking-info-details > div {
18492 padding: 10px;
18493 }
18494 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
18495 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
18496 flex: 1;
18497 }
18498 #filter-bar.vbo-trackings-filters .pull-right {
18499 display: block;
18500 }
18501 #breakdown-cont {
18502 display: block;
18503 width: 100%;
18504 }
18505 .add-tax-breakdown-cont div span {
18506 margin-bottom: 5px;
18507 }
18508 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
18509 width: 90%;
18510 }
18511 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18512 flex-basis: 40%;
18513 }
18514 .vbo-admin-container .vbo-param-container {
18515 flex-wrap: wrap;
18516 }
18517 .vbo-admin-container .vbo-param-container .vbo-param-label {
18518 margin-right: 0;
18519 flex-basis: 100%;
18520 }
18521 .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 {
18522 width: 100% !important;
18523 }
18524 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
18525 width: auto !important;
18526 }
18527 .vbo-admin-container .vbo-param-container .vbo-param-label {
18528 font-size: 13px;
18529 font-weight: bold;
18530 }
18531 .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 {
18532 width: 100% !important;
18533 max-width: inherit !important;
18534 height: auto;
18535 box-sizing: border-box;
18536 }
18537 .vbo-admin-container .vbo-param-container .vbo-param-setting {
18538 display: flex;
18539 flex-wrap: wrap;
18540 }
18541 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
18542 width: 100%;
18543 }
18544 input[type="number"].vbo-small-input {
18545 width: 80px !important;
18546 }
18547 .vbo-admin-container .vbo-param-container.vbo-param-nested {
18548 flex-wrap: wrap;
18549 }
18550 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
18551 flex-basis: 100%;
18552 }
18553 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
18554 width: 100%;
18555 margin: 5px 0;
18556 }
18557 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
18558 width: 100%;
18559 }
18560 .vbo-admin-container .vbo-param-container.vbo-param-child {
18561 margin-top: -15px;
18562 }
18563 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
18564 margin: 0;
18565 padding: 0;
18566 }
18567 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
18568 width: 100% !important;
18569 }
18570 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
18571 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
18572 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
18573 width: auto !important;
18574 margin-right: 5px;
18575 }
18576 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
18577 flex: 1;
18578 flex-grow: 0;
18579 flex-basis: 130px;
18580 }
18581 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
18582 margin-left: 10px;
18583 }
18584 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
18585 margin: 0 0 0 5px;
18586 width: auto !important;
18587 }
18588 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
18589 margin-bottom: 0;
18590 }
18591 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
18592 height: 30px;
18593 }
18594 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
18595 margin-bottom: 5px !important;
18596 }
18597 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
18598 margin-bottom: 5px;
18599 }
18600 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
18601 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
18602 width: 90px !important;
18603 }
18604 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
18605 margin-left: 10px;
18606 }
18607 .vbo-admin-container .vbo-param-container {
18608 margin: 15px 0;
18609 }
18610 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
18611 width: 120px !important;
18612 }
18613 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
18614 width: auto !important;
18615 }
18616 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
18617 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
18618 width: 120px !important;
18619 }
18620 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
18621 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
18622 margin-right: 10px;
18623 }
18624 .vbo-admin-container .adminform {
18625 padding: 15px 20px;
18626 }
18627 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
18628 margin: 8px 0 0 50px;
18629 }
18630 #vbo-row-custcost .vbo-param-setting input {
18631 width: auto !important;
18632 }
18633 .vbo-ratesoverview-period-box-cals-inner {
18634 padding: 10px;
18635 }
18636 .vbo-ratesoverview-period-box-cals-inner > div {
18637 display: block;
18638 margin: 10px;
18639 width: auto;
18640 }
18641 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
18642 width: auto;
18643 padding-right: 0;
18644 border: 0;
18645 box-sizing: border-box;
18646 margin-bottom: 20px;
18647 }
18648 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
18649 text-align: center;
18650 text-transform: capitalize;
18651 font-size: 16px;
18652 }
18653 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
18654 width: 100%;
18655 box-sizing: border-box;
18656 }
18657 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
18658 border-radius: 4px;
18659 border: 1px solid var(--vbo-config-border-color);
18660 }
18661 .vbo-tariffs-params-container .vbo-param-setting form {
18662 width: 100%;
18663 }
18664 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
18665 display: block;
18666 width: 100%;
18667 font-weight: bold;
18668 }
18669 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
18670 display: flex;
18671 margin: 5px 0 0;
18672 width: 100%;
18673 }
18674 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
18675 align-self: center;
18676 margin-right: 5px;
18677 }
18678 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
18679 flex: 1;
18680 }
18681 .vbo-bookdet-container .vbo-bookdet-wrap {
18682 width: 45%;
18683 border: 0;
18684 padding-right: 0;
18685 }
18686 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
18687 flex-basis: 100% !important;
18688 }
18689 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
18690 display: block;
18691 font-weight: bold;
18692 }
18693 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
18694 width: 100% !important;
18695 max-width: 100% !important;
18696 }
18697 .vbo-dashboard-refresh-container {
18698 margin: 0px auto 0;
18699 float: none;
18700 display: table;
18701 }
18702 .vbo-modal-overlay-block .vbo-modal-overlay-content {
18703 width: 80%;
18704 }
18705 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
18706 width: calc(50% - 20px);
18707 }
18708 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
18709 width: calc(50% - 10px);
18710 }
18711
18712 .popover.right {
18713 left: 0 !important;
18714 border-right-width: 0 !important;
18715 border-left-color: #999 !important;
18716 border-left-color: rgba(0,0,0,0.25) !important;
18717 right: 0 !important;
18718 left: 7% !important;
18719 }
18720 .popover.right .arrow {
18721 top: 50% !important;
18722 margin-top: -11px !important;
18723 border-right-width: 0 !important;
18724 border-left-color: #999 !important;
18725 border-left-color: rgba(0,0,0,0.25) !important;
18726 right: 0 !important;
18727 }
18728 .popover.right .arrow:after {
18729 left: 1px !important;
18730 border-right-width: 0 !important;
18731 border-right-color: #fff !important;
18732 }
18733 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
18734 min-width: 200px;
18735 max-width: 200px;
18736 white-space: nowrap;
18737 overflow: hidden;
18738 text-overflow: ellipsis;
18739 }
18740 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
18741 white-space: nowrap;
18742 overflow: hidden;
18743 text-overflow: ellipsis;
18744 width: 130px;
18745 display: inline-block;
18746 }
18747 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
18748 box-sizing: border-box;
18749 width: 100%;
18750 }
18751 .vbo-dashboard-today-roomocc-customers {
18752 border: 0;
18753 }
18754 .wp-editor-container .quicktags-toolbar input[type="button"] {
18755 width: auto !important;
18756 }
18757 .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 {
18758 width: 100%;
18759 }
18760 .vbo-config-gr-services {
18761 width: 100%;
18762 }
18763 .vbo-config-gr-services .vbo-config-gr-service {
18764 display: flex;
18765 }
18766 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
18767 flex: 1;
18768 margin-right: 5px;
18769 }
18770 .vbo-smstpl-bgroup button.btn {
18771 margin: 2px !important;
18772 }
18773 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
18774 width: 100%;
18775 }
18776 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
18777 flex-basis: calc(50% - 38px);
18778 }
18779 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
18780 width: auto !important;
18781 }
18782 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
18783 width: auto !important;
18784 }
18785 .vbo-tariffs-params-container .vbo-param-setting {
18786 margin-top: 30px;
18787 }
18788 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
18789 width: auto !important;
18790 }
18791 .vbo-params-container .vbo-param-setting select#val_pcent {
18792 width: auto !important;
18793 }
18794 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
18795 width: 100px !important;
18796 }
18797 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
18798 width: 130px !important;
18799 }
18800 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
18801 width: auto !important;
18802 }
18803 #vbo-row-people .vbo-param-setting select {
18804 width: auto !important;
18805 }
18806 #vbo-close-all-rooms-sel {
18807 width: 100%;
18808 }
18809 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18810 flex-grow: 1;
18811 }
18812 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
18813 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
18814 width: 100%;
18815 margin-bottom: 5px;
18816 }
18817 .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 {
18818 width: 100% !important;
18819 flex-grow: 1;
18820 }
18821 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18822 margin-left: 0;
18823 }
18824 .vbo-param-confirm-btn .btn {
18825 width: 100%;
18826 }
18827 .vbo-review-json-entry {
18828 width: 50%;
18829 }
18830 }
18831 @media screen and (max-width : 640px) {
18832 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
18833 flex-basis: 50%;
18834 }
18835 .vbo-calcrates-rateblock > span {
18836 width: 20%;
18837 margin: 5px 10px 5px 0;
18838 }
18839 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18840 widows: 50%;
18841 }
18842 .vbo-calcrates-rateblock > span {
18843 width: 35%;
18844 }
18845 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
18846 width: 100%;
18847 margin-top: 10px;
18848 }
18849 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
18850 flex-basis: 100%;
18851 }
18852 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
18853 flex-basis: 100%;
18854 }
18855 .vbrestrdrangesp {
18856 display: block;
18857 margin-bottom: 4px;
18858 }
18859 .vbrestrdrangesp + .wp-calendar-box {
18860 margin-right: 5px;
18861 }
18862 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
18863 width: 100%;
18864 }
18865 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
18866 width: 100%;
18867 }
18868 .vbo-checkin-custdet-entry {
18869 margin-bottom: 10px;
18870 display: inline-block;
18871 width: 100%;
18872 margin: 5px;
18873 vertical-align: top;
18874 }
18875 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
18876 flex-basis: 100% !important;
18877 }
18878 .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 {
18879 width: 100%;
18880 }
18881 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
18882 margin-left: 0;
18883 }
18884 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
18885 flex: 1;
18886 }
18887 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
18888 display: flex;
18889 }
18890 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
18891 flex: 1;
18892 }
18893 .vbo-overlay-fests-addnew-elem input[type="text"] {
18894 width: 100% !important;
18895 }
18896 .vbo-overlay-fests-addnew-save .btn-success {
18897 width: 100% !important;
18898 }
18899 .vbo-dashboard-today-occ-listcont {
18900 width: 100%;
18901 box-sizing: border-box;
18902 }
18903 fieldset.adminform .vbo-list-table-rounded {
18904 max-width: 500px;
18905 }
18906 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save {
18907 flex-basis: 100%;
18908 }
18909 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn {
18910 width: 100%;
18911 }
18912 }
18913 @media screen and (max-width : 580px) {
18914 .vbo-calendar-cfields-search {
18915 width: 100%;
18916 width: 100%;
18917 background: var(--vbo-main-bg-color);
18918 padding: 10px 15px;
18919 float: none;
18920 margin-bottom: 10px;
18921 box-sizing: border-box;
18922 border: 1px solid var(--vbo-config-border-color);
18923 }
18924 .vbo-calendar-cfields-search input {
18925 margin-bottom: 0;
18926 }
18927 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
18928 margin-right: 0;
18929 }
18930 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
18931 width: 100% !important;
18932 }
18933 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
18934 flex: 100%;
18935 }
18936 .vbo-calendar-cfields-bottom {
18937 margin: 10px 0 15px 10px;
18938 display: flex;
18939 }
18940 .vbo-calendar-cfields-bottom .btn {
18941 flex: 1;
18942 }
18943 .vbo-calendar-cfields-bottom .btn-success {
18944 margin-left: 10px;
18945 }
18946 .vbo-ratesoverview-tabscont > div {
18947 margin: 4px 5px;
18948 }
18949 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
18950 margin: 5px 5px 0;
18951 }
18952 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
18953 width: 100%;
18954 margin: 10px 0 0;
18955 }
18956 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
18957 width: 100%;
18958 }
18959 .vbo-ratesoverview-tabscont div {
18960 width: 100%;
18961 box-sizing: border-box;
18962 }
18963 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
18964 white-space: inherit;
18965 }
18966 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
18967 width: 100%;
18968 }
18969 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
18970 width: 100% !important;
18971 }
18972 .vbo-bookingdet-admin-entry select {
18973 width: 100% !important;
18974 }
18975 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
18976 width: 48%;
18977 }
18978 .vbo-booking-history-container td {
18979 white-space: initial !important;
18980 }
18981 .vbo-dashboard-chart-container {
18982 flex-basis: 100%;
18983 }
18984 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18985 width: 50%;
18986 }
18987 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18988 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18989 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18990 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18991 width: calc(100% - 80px);
18992 }
18993 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
18994 width: auto;
18995 display: block;
18996 text-align: left;
18997 padding: 3px 5px;
18998 }
18999 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
19000 margin-right: 5px;
19001 }
19002 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
19003 width: 110px;
19004 }
19005 .vbo-menu-right > .vbo-menu-ul {
19006 display: contents;
19007 }
19008 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
19009 margin-bottom: 8px;
19010 }
19011 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
19012 flex-basis: 100% !important;
19013 }
19014 .vbo-translation-tab {
19015 width: calc(50% - 29px);
19016 }
19017 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
19018 width: 86%;
19019 }
19020 #alwaysavcont {
19021 flex-basis: 100%;
19022 }
19023 .vbo-tariffs-wizard-price {
19024 flex-basis: 100%;
19025 }
19026 .vbo-param-setting .vbwdaytwodiv {
19027 width: 100%;
19028 margin-top: 10px;
19029 margin-left: 0;
19030 }
19031 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
19032 flex-wrap: wrap;
19033 }
19034 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
19035 flex-basis: 100%;
19036 }
19037 .vbo-info-overlay-content .vbo-add-room-entry > div {
19038 width: 100%;
19039 margin: 5px 0;
19040 }
19041 .vbo-info-overlay-content .vbo-add-room-entry select {
19042 width: 100% !important;
19043 }
19044 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
19045 flex-basis: 100%;
19046 }
19047 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
19048 flex-grow: 0;
19049 margin-bottom: 0px;
19050 }
19051 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
19052 width: 100px !important;
19053 flex: 1;
19054 }
19055 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
19056 flex: 1;
19057 display: flex;
19058 flex-wrap: nowrap;
19059 }
19060 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
19061 align-self: center;
19062 margin-right: 5px;
19063 }
19064 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
19065 flex: 1;
19066 margin-left: 0;
19067 }
19068 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
19069 width: 80px !important;
19070 flex-grow: 1;
19071 }
19072 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
19073 width: 100%;
19074 display: flex;
19075 }
19076 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
19077 width: 90vw;
19078 }
19079 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
19080 flex: 1;
19081 }
19082 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
19083 width: 100% !important;
19084 }
19085 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
19086 margin-left: 0;
19087 }
19088 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
19089 margin-bottom: 5px;
19090 display: inline-block;
19091 }
19092 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
19093 width: 100%;
19094 }
19095 .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 {
19096 width: 100%;
19097 }
19098 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
19099 flex: 1;
19100 }
19101 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
19102 display: flex;
19103 }
19104 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
19105 flex: 1;
19106 }
19107 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
19108 margin-left: 5px;
19109 }
19110 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
19111 flex-wrap: wrap;
19112 }
19113 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
19114 flex-wrap: wrap;
19115 }
19116 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
19117 flex-basis: 100%;
19118 margin-top: 5px;
19119 }
19120 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
19121 width: 100%;
19122 }
19123 .vbo-quickres-head .vbo-quickres-head-right {
19124 margin-top: 10px;
19125 width: 100%;
19126 }
19127 .vbo-list-form-filters .btn-toolbar #rname {
19128 width: 200px !important;
19129 }
19130 .vbo-calcrates-rateblock > span {
19131 flex-basis: 100%;
19132 margin: 5px 0 5px 0;
19133 border-bottom: 1px solid var(--vbo-config-border-color);
19134 padding-bottom: 5px;
19135 text-align: right;
19136 }
19137 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
19138 border: 0;
19139 }
19140 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
19141 text-align: left;
19142 }
19143 .vbo-calcrates-rateblock > span > span {
19144 float: left;
19145 }
19146 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
19147 font-size: 18px;
19148 }
19149 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
19150 margin-right: 0;
19151 font-size: 18px;
19152 }
19153 .vbo-modal-wguestmessages-chat-info-booking .badge {
19154 margin-bottom: 2px;
19155 }
19156 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
19157 display: flex;
19158 }
19159 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
19160 flex-basis: 25px !important;
19161 flex-grow: 0 !important;
19162 }
19163 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
19164 width: 25px;
19165 height: 25px;
19166 }
19167 .vbo-submenu-wrap {
19168 display: none;
19169 }
19170 .vbo-menu-ul li:hover .vbo-submenu-wrap {
19171 display: block;
19172 }
19173 .vbo-config-tabs-wrap dl.tabs dt {
19174 padding: 10px 0;
19175 width: 50%;
19176 }
19177 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
19178 width: 100%;
19179 }
19180 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
19181 display: inline-block;
19182 width: 100%;
19183 }
19184 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
19185 display: block;
19186 }
19187 .vbo-btn-toolbar .input-append input#code {
19188 max-width: 150px;
19189 }
19190 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
19191 min-width: 180px;
19192 }
19193 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
19194 width: 100%;
19195 }
19196 .vbo-info-overlay-content {
19197 height: 90%;
19198 }
19199 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
19200 margin-top: 0px;
19201 }
19202 .vbo-avcalendars-roomphoto img {
19203 width: 100%;
19204 }
19205 .vbcsvexport {
19206 margin: 2px !important;
19207 }
19208 .vbo-editbooking-totrefund {
19209 margin: 10px 0 0;
19210 }
19211 .vbo-param-setting #pin + .btn.vbo-config-btn {
19212 margin: 5px 0 !important;
19213 }
19214 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
19215 max-width: 100px !important;
19216 }
19217 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
19218 flex-basis: 100%;
19219 }
19220 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
19221 border-left: 1px solid var(--vbo-config-border-color);
19222 }
19223 .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 {
19224 border-radius: 6px !important;
19225 }
19226 .vbo-notifications-center-wrap {
19227 top: 57px;
19228 right: -100px;
19229 width: 80vw;
19230 }
19231 .vbo-notifications-center-wrap:before {
19232 right: 123px;
19233 }
19234 }
19235 @media screen and (max-width : 550px) {
19236 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
19237 -webkit-flex: 100%;
19238 -ms-flex: 100%;
19239 flex: 100%;
19240 }
19241 .vbo-ratesoverview-tabscont div > i {
19242 margin-bottom: 3px;
19243 }
19244 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
19245 flex-basis: 36%;
19246 }
19247 .vbo-trackings-chart-avgvals {
19248 flex: 1;
19249 padding-right: 0;
19250 }
19251 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
19252 width: 100% !important;
19253 margin-bottom: 3px;
19254 }
19255 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
19256 flex: 100%;
19257 }
19258 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
19259 margin: 10px auto;
19260 }
19261 .vbmodelink {
19262 margin: 5px;
19263 }
19264 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
19265 flex-basis: 100%;
19266 }
19267 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
19268 margin: 0 0 10px;
19269 }
19270 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
19271 width: 100%;
19272 }
19273 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
19274 flex-basis: 100%;
19275 }
19276 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
19277 flex-basis: calc(100% - 34px);
19278 }
19279 fieldset.adminform .vbo-list-table-rounded {
19280 max-width: 400px;
19281 }
19282 .vbo-widget-finance-data-block-rankings {
19283 grid-template-columns: repeat(1, 1fr);
19284 }
19285 .vbo-eorder-paymentlog-buttons {
19286 display: block;
19287 }
19288 .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn {
19289 text-align: center;
19290 }
19291 }
19292 @media screen and (max-width : 500px) {
19293 .vbo-translation-tab.vbo-translation-tab-ini {
19294 float: none;
19295 }
19296 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
19297 width: auto !important;
19298 }
19299 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
19300 width: 100%;
19301 margin: 5px 0;
19302 }
19303 .vbo-bookdet-container .vbo-bookdet-wrap {
19304 width: auto;
19305 border-bottom: 1px solid var(--vbo-config-border-color);
19306 padding: 0 0 5px;
19307 margin: 5px;
19308 box-sizing: border-box;
19309 display: block;
19310 }
19311 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
19312 border: 0;
19313 }
19314 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
19315 width: 100%;
19316 display: inline-block;
19317 margin: 5px 3px;
19318 }
19319 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
19320 flex-basis: 100%;
19321 }
19322 .vbo-calcrates-rateblock > span {
19323 width: 100%;
19324 }
19325 .modal-header .box-close {
19326 padding: 0 !important;
19327 border-bottom: 0 !important;
19328 }
19329 .modal .modal-header .box-close {
19330 border-left: 0 !important;
19331 }
19332 .vbo-cal-splitstay-details {
19333 min-width: initial;
19334 width: 100%;
19335 }
19336 .vbo-cal-splitstay-details > div {
19337 grid-template-columns: repeat(1, 1fr);
19338 }
19339 .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 {
19340 border-right: 0;
19341 }
19342 }
19343
19344 /* form fieldset */
19345 .admin-form-wrapper {
19346 display: flex;
19347 flex-wrap: wrap;
19348 justify-content: space-between;
19349 }
19350 .admin-form-fieldset {
19351 width: calc(100% / 2 - 10px);
19352 }
19353 @media screen and (max-width: 1440px) {
19354 .admin-form-fieldset select {
19355 max-width: 250px !important;
19356 }
19357 }
19358 @media screen and (max-width: 1280px) {
19359 .admin-form-fieldset {
19360 width: 100%;
19361 }
19362 }
19363 /* main menu screen size adjustments */
19364 @media screen and (max-width: 1400px) {
19365 .vbo-menu-updates > button span {
19366 display: none;
19367 }
19368 }
19369 @media screen and (max-width: 1280px) {
19370 .vbo-menu-left {
19371 max-width: 100px;
19372 }
19373 }
19374
19375 /* new medias drag&drop */
19376 .vbo-dropfiles-target {
19377 padding: 5% 20px;
19378 text-align:center;
19379 border: 2px dashed var(--vbo-config-border-color);
19380 border-radius: 4px;
19381 color: var(--vbo-config-text-color-light);
19382 background: var(--vbo-config-child-bg-color);
19383 }
19384 .vbo-dropfiles-target.drag-enter {
19385 border-color: var(--vbo-config-border-color);
19386 }
19387 .vbo-dropfiles-target .lead {
19388 font-size: 16px;
19389 font-weight: bold;
19390 }
19391 .vbo-dropfiles-target a:hover {
19392 text-decoration: none;
19393 }
19394
19395 .vbo-uploaded-files {
19396 display: flex;
19397 flex-wrap: wrap;
19398 }
19399 .vbo-uploaded-files i.fa-file {
19400 font-size: 128px;
19401 }
19402 .vbo-uploaded-files .file-elem {
19403 width: calc(100% / 5);
19404 margin-bottom: 20px;
19405 }
19406 .vbo-uploaded-files .file-elem-inner {
19407 width: auto;
19408 display: inline-block;
19409 position: relative;
19410 }
19411 .vbo-uploaded-files .file-elem a {
19412 position: relative;
19413 }
19414 .vbo-uploaded-files .file-elem.uploading a,
19415 .vbo-uploaded-files .file-elem.removing a {
19416 cursor: default;
19417 color: var(--vbo-config-text-color-light);
19418 }
19419 .vbo-uploaded-files .file-elem.removing a {
19420 opacity: 0.7;
19421 }
19422 .vbo-uploaded-files .file-elem a .file-extension {
19423 position: absolute;
19424 bottom: 20px;
19425 left: 50%;
19426 color: #fff;
19427 transform: translateX(-50%);
19428 font-size: 30px;
19429 text-transform: uppercase;
19430 font-weight: 500;
19431 }
19432 .vbo-uploaded-files .file-elem .file-summary {
19433 word-break: break-all;
19434 margin-top: 5px;
19435 }
19436 .vbo-uploaded-files .file-elem .file-summary .filename {
19437 font-weight: 500;
19438 }
19439 .vbo-uploaded-files .file-elem .file-summary .filesize {
19440 font-size: smaller;
19441 }
19442 .vbo-uploaded-files .file-elem .delete-file {
19443 position: absolute;
19444 top: -10px;
19445 left: -10px;
19446 background: var(--vbo-config-bg-color);
19447 width: 32px;
19448 height: 32px;
19449 border-radius: 50%;
19450 color: var(-vbo-body-text-color);
19451 line-height: 32px;
19452 text-align: center;
19453 visibility: hidden;
19454 }
19455 .vbo-uploaded-files .file-elem .delete-file i.fa {
19456 font-size: 34px;
19457 color: var(--vbo-body-text-color);
19458 }
19459 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
19460 color: var(--vbo-blue-color);
19461 }
19462 .vbo-uploaded-files .file-elem.do-shake .file-link {
19463 color: var(--vbo-config-text-color-light);
19464 cursor: default;
19465 }
19466 .vbo-uploaded-files .file-elem.do-shake .delete-file {
19467 visibility: visible;
19468 }
19469 .vbo-uploaded-files .file-elem.do-shake {
19470 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
19471 }
19472
19473 @-webkit-keyframes shake-files {
19474 from {
19475 -webkit-transform: rotate(4deg);
19476 }
19477 to {
19478 -webkit-transform-origin: center center;
19479 -webkit-transform: rotate(-4deg);
19480 }
19481 }
19482
19483 .stop-managing-files-hint {
19484 background: #333c;
19485 color: #fff;
19486 padding: 20px 30px;
19487 text-align: center;
19488 position: fixed;
19489 bottom: 20px;
19490 border-radius: 6px;
19491 left: 50%;
19492 transform: translateX(-50%);
19493 font-size: 20px;
19494 width: 80%;
19495 font-weight: 500;
19496 display: none;
19497 }
19498
19499 .drop-files-hint {
19500 float: right;
19501 margin-top: -25px;
19502 margin-right: 6px;
19503 }
19504 .drop-files-hint i.fa-question-circle {
19505 color: #999;
19506 }
19507
19508 @media screen and (max-width: 1440px) {
19509 .vbo-uploaded-files .file-elem {
19510 width: calc(100% / 4);
19511 }
19512 }
19513 @media screen and (max-width: 1280px) {
19514 .vbo-uploaded-files .file-elem {
19515 width: calc(100% / 5);
19516 }
19517 }
19518 @media screen and (max-width: 800px) {
19519 .vbo-uploaded-files .file-elem {
19520 width: calc(100% / 4);
19521 }
19522 }
19523 @media screen and (max-width: 550px) {
19524 .vbo-uploaded-files .file-elem {
19525 width: calc(100% / 3);
19526 }
19527 }
19528
19529 /*** @WPonly ***/
19530 .vbo-invoices-inv-frontleft {
19531 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
19532 border-right: 1px solid var(--vbo-config-border-color);
19533 float: left;
19534 height: 128px;
19535 max-height: 100%;
19536 min-height: 100%;
19537 vertical-align: middle;
19538 width: 128px;
19539 margin-right: 10px;
19540 }
19541 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
19542 position: relative;
19543 }
19544