PluginProbe
VikBooking Hotel Booking Engine & PMS / 1.6.8
VikBooking Hotel Booking Engine & PMS v1.6.8
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.6.8, at admin/resources/vikbooking.css

18,618 lines 511.8 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-text-color: inherit;
45 --vbo-config-border-color: #ddd;
46 --vbo-config-titles-color-light: #666;
47 --vbo-config-child-bg-color: #f6f6f6;
48 --vbo-config-text-color-light: #999;
49 --vbo-config-title-color: #1d2327;
50
51 /* Input Style */
52 --vbo-input-style: #fff;
53 --vbo-input-style-deactive: #f6f7f7;
54 --vbo-input-style-nested-deactive: #eee;
55
56 /* Page Lists */
57 --vbo-toolbar-bg-color: #d4dae5;
58
59 /* General Colors */
60 --vbo-red-color: #b90c0d;
61 --vbo-red-color-hover: #e61717;
62 --vbo-red-color-focus: #9d0101;
63 --vbo-orange-color: #ffab48;
64 --vbo-orange-color-hover: #ad6704;
65 --vbo-green-color: #46a546;
66 --vbo-green-color-hover: #428242;
67 --vbo-green-color-focus: #65c265;
68 --vbo-blue-color: #31708f;
69 --vbo-blue-color-hover: #498fb3;
70
71 /* Notification Status */
72 --vbo-info-bg: #c8e4fb;
73 --vbo-info-border: #72abcc;
74 --vbo-warning-bg: #fbf3c8;
75 --vbo-warning-border: #d69b3c;
76 --vbo-error-bg: #ffe3e3;
77 --vbo-error-border: #ea6060;
78 }
79
80 legend.adminlegend {
81 color: var(--vbo-config-title-color);
82 border-bottom: 1px solid var(--vbo-config-border-color);
83 }
84
85 /*
86 * Classes .label and .badge
87 */
88 .label, .badge {
89 display: inline-block;
90 padding: 2px 4px;
91 font-size: 10.998px;
92 font-weight: bold;
93 line-height: 14px;
94 color: var(--vbo-contrast-text-color);
95 vertical-align: baseline;
96 white-space: nowrap;
97 background-color: var(--vbo-middle-color-btn);
98 }
99 .label {
100 border-radius: 3px;
101 }
102 .badge {
103 border-radius: 9px;
104 }
105 .label-success, .badge-success {
106 background-color: var(--vbo-green-color);
107 }
108 a.label-success:hover, a.badge-success:hover {
109 background-color: var(--vbo-green-color-hover);
110 }
111 .label-warning, .badge-warning {
112 background-color: var(--vbo-orange-color);
113 }
114 a.label-warning:hover, a.badge-warning:hover {
115 background-color: var(--vbo-orange-color-hover);
116 }
117 .label-info, .badge-info {
118 background-color: var(--vbo-blue-color);
119 }
120 a.label-info:hover, a.badge-info:hover {
121 background-color: var(--vbo-blue-color-hover);
122 }
123 a.label, a.badge, a.label:hover, a.badge:hover {
124 color: var(--vbo-contrast-text-color);
125 }
126 .vbo-label-nested {
127 padding: 1px 4px !important;
128 font-weight: 500;
129 line-height: 12px;
130 font-size: 11px;
131 }
132
133 /* @joomlaonly - forced border color for the Joomla top toolbar */
134 .subhead .btn-toolbar .btn {
135 border: 1px solid var(--vbo-config-border-color);
136 }
137 .subhead .btn-toolbar .btn-success {
138 border: 1px solid var(--vbo-green-color);
139 border: 1px solid rgba(0,0,0,0.2);
140 }
141
142 /*** @WPonly - Load Reservation from other booking plugins ***/
143 .vbo-modal-lock-scroll {
144 overflow: hidden !important;
145 }
146 .vbo-importbftpp-plugins-list {
147 border-radius: 4px;
148 padding: 20px;
149 border: 1px solid var(--vbo-config-border-color);
150 background: var(--vbo-config-bg-color);
151 }
152 .vbo-importbftpp-plugins-list-inner label {
153 display: block;
154 margin-bottom: 5px;
155 }
156 .vbo-importbftpp-plugins-list-bottom {
157 margin-top: 15px;
158 }
159 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
160 display: block;
161 margin-bottom: 5px;
162 }
163 .vbo-importbftpp-roomsmapping-wrap {
164 margin-bottom: 20px;
165 }
166 .vbo-importbftpp-roomsmapping-inner {
167 display: flex;
168 flex-wrap: wrap;
169 }
170 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
171 width: calc(33% - 48px);
172 margin: 5px;
173 border: 1px solid var(--vbo-config-border-color);
174 background: var(--vbo-config-bg-color);
175 padding: 20px;
176 border-radius: 4px;
177 }
178 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
179 display: block;
180 margin-bottom: 5px;
181 font-weight: 500;
182 }
183 .vbo-importbftpp-roomsmapping-block-thirdparty {
184 margin-bottom: 10px;
185 }
186 .vbo-importbftpp-subtitle {
187 font-size: 1.2em;
188 margin-bottom: 8px;
189 }
190 .vbo-importbftpp-reservations-inner {
191 display: flex;
192 flex-wrap: wrap;
193 }
194 .vbo-importbftpp-reservation-block {
195 flex-basis: 50%;
196 }
197 .vbo-importbftpp-reservation-inner {
198 border-radius: 4px;
199 border: 1px solid var(--vbo-config-border-color);
200 padding: 15px;
201 background: var(--vbo-config-bg-color);
202 margin: 5px;
203 }
204 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
205 margin: 4px 0;
206 }
207 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
208 display: inline-block;
209 min-width: 150px;
210 font-weight: 500;
211 }
212 .vbo-importbftpp-reservation-import {
213 margin-top: 14px;
214 border-top: 1px solid var(--vbo-config-border-color);
215 padding-top: 10px;
216 display: inline-block;
217 width: 100%;
218 box-sizing: border-box;
219 min-height: 40px;
220 }
221 .vbo-importbftpp-reservation-import-toggle {
222 display: inline-block;
223 }
224 .vbo-importbftpp-reservation-import-rooms {
225 float: right;
226 font-weight: bold;
227 font-size: 1.1em;
228 }
229 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
230 min-width: inherit;
231 margin-right: 10px;
232 }
233 .vbo-importbftpp-confirm-wrap {
234 text-align: center;
235 margin-top: 15px;
236 }
237 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
238 font-size: 1.3em;
239 font-weight: bold;
240 margin-bottom: 10px;
241 }
242 .vbo-importbftpp-reservation-noteligible {
243 opacity: .7;
244 }
245 .vbo-importbftpp-reservations-btns {
246 text-align: right;
247 padding-right: 5px;
248 }
249 div.modal .close {
250 color: inherit;
251 }
252 .modal .modal-footer {
253 border-top: 1px solid var(--vbo-config-border-color);
254 background: var(--vbo-config-bg-color);
255 box-shadow: none;
256 }
257 a:focus, a:hover {
258 text-decoration: none !important;
259 }
260 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
261 padding: 10px 10px;
262 border-color: var(--vbo-config-border-color);
263 }
264 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
265 padding: 10px 30px !important;
266 }
267 .btn-secondary {
268 color: var(--vbo-config-title-color);
269 background-color: var(--vbo-basic-btn);
270 border-color: var(--vbo-config-border-color);
271 }
272 .btn-secondary:hover {
273 color: var(--vbo-config-title-color);
274 background-color: var(--vbo-basic-btn-hover);
275 }
276 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
277 border-radius: 3px;
278 padding: 10px 14px;
279 margin-bottom: 0;
280 }
281 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
282 height: auto;
283 }
284 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
285 margin-right: 5px;
286 }
287 .btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) {
288 margin-right: 0;
289 margin-left: 5px;
290 }
291 body #content .input-append > input, body #wpcontent .input-append > input {
292 border-color: var(--vbo-config-border-color);
293 }
294 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
295 color: #fff;
296 background-color: var(--vbo-green-color);
297 border: 1px solid var(--vbo-green-color);
298 }
299 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
300 color: #fff;
301 font-weight: normal;
302 background-color: var(--vbo-green-color-hover);
303 border-color: var(--vbo-green-color-hover);
304 }
305 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 {
306 color: #fff;
307 font-weight: normal;
308 background-color: var(--vbo-green-color-focus);
309 border-color: var(--vbo-green-color-focus);
310 }
311 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
312 color: #fff;
313 background-color: var(--vbo-red-color);
314 border: 1px solid var(--vbo-red-color);
315 }
316 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
317 color: #fff;
318 background-color: var(--vbo-red-color-hover);
319 border-color: var(--vbo-red-color-hover)
320 }
321 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 {
322 color: #fff;
323 background-color: var(--vbo-red-color-focus);
324 border-color: var(--vbo-red-color-focus)
325 }
326 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 {
327 color: #fff;
328 background-color: var(--vbo-blue-color);
329 border: 1px solid var(--vbo-blue-color);
330 }
331 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 {
332 color: #fff;
333 background-color: var(--vbo-blue-color-hover);
334 border: 1px solid var(--vbo-blue-color-hover);
335 }
336 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
337 color: #fff;
338 background-color: var(--vbo-orange-color);
339 border: 1px solid var(--vbo-orange-color);
340 }
341 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
342 color: #fff;
343 background-color: var(--vbo-orange-color-hover);
344 border: 1px solid var(--vbo-orange-color-hover);
345 }
346 .select2-container .select2-dropdown {
347 background-color: var(--vbo-config-bg-color);
348 border-color: var(--vbo-config-border-color) !important;
349 }
350 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
351 background-color: var(--vbo-blue-color);
352 }
353 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
354 line-height: 38px;
355 }
356 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
357 background-color: var(--vbo-config-bg-color);
358 color: var(--vbo-base-color);
359 border: 1px solid var(--vbo-base-color);
360 }
361 .select2-container.select2-container--default .select2-selection--single {
362 background-color: var(--vbo-input-style);
363 border: 1px solid var(--vbo-config-border-color) !important;
364 height: 40px;
365 border-radius: 2px;
366 }
367 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
368 height: 40px;
369 }
370 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
371 color: var(--vbo-config-titles-color-light);
372 }
373 /*** Chrome Hack for the select ***/
374 .selector:not(*:root), select {
375 border: 0 !important;
376 outline: 1px solid var(--vbo-config-border-color);
377 outline-offset: -1px;
378 height: 36px !important;
379 }
380 select[multiple] {
381 height: 120px !important;
382 }
383 /***/
384
385 .input-append .btn.vbo-btn-dont-append {
386 margin-left: 5px;
387 }
388
389 /* Skeleton structure */
390 .vbo-skeleton-loading {
391 position: relative;
392 overflow: hidden;
393 background-color: #DDDBDD;
394 display: inline-block;
395 }
396 .vbo-skeleton-loading:after {
397 position: absolute;
398 top: 0;
399 right: 0;
400 bottom: 0;
401 left: 0;
402 transform: translateX(-100%);
403 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));
404 animation: shimmer 2s infinite;
405 content: '';
406 }
407
408 .fancybox-type-iframe.fancybox-opened {
409 height: 80% !important;
410 }
411 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
412 height: 100% !important;
413 }
414
415 .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 {
416 white-space: nowrap;
417 }
418 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
419 white-space: inherit;
420 }
421 .vbo-table-td-wrap .btn {
422 margin-top: 5px;
423 }
424 .successmade {
425 margin: 10px 0px;
426 padding: 12px 12px 12px 40px;
427 color: var(--vbo-green-color);
428 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
429 border: 2px solid var(--vbo-green-color);
430 background-size: 20px;
431 }
432 .info {
433 margin: 10px 0px;
434 padding: 12px;
435 background-color: #c8e4fb;
436 border: 1px solid #72abcc;
437 }
438 .err {
439 margin: 10px 0px;
440 padding: 12px 12px 12px 40px;
441 border: 2px solid var(--vbo-red-color);
442 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
443 background-size: 20px;
444 }
445 .warn {
446 margin: 10px 0px;
447 padding: 12px 12px 12px 40px;
448 border: 2px solid var(--vbo-orange-color);
449 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
450 background-size: 20px;
451 }
452 .label-error, .badge-error, .label-danger, .badge-danger {
453 background-color: var(--vbo-red-color) !important;
454 }
455 .ui-datepicker-multi .ui-datepicker-group-first {
456 border-right: 1px solid var(--vbo-config-border-color);
457 }
458 .select2-container--default .select2-results__option[role="group"] {
459 border-top: 1px solid var(--vbo-config-border-color);
460 }
461 #hmfooter {
462 font-size: x-small;
463 text-align: center;
464 margin: 20px 0;
465 }
466 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
467 margin-top: 5px;
468 }
469 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
470 margin-top: 15px;
471 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
472 display: grid;
473 }
474 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
475 background-color: var(--vbo-config-bg-color);
476 border-radius: 10px;
477 border: 1px solid var(--vbo-basic-btn);
478 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
479 margin: 10px;
480 }
481 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
482 height: 100%;
483 }
484 .vbadmincaltable td {
485 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
486 font-size: 11px;
487 width: 45px;
488 padding: 0 !important;
489 text-align: center !important;
490 height: 30px;
491 box-sizing: content-box;
492 vertical-align: middle !important;
493 }
494 .vbadmincaltable tr:last-child td {
495 border-bottom: 0 !important;
496 }
497 .vbadmincaltable tr:last-child td:first-child {
498 border-bottom-left-radius: 10px;
499 }
500 .vbadmincaltable tr:last-child td:last-child {
501 border-bottom-right-radius: 10px;
502 }
503 .vbadmincaltable td:last-child {
504 border-right: 0 !important;
505 }
506 .vbadmincaltable td:first-child {
507 border-left: 0 !important;
508 }
509 .vbadmincaltable td:hover {
510 background-color: var(--vbo-config-border-color);
511 }
512 .vbadmincaltable td:active {
513 background-color: var(--vbo-blue-color);
514 color: #fff;
515 }
516 .vbadmincaltable .busy {
517 background: var(--vbo-red-color);
518 }
519 .vbadmincaltable .busy:hover {
520 background: var(--vbo-red-color-hover);
521 }
522 .busy.busy-closure {
523 background: var(--vbo-config-title-color);
524 }
525 .busy.busy-closure:hover {
526 background: var(--vbo-config-titles-color-light);
527 }
528 .vbadmincaltable .busy > * {
529 font-weight:bold;
530 color:#fff;
531 }
532 .vbadmincaltable td.free {
533 cursor: pointer;
534 }
535 .vbadmincaltrmon td {
536 color: var(--vbo-config-title-color);
537 font-weight:bold;
538 font-size: 14px;
539 border: 0 !important;
540 padding: 6px 5px !important;
541 }
542 .vbadmincaltrmon td:hover {
543 background-color: transparent;
544 }
545 .vbadmincaltrmdays td {
546 font-weight: bold;
547 text-align:center;
548 background-color: var(--vbo-config-child-bg-color);
549 }
550 .vbadmincaltrmdays td:hover {
551 background-color: var(--vbo-config-child-bg-color);
552 }
553 .vborderof {
554 padding:10px 0;
555 font-size:14px;
556 }
557 .vborderof a {
558 font-size:12px;
559 }
560 .vborderpar {
561 margin:10px 0 5px 0;
562 padding:0;
563 font-weight:bold;
564 font-size:13px;
565 }
566 .vborderspan {
567 font-weight:bold;
568 }
569 p.vborderpartot {
570 padding:5px 10px;
571 margin:10px 5px;
572 background: var(--vbo-light-color-btn);
573 border: 1px solid var(--vbo-config-border-color);
574 border-radius:4px;
575 -moz-border-radius:4px;
576 -webkit-border-radius:4px;
577 font-weight:bold;
578 }
579 div.vborderpartot {
580 display: block;
581 padding:5px 10px;
582 margin:10px 5px;
583 background:var(--vbo-light-color-btn);
584 border: 1px solid var(--vbo-config-border-color);
585 border-radius:4px;
586 -moz-border-radius:4px;
587 -webkit-border-radius:4px;
588 font-weight:bold;
589 width: 300px;
590 }
591 .vborderseatasconf {
592 background:var(--vbo-green-color);
593 border: 1px solid var(--vbo-green-color);
594 border-radius:4px;
595 -moz-border-radius:4px;
596 -webkit-border-radius:4px;
597 margin:5px 0 10px;
598 width:133px;
599 display:block;
600 padding:10px;
601 }
602 .vborderseatasconf a {
603 color:#fff !important;
604 font-weight:bold;
605 text-decoration:none;
606 text-transform:uppercase;
607 }
608 .maxthirty {
609 cursor: pointer;
610 max-height: 30px;
611 height: expression(this.height > 30 ? "30px" : true);
612 max-width: 30px;
613 width: expression(this.width > 30 ? "30px" : true);
614 }
615 .maxfifty {
616 max-height: 60px;
617 height: expression(this.height > 50 ? "50px" : true);
618 border:0;
619 border-radius: 4px;
620
621 transition-delay: 0s;
622 transition-duration: 0.15s;
623 transition-property: transform, box-shadow;
624 transition-timing-function: ease-in-out;
625 -webkit-transition-delay: 0s;
626 -webkit-transition-duration: 0.15s;
627 -webkit-transition-property: transform, box-shadow;
628 -webkit-transition-timing-function: ease-in-out;
629 }
630 .maxfifty:hover {
631 box-shadow: 0 0 10px rgba(0,0,0,0.5);
632
633 transform: translateY(-2px);
634 -webkit-transform: translateY(-2px);
635 }
636 .maxninety {
637 max-height: 190px;
638 height: expression(this.height > 190 ? "190px" : true);
639 }
640 .imgresult {
641 max-height: 85px;
642 height: expression(this.height > 85 ? "85px" : true);
643 max-width: 130px;
644 width: expression(this.width > 130 ? "130px" : true);
645 }
646 .vbmenutable td {
647 position:relative;
648 padding:0 12px 0 0;
649 }
650 .vbmenuentries {
651 float:left;
652 width:117px;
653 margin:8px 0 0 85px;
654 }
655 .vbmenuentries a {
656
657 }
658 .vbsubmitfares {
659 background: none repeat scroll 0 0 #708827 !important;
660 border: 1px solid #5D7120 !important;
661 border-radius: 4px 4px 4px 4px;
662 color: #FFFFFF !important;
663 font-size: 14px;
664 padding: 5px 15px;
665 margin:10px 0 0 0;
666 }
667 .vbsubmithfares {
668 background: none repeat scroll 0 0 #0B9E9E !important;
669 border: 1px solid #007171 !important;
670 border-radius: 4px 4px 4px 4px;
671 color: #FFFFFF !important;
672 font-size: 14px;
673 padding: 5px;
674 margin:10px 0 0 0;
675 }
676
677 .vbsubmithcharges {
678 background: none repeat scroll 0 0 #386B16 !important;
679 border: 1px solid #2D5511 !important;
680 border-radius: 4px 4px 4px 4px;
681 color: #FFFFFF !important;
682 font-size: 14px;
683 padding: 5px;
684 margin:10px 0 0 0;
685 cursor:pointer;
686 }
687 .vbo-checkin-commands-wrap .btn.btn-success {
688 padding: 10px 14px;
689 }
690 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
691 border: 1px solid var(--vbo-green-color);
692 background-color: var(--vbo-green-color);
693 color: #fff;
694 border-radius: 3px;
695 margin-bottom: 0;
696 font-size: inherit;
697 }
698 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
699 padding: 10px 14px;
700 }
701 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
702 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
703 background-color: var(--vbo-green-color-hover) !important;
704 border: 1px solid var(--vbo-green-color-hover) !important;
705 }
706 .container-main .btn.btn-warning {
707 border: 1px solid var(--vbo-orange-color);
708 background-color: var(--vbo-orange-color);
709 border-radius: 3px;
710 padding: 10px 14px;
711 margin-bottom: 0;
712 }
713 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
714 background-color: var(--vbo-orange-color-hover) !important;
715 border: 1px solid var(--vbo-orange-color-hover) !important;
716 }
717 .vbo-checkin-commands-wrap .btn.btn-danger {
718 padding: 8px 14px;
719 }
720 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
721 border: 1px solid var(--vbo-red-color);
722 background-color: var(--vbo-red-color);
723 border-radius: 3px;
724 margin-bottom: 0;
725 font-size: inherit;
726 }
727 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
728 color: #fff;
729 }
730 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
731 background-color: var(--vbo-red-color-hover) !important;
732 border: 1px solid var(--vbo-red-color-hover) !important;
733 }
734 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
735 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
736 background-color: var(--vbo-red-color-focus) !important;
737 border: 1px solid var(--vbo-red-color-focus) !important;
738 }
739 /* UI Calendar */
740 .ui-widget-content {
741 background: var(--vbo-config-bg-color) !important;
742 color: inherit !important;
743 }
744 .ui-widget-header {
745 background: var(--vbo-config-bg-color) !important;
746 border: 1px solid var(--vbo-config-border-color) !important;
747 color: inherit !important;
748 }
749 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
750 background: var(--vbo-config-bg-color) !important;
751 border-color: var(--vbo-config-border-color) !important;
752 color: inherit !important;
753 }
754 .ui-widget.ui-widget-content {
755 border: 1px solid var(--vbo-config-border-color) !important;
756 }
757 .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 {
758 background: var(--vbo-light-color-btn) !important;
759 }
760 .free{
761 color: var(--vbo-body-text-color);
762 }
763
764 .busy{
765 color: var(--vbo-body-text-color);
766 background: var(--vbo-red-color);
767 }
768
769 .notbusy{
770 color: var(--vbo-body-text-color);
771 background: var(--vbo-config-bg-color);
772 }
773 .bluedays{
774 min-width: 2.7%;
775 background: none repeat scroll 0 0 #02679a;
776 color: #FFFFFF;
777 font-weight: bold;
778 padding: 4px 0;
779 text-align: center;
780 cursor: pointer;
781 }
782 .skip-bluedays-click {
783 cursor: inherit;
784 }
785 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
786 background: #b0c0d1;
787 }
788 .bluedays.vbo-overv-todaycell {
789 background: #074666;
790 }
791 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
792 background: #d9b9d3;
793 }
794 .bluedays.vbo-overv-festcell {
795 cursor: pointer;
796 background: #a07e9a;
797 }
798 .vbo-overview-month {
799 font-size: 105%;
800 }
801 .vbo-overview-redday, .vbo-overview-subredday {
802 color: #fff;
803 }
804 .vboverviewtablerow .busy:not(.vbo-checkinday) {
805 cursor: pointer;
806 }
807 .vbo-checkinday {
808 border-top: 3px solid var(--vbo-green-color);
809 }
810 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
811 background: var(--vbo-red-color) !important;
812 }
813 .busy:hover {
814 background: var(--vbo-red-color-hover);
815 }
816 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
817 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
818 }
819 .vbo-partially {
820 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
821 }
822 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
823 background: var(--vbo-orange-color-hover) !important;
824 }
825 .busy-sharedcalendar {
826 position: relative;
827 }
828 .busy-sharedcalendar:before {
829 position: absolute;
830 z-index: 0;
831 width: 100%;
832 height: 100%;
833 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
834 content: "";
835 top: 0;
836 left: 0;
837 }
838 .vbo-avov-legend {
839 margin: 9px 10px 0;
840 }
841 .vbo-overview-legend-init {
842 display: inline-block;
843 vertical-align: middle;
844 font-size: 13px;
845 font-weight: bold;
846 margin-right: 10px;
847 }
848 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
849 display: inline-block;
850 margin-right: 10px;
851 font-size: 12px;
852 vertical-align: middle;
853 }
854 .vbo-overview-legend-box {
855 display: inline-block;
856 width: 15px;
857 height: 15px;
858 vertical-align: middle;
859 border-radius: 2px;
860 margin-right: 2px;
861 }
862 .vbo-overview-legend-red .vbo-overview-legend-box {
863 background: none repeat scroll 0 0 var(--vbo-red-color);
864 }
865 .vbo-overview-legend-yellow .vbo-overview-legend-box {
866 background: none repeat scroll 0 0 #f0ad4e;
867 }
868 .vbo-overview-legend-green .vbo-overview-legend-box {
869 border-top: 2px solid var(--vbo-green-color);
870 background: var(--vbo-config-bg-color);
871 }
872 .vbo-overview-legend-title {
873 display: inline-block;
874 vertical-align: middle;
875 }
876 #jmodal-vbo-new-res {
877 width: 90% !important;
878 top: 50%;
879 left: 50%;
880 transform: translate(-50%, -50%);
881 margin: 0 !important;
882 }
883 td.roomname {
884 background: var(--vbo-config-child-bg-color);
885 height: 40px;
886 padding: 5px 10px 5px 6px;
887 text-align: left;
888 }
889 td.roomname.subroomname {
890 background: var(--vbo-config-bg-color) !important;
891 }
892 .vbo-overview-room-info {
893 display: flex;
894 }
895 .vbo-overview-room-info > span {
896 align-self: center;
897 }
898 .vbo-overview-roomname {
899 font-weight: bold;
900 font-size: 14px;
901 display: inline-block;
902 max-width: 185px;
903 }
904 .vbo-overview-roomunits {
905 display: inline-block;
906 margin: 0 5px 0 2px;
907 background: none repeat scroll 0 0 #3e6372;
908 border-radius: 50%;
909 color: #fff;
910 font-size: 12px;
911 font-weight: bold;
912 min-height: 20px;
913 min-width: 20px;
914 padding: 4px;
915 text-align: center;
916 }
917 .vbo-overview-subroomname {
918 font-weight: bold;
919 font-size: 13px;
920 }
921 .vbo-overview-subroomunits {
922 display: inline-block;
923 margin: 0 5px 0 2px;
924 font-size: 12px;
925 min-height: 20px;
926 min-width: 20px;
927 padding: 4px;
928 text-align: center;
929 }
930 .vbo-overview-subroomunits i {
931 margin: 0;
932 }
933 .subroom-busy {
934 background: var(--vbo-red-color) none repeat scroll 0 0;
935 color: var(--vbo-body-text-color);
936 }
937 .subnotbusy {
938 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
939 color: #000000;
940 }
941 .dailypricesactive {
942 text-align: center;
943 float: left;
944 font-weight: bold;
945 width: 100%;
946 height: 34px;
947 font-size:14px;
948 line-height:34px;
949 text-transform:uppercase;
950 color:var(--vbo-green-color);
951 background:var(--vbo-input-style-nested-deactive);
952 }
953 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
954 border-radius: 4px;
955 }
956 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
957 flex-wrap: wrap;
958 }
959 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
960 margin: 15px 0;
961 }
962 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
963 margin: 0;
964 }
965 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
966 flex-basis: 100%;
967 font-weight: 500;
968 }
969 .vbo-tariffs-params-container .vbo-param-setting > h4 {
970 margin-top: 0;
971 font-size: 16px;
972 }
973 .vbo-insertrates-cont > div {
974 background-color: var(--vbo-config-bg-color);
975 box-shadow: 0 0 10px rgba(0,0,0,.15);
976 border-radius: 8px;
977 padding: 20px;
978 margin: 0 0 15px;
979 }
980 .vbo-insertrates-cont input[type="number"] {
981 width: 100px !important;
982 }
983 .vbo-ratestable-lbl {
984 font-weight: bold;
985 color: var(--vbo-config-titles-color-light);
986 font-size: 16px;
987 padding: 0px 0px 7px;
988 }
989 .vbo-ratestable-nights > div {
990 display: flex;
991 margin: 5px 0 8px;
992 }
993 .vbo-ratestable-nights > div > span {
994 display: inline-block;
995 min-width: 100px;
996 }
997 .vbo-insertrates-bottom .vbo-ratestable-newprice {
998 display: flex;
999 flex-wrap: wrap;
1000 margin: 5px 0;
1001 border: 1px solid var(--vbo-main-bg-color);
1002 padding: 10px 10px;
1003 }
1004 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
1005 align-self: center;
1006 }
1007 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
1008 font-weight: 500;
1009 }
1010 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1011 margin-left: auto;
1012 }
1013 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1014 flex-basis: 100%;
1015 margin-top: 5px;
1016 }
1017 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1018 display: block;
1019 margin-bottom: 5px;
1020 }
1021 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1022 display: block;
1023 }
1024 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1025 width: 100% !important;
1026 box-sizing: border-box;
1027 height: auto;
1028 }
1029 .vbo-insertrates-save {
1030 margin-top: 20px;
1031 }
1032 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1033 padding: 10px 25px;
1034 font-size: 13px;
1035 }
1036 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1037 background: transparent;
1038 }
1039 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1040 text-align: right;
1041 margin: 0 auto;
1042 }
1043 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1044 width: 100%;
1045 margin-top: 15px;
1046 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1047 }
1048 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1049 color: var(--vbo-config-titles-color-light);
1050 }
1051 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1052 border: 1px solid var(--vbo-config-border-color);
1053 border-radius: 2px;
1054 padding: 5px 10px;
1055 margin-bottom: 0;
1056 width: 120px !important;
1057 }
1058 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1059 display: block;
1060 text-transform: initial;
1061 max-width: 200px;
1062 white-space: normal;
1063 margin: 0 auto;
1064 font-weight: 600;
1065 }
1066 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1067 font-size: 10px;
1068 text-transform: initial;
1069 }
1070 .vbo-config-gr-services .vbo-config-gr-service {
1071 margin: 4px 0;
1072 }
1073 .vbo-config-gr-services .vbo-config-gr-service i {
1074 margin-right: 0 !important;
1075 }
1076 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1077 padding: 11px 14px;
1078 vertical-align: top;
1079 }
1080 .vbadminfaresctitle {
1081 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1082 border: 1px solid var(--vbo-config-border-color);
1083 border-radius: 4px 4px 4px 4px;
1084 font-size: 13px;
1085 font-weight: bold;
1086 margin: 0 0 10px;
1087 padding: 10px;
1088 text-transform: uppercase;
1089 width: 100%;
1090 display: inline-block;
1091 }
1092 .vbadminfaresctitle form {
1093 margin: 0;
1094 }
1095 .vbadminfaresctitle form select {
1096 margin: 0;
1097 }
1098 .vbdashparag {
1099 font-size:12px;
1100 }
1101 .vbdashparagred span {
1102 font-weight: bold;
1103 color:var(--vbo-red-color);
1104 display: inline-block;
1105 min-width: 200px;
1106 }
1107 .vbdashspanright {
1108 float: right;
1109 padding:0 0 20px 0;
1110 font-size:12px;
1111 }
1112 .vbdashspanright form {
1113 padding:0 0 0 3px;
1114 display:inline;
1115 }
1116 .vbdashdivleft {
1117 float:left;
1118 border: 1px solid var(--vbo-config-border-color);
1119 border-radius:10px;
1120 -moz-border-radius:10px;
1121 -webkit-border-radius:10px;
1122 background:var(--vbo-config-bg-color);
1123 padding:20px;
1124 box-shadow:0 0 2px rgba(0,0,0,0.2);
1125 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1126 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1127 margin:15px 30px 15px 0;
1128 width:55%;
1129 }
1130 .vbdashdivleft .vbdashdivlefthead {
1131 margin:0 0 10px 0;
1132 padding:0;
1133 text-transform:uppercase;
1134 font-size:14px;
1135 color:var(--vbo-green-color);
1136 }
1137 .vbdashdivleft .vbdashtable {
1138 width:100%;
1139 }
1140 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1141 padding:3px 0;
1142 }
1143 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1144 font-size:12px;
1145 color:var(--vbo-blue-color);
1146 }
1147 .vbdashdivright {
1148 float:right;
1149 border: 1px solid var(--vbo-config-border-color);
1150 border-radius:10px;
1151 -moz-border-radius:10px;
1152 -webkit-border-radius:10px;
1153 background:var(--vbo-config-bg-color);
1154 padding:20px;
1155 box-shadow:0 0 2px rgba(0,0,0,0.2);
1156 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1157 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1158 margin:15px 0 15px 0;
1159 width:30%;
1160 }
1161 .vbdashdivright .vbdashdivrighthead {
1162 margin:0 0 10px 0;
1163 padding:0;
1164 text-transform:uppercase;
1165 font-size:14px;
1166 color:var(--vbo-green-color);
1167 }
1168 .vbdashdivright .vbdashtable {
1169 width:100%;
1170 }
1171 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1172 font-size:12px;
1173 font-weight:bold;
1174 color:var(--vbo-config-title-color);
1175 text-transform:uppercase;
1176 padding:0 0 5px 0;
1177 }
1178 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1179 padding:0 5px;
1180 }
1181 #vbadultsdiffbox p {
1182 margin: 0px 0 10px;
1183 border: 1px solid var(--vbo-basic-btn);
1184 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1185 border-radius: 10px;
1186 padding: 10px;
1187 }
1188 #vbadultsdiffbox p:last-child {
1189 margin-bottom: 0;
1190 }
1191 #vbadultsdiffbox .vbo-adults-usage {
1192 margin-right: 15px;
1193 display: block;
1194 margin-bottom: 4px;
1195 font-weight: 500;
1196 }
1197
1198 .vbplusminus {
1199 cursor: pointer;
1200 vertical-align: middle;
1201 display: inline-block;
1202 margin: -7px 0 0 5px;
1203 text-align: center;
1204 width: 20px;
1205 height: 20px;
1206 font-size: 20px;
1207 }
1208
1209 .vbplusminuscont {
1210 display: inline-block;
1211 text-align: right;
1212 }
1213 .vbplusminuscont > span {
1214 display: inline-block;
1215 min-width: 35px;
1216 text-align: left;
1217 }
1218 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1219 display: inline-block;
1220 vertical-align: middle;
1221 }
1222 p.vbpfiltconfnumb {
1223 text-align: right;
1224 }
1225
1226 .vbotaspblock {
1227 display: block;
1228 background: none repeat scroll 0 0 var(--vbo-blue-color);
1229 border: 0;
1230 border-radius: 5px 5px 5px 5px;
1231 margin: 0 3px 5px 0;
1232 padding: 4px;
1233 color: var(--vbo-body-text-color);
1234 font-weight: bold;
1235 position: relative;
1236 }
1237 .vbotaspblock:before {
1238 content: "";
1239 height: 20px;
1240 left: -1px;
1241 position: absolute;
1242 top: -11px;
1243 width: 20px;
1244 }
1245 .vboverviewtable {
1246 width: 100%;
1247 border: 0;
1248 border-collapse: inherit;
1249 border-spacing: 0;
1250 }
1251 .vboverviewtable {
1252 font-size: 105%;
1253 }
1254 .vboverviewtablerowone {
1255 height: 30px;
1256 }
1257 .vbo-overv-montable-wrap {
1258 margin-bottom: 20px;
1259 }
1260 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1261 min-width: 80px;
1262 }
1263 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1264 min-width: 80px;
1265 max-width: 80px;
1266 }
1267 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1268 min-width: 250px;
1269 }
1270 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1271 display: block;
1272 }
1273 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1274 color: #fff;
1275 font-size: 12px;
1276 }
1277 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1278 font-size: 24px;
1279 margin: 3px 0;
1280 }
1281 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1282 position: sticky;
1283 left: 0;
1284 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1285 z-index: 10;
1286 background-clip: padding-box !important;
1287 }
1288 .vboverviewtablerow {
1289 height: 30px;
1290 }
1291 .vboverviewtdone {
1292 min-width: 130px !important;
1293 text-align: left !important;
1294 padding-left: 1px;
1295 }
1296 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1297 padding: 10px 10px 0;
1298 vertical-align: top;
1299 }
1300 .vbo-roverv-rplan-restrictions {
1301 font-size: 10px;
1302 position: absolute;
1303 left: 10px;
1304 bottom: 4px;
1305 }
1306 .vbo-roverv-rplan .vbo-rplan-name {
1307 width: 150px;
1308 overflow: hidden;
1309 display: inline-block;
1310 white-space: nowrap;
1311 text-overflow: ellipsis;
1312 font-size: 14px;
1313 }
1314 .vbo-roverv-rplan-haslosrates {
1315 bottom: 3px;
1316 }
1317 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1318 font-size: 10px;
1319 }
1320 .vbo-roverv-gonext-cell {
1321 vertical-align: middle;
1322 padding: 0 10px;
1323 }
1324 .vbcloseroom{
1325 float: right;
1326 text-align: right;
1327 }
1328 .vbcloseroomsp i {
1329 color: var(--vbo-red-color);
1330 padding: 4px;
1331 font-size: 15px;
1332 border-radius: 4px;
1333 margin-right: 3px;
1334 }
1335 .vbcloseroomsp label {
1336 display: inline;
1337 }
1338 .vbordersroomclosed {
1339 color: var(--vbo-red-color);
1340 font-weight: bold;
1341 }
1342 .vbordcancelled {
1343 color: var(--vbo-red-color);
1344 font-weight: bold;
1345 background-position: left center;
1346 background-repeat: no-repeat;
1347 padding: 5px 0 5px 18px;
1348 }
1349 .vbcsvexport {
1350 cursor: pointer;
1351 background: var(--vbo-config-bg-color);
1352 color: var(--vbo-config-titles-color-light);
1353 border-radius: 3px;
1354 display: inline-block;
1355 font-weight: bold;
1356 border: 1px solid var(--vbo-green-color);
1357 font-size: 12px;
1358 margin: 0 3px;
1359 }
1360 .vbcsvexport:hover {
1361 text-decoration: none;
1362 background: var(--vbo-green-color-hover);
1363 color: #fff;
1364 }
1365 .vbcsvexport > i {
1366 background: var(--vbo-green-color);
1367 color: #fff;
1368 padding: 11px 12px;
1369 font-size: 16px;
1370 display: inline-block;
1371 }
1372 .vbcsvexport:hover > i {
1373 background: var(--vbo-green-color-hover);
1374 }
1375 .vbo-perms-operators {
1376 cursor: pointer;
1377 background: var(--vbo-config-bg-color);
1378 color: var(--vbo-config-titles-color-light);
1379 border-radius: 3px;
1380 display: inline-block;
1381 font-weight: bold;
1382 border: 1px solid var(--vbo-blue-color);
1383 font-size: 12px;
1384 margin: 0 3px;
1385 }
1386 .vbo-perms-operators:hover {
1387 text-decoration: none;
1388 background: var(--vbo-blue-color-hover);
1389 color: #fff;
1390 }
1391 .vbo-perms-operators > i {
1392 background: var(--vbo-blue-color);
1393 color: #fff;
1394 padding: 11px 12px;
1395 font-size: 16px;
1396 display: inline-block;
1397 float: left;
1398 }
1399 .vbo-perms-operators:hover > i {
1400 background: var(--vbo-blue-color-hover);
1401 }
1402 .vbo-perms-operators > span {
1403 padding: 9px 12px 0 7px;
1404 display: inline-block;
1405 float: left;
1406 }
1407 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1408 margin: 0 2px;
1409 }
1410 .vbicsexport {
1411 cursor: pointer;
1412 background: var(--vbo-config-bg-color);
1413 color: var(--vbo-config-titles-color-light);
1414 border-radius: 3px;
1415 display: inline-block;
1416 font-weight: bold;
1417 border: 1px solid var(--vbo-orange-color);
1418 font-size: 12px;
1419 }
1420 .vbicsexport > i {
1421 background: var(--vbo-orange-color);
1422 color: #fff;
1423 padding: 10px 12px;
1424 font-size: 16px;
1425 }
1426 .vbicsexport:hover {
1427 text-decoration: none;
1428 background: var(--vbo-orange-color-hover);
1429 color: #fff;
1430 }
1431 .vbicsexport:hover > i {
1432 background: var(--vbo-orange-color-hover);
1433 }
1434 .vbcsvexport > span, .vbicsexport > span {
1435 padding: 9px 12px 0 7px;
1436 display: inline-block;
1437 vertical-align: top;
1438 }
1439 /* VikBooking 1.3 */
1440 .vbrestrdrangesp {
1441 display: inline-block;
1442 min-width: 80px;
1443 }
1444 .vbwdaytwodiv {
1445 margin-left:5px;
1446 }
1447 #vbwdaytwodivid > span {
1448 display: none;
1449 margin: 10px 4px 0 0;
1450 }
1451 .vbwdaycombodiv {
1452 margin-top: 10px;
1453 }
1454 .vbwdaycombodiv .vbwdaycombop > label {
1455 min-width: 125px
1456 }
1457 .vbwdaycombosp {
1458 display: block;
1459 font-weight:bold;
1460 }
1461 .vbwdaycombohelp {
1462 display: block;
1463 font-size:smaller;
1464 }
1465 .vbrestrroomssp {
1466 display: block;
1467 font-weight: bold;
1468 margin-top: 10px;
1469 }
1470 .vbo-bookingdet-noteslogs pre {
1471 word-break: break-all;
1472 white-space: break-spaces;
1473 }
1474 #vbpaymentlogdiv {
1475 display: none;
1476 height: 250px;
1477 margin-top: 5px;
1478 overflow-x: hidden;
1479 overflow-y: auto;
1480 padding: 5px;
1481 }
1482 #vbpaymentlogdiv .vcm-notif-pcidrq-container {
1483 float: right;
1484 display: inline-block;
1485 margin-bottom: 10px;
1486 }
1487 #vbpaymentlogdiv pre {
1488 border: 1px solid var(--vbo-main-bg-color);
1489 max-width: 70%;
1490 min-height: calc(100% - 22px);
1491 margin: 0;
1492 padding: 10px;
1493 }
1494 .vbordersp {
1495 font-weight:bold;
1496 }
1497 .vbordersphighlight {
1498 background: none repeat scroll 0 0 var(--vbo-base-color);
1499 border: 0 none;
1500 border-radius: 5px;
1501 color: #ffffff;
1502 display: inline-block;
1503 margin: 0 0 0 -1px;
1504 padding: 4px;
1505 }
1506 #vbadminnotesdiv, #vbinvnotesdiv {
1507 display: none;
1508 border-radius: 5px;
1509 min-height: 250px;
1510 max-width: 500px;
1511 margin-top: 5px;
1512 overflow-x: auto;
1513 overflow-y: auto;
1514 padding: 5px;
1515 }
1516 textarea.vbadminnotestarea {
1517 width: 490px !important;
1518 height: 240px !important;
1519 border: 1px solid var(--vbo-main-bg-color);
1520 border-radius: 5px;
1521 padding: 3px;
1522 margin-bottom: 10px;
1523 }
1524 .vbroomparamp {
1525 margin-bottom: 0;
1526 padding-bottom: 6px;
1527 }
1528 .vbroomparamp.vbroomparampactive {
1529 border-left: 1px solid var(--vbo-config-titles-color-light);
1530 }
1531 #defcalcostp {
1532 margin-bottom: 4px;
1533 }
1534 p.vbroomparamp label {
1535 padding-right: 8px;
1536 display: inline-block !important;
1537 min-width: 195px;
1538 }
1539 p.vbroomparamp span {
1540 font-size: smaller;
1541 font-style: italic;
1542 display: inline-block;
1543 padding-left: 8px;
1544 max-width: 300px;
1545 }
1546 .vbapplydiscsp {
1547 float: right;
1548 cursor: pointer;
1549 }
1550 .vbdiscenter {
1551 display: none;
1552 margin-top: 5px;
1553 font-weight: normal;
1554 padding:5px 0 0 0;
1555 border-top:1px solid var(--vbo-config-border-color);
1556 }
1557 .vbdiscenter-entry {
1558 padding:3px 0;
1559 }
1560 .vbdiscenter-label {
1561 font-weight:bold;
1562 display:inline-block;
1563 min-width:50%;
1564 }
1565 .vbdiscenter-entrycentered {
1566 text-align: right;
1567 }
1568 .vbdiscenter-entrycentered input {
1569 background:var(--vbo-green-color);
1570 color:#fff;
1571 border-radius:4px;
1572 }
1573 .vbflushsession {
1574 background: none repeat scroll 0 0 var(--vbo-blue-color);
1575 border: 1px solid var(--vbo-blue-color);
1576 border-radius: 1px;
1577 color: #FFFFFF;
1578 display: inline-block;
1579 font-size: 12px;
1580 padding: 4px 12px;
1581 border-radius: 4px;
1582 text-decoration: none;
1583 }
1584 .vbflushsession:hover {
1585 text-decoration: none;
1586 color: #FFFFFF;
1587 background: var(--vbo-blue-color-hover);
1588 border-color: var(--vbo-blue-color-hover);
1589 }
1590 .vbflushsession:active {
1591 background: var(--vbo-blue-color-hover);
1592 border-color: var(--vbo-blue-color-hover);
1593 color: #fff;
1594 }
1595 .vbotasp {
1596 background: none repeat scroll 0 0 var(--vbo-blue-color);
1597 border: 0 none;
1598 border-radius: 5px;
1599 color: #FFFFFF;
1600 display: inline-block;
1601 font-weight: bold;
1602 margin: 0 3px 0 0;
1603 min-width: 67px;
1604 padding: 4px;
1605 position: relative;
1606 }
1607 .vbotasp:before {
1608 content: "";
1609 height: 20px;
1610 left: -27px;
1611 position: absolute;
1612 top: 0;
1613 width: 20px;
1614 }
1615 .vbexplaination {
1616 font-style: italic;
1617 padding: 5px;
1618 }
1619 .vborderiddata {
1620 margin:10px 0 0 0;
1621 }
1622 .vborderiddata span {
1623 padding: 0 0 0 10px;
1624 }
1625 .vborderdatatab {
1626 line-height:1.4em;
1627 width:80%;
1628 }
1629 .vbordactionlink {
1630 background: none repeat scroll 0 0 var(--vbo-blue-color);
1631 border: 0 none;
1632 border-radius: 5px;
1633 color: #FFFFFF !important;
1634 display: inline-block;
1635 font-weight: bold;
1636 margin: 0 3px 0 0;
1637 padding: 4px;
1638 }
1639 .vbordroominfo {
1640 background: var(--vbo-config-child-bg-color);
1641 border-radius:5px;
1642 border: 1px solid var(--vbo-config-border-color);
1643 padding:10px;
1644 margin:0 0 10px 0;
1645 max-width:400px;
1646 }
1647 .vborderinfoblock {
1648 background: var(--vbo-config-child-bg-color);
1649 border-radius:5px;
1650 border: 1px solid var(--vbo-config-border-color);
1651 padding:10px;
1652 margin:0 0 10px 0;
1653 }
1654 .vbroomselfilter {
1655 margin-right: 5px;
1656 }
1657 .vbmodelink {
1658 border: 1px solid var(--vbo-config-border-color);
1659 border-radius: 3px;
1660 display: inline-block;
1661 color: var(--vbo-config-titles-color-light);
1662 }
1663 .vbmodelink:hover {
1664 border: 1px solid var(--vbo-base-color-hover);
1665 }
1666 .vbmodelink > span {
1667 display: inline-block;
1668 padding: 0 8px 0 3px;
1669 }
1670 .vbmodelink > i {
1671 background: var(--vbo-main-bg-color);
1672 font-size: 15px;
1673 padding: 8px 10px;
1674 border-right: 1px solid var(--vbo-config-border-color);
1675 }
1676 .vbmodelink:hover > i, .vbmodelink:active > i {
1677 background-color: var(--vbo-base-color);
1678 color: #fff;
1679 border-right: 1px solid var(--vbo-base-color);
1680 }
1681 .vbmodelink-active {
1682 background: var(--vbo-config-bg-color) !important;
1683 border-color: var(--vbo-base-color);
1684 color: var(--vbo-base-color);
1685 }
1686 .vbmodelink-active > i {
1687 background: var(--vbo-base-color);
1688 color: #fff;
1689 }
1690 .vbimagedetbox {
1691 border: 1px solid var(--vbo-config-border-color);
1692 border-radius: 3px;
1693 padding: 20px;
1694 position: absolute;
1695 width: 300px;
1696 background-color: var(--vbo-config-bg-color);
1697 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1698 color: var(--vbo-config-title-color);
1699 z-index: 1000;
1700 right: 0;
1701 }
1702 .captionlabel {
1703 padding:0 0 10px;
1704 display:inline-block;
1705 width: 95%;
1706 font-weight: bold;
1707 }
1708 .captionlabel span {
1709 display:block;
1710 margin:0 0 4px 0;
1711 }
1712 .captionlabel input {
1713 border-radius:3px;
1714 padding:2px;
1715 width: 100% !important;
1716 }
1717 .captionsubmit {
1718 background: none repeat scroll 0 0 var(--vbo-green-color);
1719 border: 1px solid var(--vbo-green-color) !important;
1720 border-radius: 2px;
1721 color: #fff;
1722 cursor: pointer;
1723 padding: 10px 14px !important;
1724 line-height: 18px;
1725 font-size: 13px;
1726 }
1727 .captionsubmit:hover {
1728 background-color: var(--vbo-green-color-hover) !important;
1729 }
1730 .captionsubmit:active {
1731 background-color: var(--vbo-green-color-hover) !important;
1732 }
1733 .captionremoveimg {
1734 float: right;
1735 text-align: right;
1736 }
1737 .captionremoveimg span {
1738 float: left;
1739 display: inline-block;
1740 margin: 8px 6px 0px;
1741 }
1742 .captionremoveimg a {
1743 float:left;
1744 display:inline-block;
1745 }
1746 .captionremoveimg .icon-remove {
1747 font-size: 10px;
1748 margin-left: -5px;
1749 margin-right: 5px;
1750 }
1751 .vbheadfourblue {
1752 background: #02679a;
1753 color: #fff;
1754 margin-bottom: -5px !important;
1755 padding: 6px 3px 6px 6px;
1756 border-radius: 3px;
1757 }
1758 .vbswitchrblock {
1759 float: right;
1760 display: block;
1761 padding: 5px;
1762 border: 1px solid #ccc;
1763 border-radius: 3px;
1764 clear: both;
1765 }
1766 .vbswitchrblock select {
1767 margin: 0 !important;
1768 }
1769 .vbo-ebusy-lbl {
1770 display: block;
1771 font-weight: bold;
1772 font-size: larger;
1773 margin-left: 3px;
1774 }
1775 .vbo-ebusy-opt-table tr td {
1776 padding-right: 15px !important;
1777 }
1778 .vbo-ebusy-opt-table tr td:last-child {
1779 text-align: center;
1780 padding: 0 !important;
1781 }
1782 .vbo-ebusy-tars-table tr td {
1783 padding-right: 15px !important;
1784 }
1785 .vbo-ebusy-toggle-aduchild {
1786 border-left: 1px solid rgb(255, 255, 255);
1787 color: #e6e6e6;
1788 cursor: pointer;
1789 display: inline-block;
1790 float: right;
1791 height: 100%;
1792 min-width: 25px;
1793 padding-left: 0.7em;
1794 padding-top: 1px;
1795 padding-bottom: 1px;
1796 }
1797 .vbo-ebusy-rmroom {
1798 border-left: 1px solid rgb(255, 255, 255);
1799 color: #ff0000;
1800 cursor: pointer;
1801 display: inline-block;
1802 float: right;
1803 height: 100%;
1804 min-width: 25px;
1805 padding-left: 0.7em;
1806 padding-top: 1px;
1807 padding-bottom: 1px;
1808 }
1809 .vbo-ebusy-toggle-aduchild-on {
1810 color: #fff;
1811 }
1812 .vbo-ebusy-addextracost {
1813 margin-left: 50px;
1814 }
1815 .vbo-ebusy-extracosts-table tr {
1816 border-bottom:1px solid #ddd;
1817 background: #eee;
1818 }
1819 .vbo-ebusy-extracosts-table td {
1820 padding: 10px !important;
1821 }
1822 .vbo-ebusy-extracosts-table td input {
1823 margin-bottom: 0;
1824 }
1825 .vbo-ebusy-extracosts-cellrm {
1826 vertical-align: top;
1827 }
1828 .vbo-ebusy-extracosts-cellrm .btn {
1829 margin: 0;
1830 }
1831 .vbo-ebusy-extracosts-celltax select {
1832 margin: 0 !important;
1833 }
1834 .vbo-add-room-overlay {
1835 padding: 10px 10px 20px;
1836 }
1837 .vbo-add-room-overlay .vbo-add-room-entry {
1838 display: flex;
1839 flex-wrap: wrap;
1840 width: 100%;
1841 }
1842 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1843 display: block;
1844 width: 100% !important;
1845 max-width: 100%;
1846 }
1847 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1848 display: inline-block;
1849 vertical-align: top;
1850 flex: 1;
1851 margin: 8px 0;
1852 }
1853 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1854 margin-right: 20px;
1855 }
1856 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1857 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1858 width: 100% !important;
1859 box-sizing: border-box;
1860 height: auto;
1861 }
1862 /* START: VikBooking v1.6 */
1863 .add-tax-breakdown-cont {
1864 margin-bottom: 0;
1865 border: 1px solid var(--vbo-config-border-color);
1866 padding: 10px;
1867 border-radius: 4px;
1868 margin: 4px 0 10px;
1869 display: flex;
1870 flex-wrap: wrap;
1871 }
1872 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1873 margin-left: auto;
1874 order: 3;
1875 align-self: end;
1876 }
1877 .add-tax-breakdown-cont > div {
1878 display: inline-block;
1879 vertical-align: top;
1880 margin: 3px 0;
1881 }
1882 .add-tax-breakdown-cont .add-tax-breakdown-name {
1883 flex-basis: 100%;
1884 }
1885 .add-tax-breakdown-cont div span {
1886 display: inline-block;
1887 min-width: 100px;
1888 }
1889 .add-tax-breakdown-cont .add-tax-breakdown-rate {
1890 display: block;
1891 }
1892 .add-tax-breakdown-remove {
1893 cursor: pointer;
1894 font-size: 20px;
1895 }
1896 .vbo-select-all {
1897 display: block;
1898 width: 180px;
1899 margin: 0 0 5px 0;
1900 padding: 5px 2px;
1901 background: var(--vbo-basic-btn);
1902 border: 1px solid var(--vbo-config-border-color);
1903 cursor: pointer;
1904 text-align: center;
1905 }
1906 .vbo-select-all:hover {
1907 background: var(--vbo-basic-btn-hover);
1908 }
1909 #vbo-pkg-calcexcld {
1910 display: inline-block;
1911 margin-right: 10px;
1912 }
1913 #vbo-pkg-excldates-td {
1914 display: inline-block;
1915 vertical-align: top;
1916 }
1917 #vbo-pkg-excldates-td select {
1918 height: 90px !important;
1919 }
1920 .promotr {
1921 display: none;
1922 }
1923 #promovalidity {
1924 display: inline-block;
1925 padding-left: 5px;
1926 }
1927 /* END: VikBooking v1.6 */
1928 /* Back-end Menu */
1929 .vbo-menu-container {
1930 display: flex;
1931 align-items: flex-start;
1932 margin-bottom: 50px;
1933 }
1934 .vbo-menu-container-closer {
1935 margin-bottom: 10px;
1936 }
1937 .vbo-menu-left {
1938 float: left;
1939 display: inline-block;
1940 margin-right: 15px;
1941 max-width: 150px;
1942 border-radius: 5px;
1943 padding: 10px;
1944 margin-top: -10px;
1945 }
1946 .vbo-menu-left:hover {
1947 background: #ddd;
1948 }
1949 .vbo-menu-left img {
1950 max-width: 100%;
1951 border: 0;
1952 position: relative;
1953 display: inline-block;
1954 -webkit-transform: translateZ(0);
1955 -moz-transform: translateZ(0);
1956 transform: translateZ(0);
1957 }
1958 .vbo-menu-left a {
1959 position: relative;
1960 display: block;
1961 overflow: hidden;
1962 }
1963 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
1964 text-decoration: none;
1965 }
1966 .vbo-menu-left a:after {
1967 opacity: 0;
1968 }
1969 .vbo-menu-left a:hover:after {
1970 animation: shine 5s ease-in-out infinite;
1971 animation-fill-mode: forwards;
1972 content: "";
1973 position: absolute;
1974 top: -110%;
1975 left: -210%;
1976 width: 100%;
1977 height: 200%;
1978 opacity: 0;
1979 transform: rotate(30deg);
1980
1981 background: rgba(255, 255, 255, 0.13);
1982 background: linear-gradient(
1983 to right,
1984 rgba(255, 255, 255, 0.13) 0%,
1985 rgba(255, 255, 255, 0.13) 77%,
1986 rgba(255, 255, 255, 0.5) 92%,
1987 rgba(255, 255, 255, 0.0) 100%
1988 );
1989 }
1990 @keyframes shine{
1991 10% {
1992 opacity: 1;
1993 top: -60%;
1994 left: -20%;
1995 transition-property: left, top, opacity;
1996 transition-duration: 0.7s, 0.7s, 0.15s;
1997 transition-timing-function: ease;
1998 }
1999 100% {
2000 opacity: 0;
2001 top: -60%;
2002 left: -20%;
2003 transition-property: left, top, opacity;
2004 }
2005 }
2006 .vbo-menu-right {
2007 flex: 1;
2008 background: #22485d;
2009 border-radius: 6px;
2010 }
2011 .vbo-menu-right ul {
2012 list-style-type: none;
2013 margin: 0;
2014 padding: 0 0 0 2px;
2015 }
2016 .vbo-menu-right > .vbo-menu-ul {
2017 display: inline-block;
2018 }
2019 .vbo-menu-updates {
2020 float: right;
2021 display: inline-block;
2022 }
2023 .vbo-menu-updates > button {
2024 float: right;
2025 display: inline-block;
2026 background: #3f708b;
2027 color: #fff;
2028 font-weight: bold;
2029 border: 1px solid #3f708b;
2030 padding: 13px 15px;
2031 border-radius: 36px;
2032 margin: 7px 8px 6px 2px;
2033 }
2034 .vbo-menu-updates button span {
2035 max-width: 120px;
2036 white-space: nowrap;
2037 overflow: hidden;
2038 text-overflow: ellipsis;
2039 display: inline-block;
2040 vertical-align: top;
2041 }
2042 .vbo-menu-updates button i {
2043 display: inline-block;
2044 vertical-align: middle;
2045 margin-right: 5px;
2046 }
2047 .vbo-menu-updates button.vbo-multitasking-apps i {
2048 margin-right: 0;
2049 vertical-align: middle;
2050 }
2051 .vbo-menu-updates.vbo-menu-needupdate button {
2052 background: var(--vbo-green-color);
2053 border: 1px solid var(--vbo-green-color);
2054 }
2055 .vbo-submenu-wrap {
2056 background: var(--vbo-config-bg-color);
2057 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2058 min-width: 180px;
2059 padding: 5px 0;
2060 border-radius: 10px;
2061 margin: 0;
2062 position: absolute;
2063 z-index: 100;
2064
2065 visibility: hidden;
2066 opacity: 0;
2067 transform: scale(0.99) translateY(-0.7em);
2068 transform-origin: top;
2069 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2070 transition-duration: 500ms;
2071 transition-property: opacity,transform;
2072 }
2073 @media screen and (min-width: 1012px) {
2074 .vbo-submenu-wrap {
2075 width: 230px;
2076 padding: 22px;
2077 }
2078 .vbo-submenu-wrap-multi {
2079 width: 400px;
2080 display: flex;
2081 }
2082 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2083 padding-right: 10px;
2084 min-width: 45%;
2085 border-right: 1px solid var(--vbo-config-border-color);
2086 }
2087 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2088 padding-left: 22px;
2089 }
2090 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2091 right: 0;
2092 }
2093 }
2094 @media screen and (max-width: 1012px) {
2095 .vbo-submenu-wrap {
2096 padding: 15px 20px;
2097 }
2098 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2099 border-bottom: 1px solid var(--vbo-config-border-color);
2100 padding-bottom: 10px;
2101 }
2102 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2103 margin-top: 10px;
2104 }
2105 }
2106 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2107 visibility: visible;
2108 opacity: 1;
2109 transform: scale(1) translateY(0);
2110 }
2111 .vbo-menu-ul li {
2112 display: inline-block;
2113 text-align: left;
2114 position: relative;
2115 padding: 5px 4px;
2116 }
2117 .vbo-submenu-wrap ul li {
2118 display: block;
2119 width: 100%;
2120 line-height: initial;
2121 padding: 0;
2122 }
2123 .vbo-submenu-wrap li > div {
2124 display: block;
2125 font-size: 14px;
2126 }
2127 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2128 font-weight: bold;
2129 font-size: 15px;
2130 margin-bottom: 5px;
2131 }
2132 .vbo-menu-parent-li > span {
2133 display: inline-block;
2134 color:#ffffff;
2135 cursor: pointer;
2136 padding: 14px 22px;
2137 font-size: 14px;
2138 font-weight: bold;
2139 position: relative;
2140 border-radius: 8px;
2141 }
2142 .vbo-menu-parent-li > span a {
2143 color: #fff !important;
2144 }
2145 .vbo-menu-parent-li > span a:hover {
2146 text-decoration: none !important;
2147 }
2148 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2149 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2150 transition-duration: 500ms;
2151 transition-property: opacity,transform;
2152 font-size: 12px;
2153 opacity: .7;
2154 margin-left: 4px;
2155 }
2156 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2157 transform: translateY(2px);
2158 }
2159 .vbo-menu-parent-li-active > span {
2160 background: #c2880e;
2161 }
2162 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2163 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2164 background: #3f708b;
2165 }
2166 .vbo-menu-parent-li > span > i {
2167 margin-left: -2px;
2168 margin-right: 7px;
2169 font-size: 17px;
2170 }
2171 .vbo-submenu-wrap li {
2172 margin: 0;
2173 }
2174 .vbo-submenu-wrap li > div a {
2175 padding: 8px 0;
2176 display: flex;
2177 }
2178 .vbo-submenu-wrap li > div a i {
2179 margin-right: 6px;
2180 margin-top: 2px;
2181 font-size: 16px;
2182 color: var(--vbo-config-titles-color-light);
2183 min-width: 22px;
2184 }
2185 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2186 display: inline-block;
2187 }
2188 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2189 max-width: 100%;
2190 border-radius: 50%;
2191 object-fit: cover;
2192 height: 20px;
2193 width: 20px;
2194 margin-right: 8px;
2195 }
2196 .vbo-submenu-wrap li .vbo-submenu-item {
2197 line-height: 1.4em;
2198 }
2199 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2200 display: block;
2201 }
2202 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2203 font-weight: bold;
2204 font-size: 16px;
2205 }
2206 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2207 font-size: 14px;
2208 color: var(--vbo-config-titles-color-light);
2209 }
2210 .vbo-submenu-wrap li:first-child a {
2211 padding-top: 0;
2212 }
2213 .vbo-submenu-wrap li:last-child a {
2214 padding-bottom: 0;
2215 }
2216 .vmenulink a {
2217 display: block;
2218 }
2219 .vmenulink a {
2220 color: var(--vbo-body-text-color) !important;
2221 }
2222 .vmenulinkactive a {
2223 display: block;
2224 color: var(--vbo-contrast-text-color) !important;
2225 }
2226 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2227 text-decoration: none;
2228 color: var(--vbo-base-color) !important;
2229 }
2230 .vbo-submenu-helper-ul > li > .vmenulink {
2231 display: flex;
2232 padding: 8px 0;
2233 }
2234 .vbo-submenu-helper-ul > li div a {
2235 padding: 0;
2236 margin-right: 13px;
2237 }
2238 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2239 align-self: center;
2240 margin-left: auto;
2241 font-size: 12px;
2242 display: inline-block;
2243 padding: 2px 3px;
2244 cursor: pointer;
2245 }
2246 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2247 opacity: 0;
2248 }
2249 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2250 color: var(--vbo-base-color);
2251 opacity: .7;
2252 }
2253 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2254 opacity: 1;
2255
2256 transition: all 200ms ease-in-out 200ms;
2257 -moz-transition: all 200ms ease-in-out 200ms;
2258 -webkit-transition: all 200ms ease-in-out 200ms;
2259 -o-transition: all 200ms ease-in-out 200ms;
2260 }
2261 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2262 color: var(--vbo-config-text-color-light);
2263 }
2264 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2265 opacity: 1;
2266 color: var(--vbo-base-color);
2267 }
2268
2269
2270 /* END Back-end Menu */
2271 .vbo-config-warn {
2272 display: block;
2273 font-style: italic;
2274 margin: 5px 0 0;
2275 }
2276 /* Bookings List - Begin */
2277 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2278 vertical-align: middle;
2279 font-size: 13px;
2280 }
2281 table.vbo-list-table tbody tr .vbo-highlighted-td {
2282 font-weight: bold;
2283 }
2284 .vbo-coupon-use-count a {
2285 display: inline-block;
2286 background: var(--vbo-base-color);
2287 padding: 0 5px;
2288 border-radius: 4px;
2289 color: var(--vbo-contrast-text-color);
2290 }
2291 .vbo-coupon-use-count a:hover {
2292 background: var(--vbo-base-color-hover);
2293 color: var(--vbo-contrast-text-color);
2294 }
2295 .vbo-list-table .btn {
2296 white-space: nowrap;
2297 }
2298 .vbo-list-table .btn i {
2299 margin-right: 3px;
2300 }
2301 a.vbo-bookingslist-viewdet-link {
2302 display: inline-block;
2303 cursor: pointer;
2304 color: #fff;
2305 min-width: 60%;
2306 }
2307 a.vbo-bookingslist-viewdet-link:hover {
2308 text-decoration: none;
2309 }
2310 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2311 border-radius: 50%;
2312 object-fit: cover;
2313 border: 1px solid var(--vbo-config-border-color);
2314 display: inline-block;
2315 vertical-align: top;
2316 width: 32px;
2317 height: 32px;
2318 line-height: 30px;
2319 font-weight: bold;
2320 margin: 2px 0;
2321 }
2322 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2323 display: inline-block;
2324 line-height: initial;
2325 }
2326 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2327 width: 20px;
2328 height: 20px;
2329 vertical-align: middle;
2330 object-fit: cover;
2331 }
2332 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2333 line-height: 34px;
2334 }
2335 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2336 border-radius: 50%;
2337 margin: 2px;
2338 width: 32px;
2339 height: 32px;
2340 text-align: center;
2341 }
2342 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2343 width: 20px;
2344 height: 20px;
2345 object-fit: cover;
2346 }
2347 .vbo-room-sharedcalendar {
2348 border: 1px solid var(--vbo-config-border-color);
2349 padding: 3px 6px;
2350 border-radius: 4px;
2351 background: var(--vbo-basic-btn);
2352 display: inline-block;
2353 margin-right: 3px;
2354 }
2355 .vbo-allbookings-fm, .vbo-list-form {
2356 background: var(--vbo-main-bg-color);
2357 }
2358 form[name="invoicesform"] {
2359 margin-bottom: 0;
2360 }
2361 form[name="invoicesform"] .btn-toolbar {
2362 margin-bottom: 0;
2363 }
2364 .vbo-allbookings-fm .btn-group {
2365 position: relative;
2366 }
2367 .vbo-list-form {
2368 padding-top: 10px;
2369 }
2370 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2371 margin-top: 0 !important;
2372 height: auto !important;
2373 background: var(--vbo-toolbar-bg-color);
2374 padding: 10px;
2375 box-sizing: border-box;
2376 }
2377 .vbo-allbookings-fm #vbo-search-tools-cont {
2378 margin-top: 5px;
2379 height: auto !important;
2380 padding: 10px;
2381 box-sizing: border-box;
2382 }
2383 .vbo-btn-toolbar #filter-bar {
2384 margin-top: 0;
2385 }
2386 .vbo-btn-toolbar .btn[type="submit"],
2387 .vbo-btn-toolbar .btn[type="button"] {
2388 padding: 8px 15px;
2389 box-shadow: none;
2390 border-color: var(--vbo-config-border-color);
2391 }
2392 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2393 font-weight: bold;
2394 }
2395 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2396 font-weight: normal;
2397 }
2398 .vbo-btn-toolbar .field-calendar .input-append,
2399 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2400 margin-bottom: 0;
2401 }
2402 .vbo-btn-toolbar .input-append .btn {
2403 padding: 8px 12px;
2404 border: 1px solid var(--vbo-config-border-color);
2405 border-radius: 0 2px 2px 0;
2406 }
2407 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2408 background: var(--vbo-blue-color);
2409 border: 1px solid var(--vbo-blue-color);
2410 color: #fff;
2411 padding: 7.5px 15px;
2412 }
2413 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2414 background: var(--vbo-config-bg-color);
2415 border-color: var(--vbo-blue-color)6;
2416 color: var(--vbo-blue-color);
2417 }
2418 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2419 border-top: 4px solid #fff !important;
2420 border-bottom: 0 !important;
2421 border-right: 4px solid transparent;
2422 border-left: 4px solid transparent;
2423 margin-left: 4px;
2424 }
2425 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2426 background: var(--vbo-config-bg-color);
2427 border-color: var(--vbo-blue-color);
2428 color: var(--vbo-blue-color);
2429 }
2430 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2431 border-bottom: 4px solid #fff !important;
2432 border-top: 0 !important;
2433 border-right: 4px solid transparent;
2434 border-left: 4px solid transparent;
2435 }
2436 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2437 border-top: 4px solid var(--vbo-blue-color) !important;
2438 border-bottom: 0 !important;
2439 border-right: 4px solid transparent;
2440 border-left: 4px solid transparent;
2441 }
2442 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2443 border-bottom: 4px solid #fff !important;
2444 border-top: 0 !important;
2445 border-right: 4px solid transparent;
2446 border-left: 4px solid transparent;
2447 }
2448 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2449 font-weight: normal;
2450 font-size: 14px !important;
2451 border: 1px solid var(--vbo-config-border-color) !important;
2452 border-radius: 2px !important;
2453 background: var(--vbo-input-style);
2454 }
2455 .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 {
2456 padding: 4px 5px;
2457 display: inherit;
2458 }
2459 .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 {
2460 display: inline-block;
2461 margin-left: 3px;
2462 margin-right: 0;
2463 width: 18px;
2464 height: 18px;
2465 line-height: 15px;
2466 font-size: 16px;
2467 text-align: center;
2468 border-radius: 50%;
2469 color: var(--vbo-config-titles-color-light);
2470 float: right;
2471 }
2472 .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 {
2473 background: var(--vbo-config-border-color);
2474 color: var(--vbo-config-titles-color-light);
2475 }
2476 .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 {
2477 height: 36px;
2478 }
2479 .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 {
2480 background-color: #b6d8ee;
2481 border: 1px solid #b8d1e1;
2482 border-radius: 30px;
2483 padding: 5px 10px;
2484 color: var(--vbo-base-color);
2485 font-weight: bold;
2486 font-size: 12px;
2487 }
2488 .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 {
2489 display: inline-block;
2490 margin-left: 3px;
2491 margin-right: 0;
2492 width: 18px;
2493 height: 18px;
2494 line-height: 15px;
2495 font-size: 16px;
2496 text-align: center;
2497 border-radius: 50%;
2498 color: var(--vbo-base-color);
2499 float: right;
2500 }
2501 .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 {
2502 background: var(--vbo-base-color-hover);
2503 color: #fff;
2504 }
2505 .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 {
2506 margin-top: 5px;
2507 margin-bottom: 5px !important;
2508 padding: 0;
2509 }
2510
2511 .vbo-list-form-filters {
2512 padding: 10px 20px;
2513 }
2514 .vbo-list-form-filters form {
2515 margin-bottom: 0;
2516 display: flex;
2517 flex-wrap: wrap;
2518 }
2519 .vbo-list-form-filter-select {
2520 display: inline-block;
2521 margin-right: 10px;
2522 }
2523 .vbo-list-form-filters form > .vbo-right-btn-container {
2524 margin-left: auto;
2525 align-self: end;
2526 }
2527 .vbo-avov-toolbar select {
2528 margin-bottom: 0;
2529 border-radius: 2px;
2530 border: 1px solid var(--vbo-config-border-color);
2531 padding: 8px 10px;
2532 height: inherit;
2533 }
2534 #vbo-search-tools-cont {
2535 width: 100%;
2536 display: inline-block;
2537 padding: 0px !important;
2538 }
2539 .pagination.pagination-toolbar {
2540 margin-bottom: 20px;
2541 }
2542 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2543 width: 98%;
2544 margin: 10px auto 20px;
2545 border-radius: 10px;
2546 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2547 }
2548 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2549 margin-bottom: 0;
2550 }
2551 .vbo-list-form .table-responsive table {
2552 margin-top: 0;
2553 }
2554 .vbo-orders-review-link {
2555 display: inline-block;
2556 margin-left: 5px;
2557 }
2558 .vbo-orders-review-link a {
2559 color: #ffbd3f;
2560 }
2561 .vbo-bookslist-snapshot {
2562 cursor: pointer;
2563 }
2564 .vbo-bookslist-snapshot:hover {
2565 background-color: var(--vbo-blue-color-hover);
2566 }
2567 .vbo-orders-substatus {
2568 margin-top: 2px;
2569 }
2570 .vbo-orders-substatus .label {
2571 border-radius: 10px;
2572 }
2573 /* Search Tools Caret - Start */
2574 .btn-primary .caret {
2575 border-top: 0;
2576 border-bottom: 4px solid #FFF !important;
2577 margin-top: 7px;
2578 margin-bottom: 8px;
2579 }
2580 /* Search Tools Caret - End */
2581 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2582 color: var(--vbo-config-titles-color-light);
2583 }
2584 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2585 margin-left: 5px;
2586 }
2587 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2588 .vbo-bookingslist-table thead th a:hover,
2589 .vbo-list-table thead th .vbo-list-activesort,
2590 .vbo-list-table thead th a:hover {
2591 color: var(--vbo-base-color);
2592 text-decoration: none;
2593 }
2594 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2595 font-size: 14px;
2596 font-weight: bold;
2597 color: var(--vbo-config-titles-color-light);
2598 vertical-align: baseline;
2599 white-space: nowrap;
2600 }
2601 .vbo-bookingslist-viewdet:hover {
2602 color: var(--vbo-base-color-hover);
2603 }
2604 .vbo-bookingslist-viewdet-date {
2605 display: block;
2606 }
2607 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2608 font-size: 11px;
2609 font-weight: bold;
2610 color: var(--vbo-config-titles-color-light);
2611 }
2612 .vbo-bookingslist-viewdet-time span {
2613 display: inline-block;
2614 }
2615 .vbo-bookingslist-booktime-hour {
2616 color: var(--vbo-base-color);
2617 }
2618 .vbo-bookingslist-booktime-twrap {
2619 display: inline-block;
2620 min-width: 60px;
2621 }
2622 .vbo-bookingslist-roomunit {
2623 display: block;
2624 font-size: smaller;
2625 color: var(--vbo-config-titles-color-light);
2626 }
2627 .vbo-bookingslist-booktime-checkedin {
2628 display: inline-block;
2629 color: var(--vbo-green-color);
2630 }
2631 .vbo-bookingslist-booktime-checkedout {
2632 display: inline-block;
2633 color: var(--vbo-green-color);
2634 }
2635 .vbo-bookingslist-booktime-noshow {
2636 display: inline-block;
2637 color: var(--vbo-red-color);
2638 }
2639 .vbo-bookingslist-viewdet-fulldate {
2640 display: inline-block;
2641 margin-right: 15px;
2642 }
2643 .vbo-bookingslist-viewdet-open {
2644 float: right;
2645 }
2646 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2647 min-width: 20px;
2648 margin-right: -3px;
2649 }
2650 .vbo-provenience {
2651 display: inline-block;
2652 min-width: 85px;
2653 border: 0;
2654 border-radius: 3px;
2655 margin: 0 3px 0 0;
2656 padding: 7px 5px;
2657 color: var(--vbo-base-color);
2658 font-weight: bold;
2659 position: relative;
2660 font-size: 16px;
2661 word-break: break-all;
2662 }
2663 span.label.vbo-status-label {
2664 padding: 5px 14px !important;
2665 font-size: 12px;
2666 border-radius: 24px;
2667 letter-spacing: .3px;
2668 min-width: 70px;
2669 text-align: center;
2670 }
2671 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2672 background-color: var(--vbo-green-color);
2673 }
2674 span.vbo-label-small, .vbo-label-small {
2675 padding: 5px 8px !important;
2676 font-size: 11px;
2677 line-height: 14px;
2678 }
2679 .vbo-bookingslist-total-totpaid {
2680 font-size: 11px;
2681 font-weight: bold;
2682 }
2683 .vbo-bookingslist-total-refunded {
2684 color: var(--vbo-red-color);
2685 display: inline-block;
2686 margin-left: 4px;
2687 }
2688 .vbo-admin-tipsicon i {
2689 font-size: 20px;
2690 color: var(--vbo-config-titles-color-light);
2691 }
2692 .vbo-admin-notes-icn {
2693 cursor: pointer;
2694 }
2695 .vbo-admin-invoiceicon i {
2696 font-size: 20px;
2697 color: var(--vbo-config-titles-color-light);
2698 }
2699 .vbo-timeline-content {
2700 background: var(--vbo-config-bg-color);
2701 }
2702 .vbo-bookings-guestmessages-bubble-cont i {
2703 font-size: 20px;
2704 color: var(--vbo-config-titles-color-light);
2705 position: relative;
2706 }
2707 .vbo-bookings-guestmessages-bubble-cont i:after {
2708 position: absolute;
2709 content: attr(data-message-count);
2710 width: 20px;
2711 height: 20px;
2712 border-radius: 50%;
2713 background: var(--vbo-red-color);
2714 color: #fff;
2715 font-weight: bold;
2716 font-size: 11px;
2717 line-height: 20px;
2718 font-family: Arial;
2719 top: -7px;
2720 right: -11px;
2721 text-align: center;
2722 }
2723 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2724 display:none;
2725 }
2726 #vbo-geninv-form .vbo-calendar-cfield-entry {
2727 margin: 15px 0;
2728 }
2729 .vbo-info-overlay-content-invoices h4 {
2730 font-size: 20px;
2731 border-bottom: 1px solid var(--vbo-config-border-color);
2732 padding-bottom: 10px;
2733 }
2734 /* Bookings List - End */
2735 /* Rates, Restrictions and Seasons Calendar - Begin */
2736 .vbo-warning {
2737 margin: 10px 0px;
2738 padding: 12px;
2739 color: var(--vbo-orange-color);
2740 border: 1px solid var(--vbo-orange-color);
2741 background-color: var(--vbo-config-bg-color);
2742 }
2743 .vbo-ratesoverview-top-container {
2744 background: var(--vbo-config-child-bg-color);
2745 padding-bottom: 20px;
2746 padding-top: 20px;
2747 }
2748 .vbo-ratesoverview-right-block {
2749 float: right;
2750 }
2751 .vbo-ratesoverview-right-inner {
2752 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2753 border: 1px solid var(--vbo-config-border-color);
2754 border-radius: 3px;
2755 display: none;
2756 margin-left: 20px;
2757 min-height: 60px;
2758 padding: 10px 10px;
2759 position: relative;
2760 vertical-align: top;
2761 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2762 margin-bottom: 10px;
2763 }
2764 .vbo-ratesoverview-vcmwarn-close {
2765 cursor: pointer;
2766 position: absolute;
2767 right: -8px;
2768 top: -8px;
2769 }
2770 .vbo-ratesoverview-vcmwarn-close i {
2771 color: var(--vbo-red-color);
2772 font-size: 16px;
2773 margin: 0;
2774 }
2775 .vbo-ratesoverview-vcmwarn-count {
2776 display: block;
2777 padding: 5px 5px 0;
2778 text-align: center;
2779 }
2780 .vbo-ratesoverview-vcmwarn-count i {
2781 color: var(--vbo-blue-color);
2782 }
2783 .vbo-ratesoverview-vcmwarn-open {
2784 display: block;
2785 text-align: center;
2786 margin-top: 10px;
2787 }
2788 .vbo-ratesoverview-roomsel-block {
2789 margin: 0 20px;
2790 }
2791 .vbo-ratesoverview-roomsel-block > form {
2792 display: flex;
2793 margin-bottom: 0;
2794 background: var(--vbo-config-child-bg-color);
2795 border: 1px solid var(--vbo-config-border-color);
2796 border-bottom-color: var(--vbo-config-border-color);
2797 border-bottom-style: solid;
2798 border-bottom-width: 1px;
2799 border-radius: 4px;
2800 border-bottom: 2px solid var(--vbo-config-border-color);
2801 box-shadow: 0 0 10px rgba(0,0,0,.1);
2802 }
2803 .vbo-ratesoverview-roomsel-block label {
2804 display: block;
2805 font-weight: bold;
2806 margin-bottom: 9px;
2807 }
2808 .vbo-ratesoverview-roomsel-entry {
2809 display: inline-block;
2810 vertical-align: top;
2811 background: var(--vbo-config-bg-color);
2812 padding: 15px;
2813 flex: 1;
2814 flex-basis: auto;
2815 }
2816 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2817 font-size: 16px;
2818 }
2819 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2820 color: var(--vbo-config-titles-color-light);
2821 font-size: 14px;
2822 margin-right: 5px;
2823 }
2824 .vbo-ratesoverview-roomsel-entry-forecast {
2825 flex-basis: 35%;
2826 }
2827 .vbo-ratesoverview-roomsel-entry-forecast > label {
2828 float: left;
2829 }
2830 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2831 margin-bottom: 20px;
2832 display: flex;
2833 justify-content: flex-end;
2834 }
2835 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2836 width: 36%;
2837 float: left;
2838 display: inline-block;
2839 }
2840 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2841 width: 100%;
2842 }
2843 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2844 padding: 10px 20px;
2845 }
2846 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2847 margin-bottom: 5px;
2848 }
2849 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2850 font-size: 22px;
2851 }
2852 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2853 width: 57% !important;
2854 height: auto !important;
2855 }
2856 .vbo-reportwidget-ratesoverv .chart-line-legend {
2857 margin-left: 0;
2858 }
2859 .vbo-ratesoverview-roomsel-entry-los {
2860 border-left: 1px solid var(--vbo-config-border-color);
2861 }
2862 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2863 flex-basis: 18%;
2864 border-right: 1px solid var(--vbo-config-border-color);
2865 background-color: var(--vbo-config-bg-color);
2866 border-top-left-radius: 4px;
2867 border-bottom-left-radius: 4px;
2868 }
2869 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2870 margin-bottom: 0;
2871 border-radius: 2px;
2872 border: 1px solid var(--vbo-config-border-color);
2873 padding: 8px 10px;
2874 height: inherit;
2875 }
2876 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2877 margin-bottom: 0;
2878 }
2879 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
2880 width: 80% !important;
2881 }
2882 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
2883 border: 0;
2884 background: transparent;
2885 }
2886 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2887 padding: 0;
2888 }
2889 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice {
2890 background-color: #b6d8ee;
2891 border: 1px solid #b8d1e1;
2892 border-radius: 30px;
2893 padding: 5px 10px;
2894 color: #2d5593;
2895 font-weight: bold;
2896 }
2897 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2898 display: inline-block;
2899 margin-left: 3px;
2900 margin-right: 0;
2901 width: 18px;
2902 height: 18px;
2903 line-height: 15px;
2904 font-size: 16px;
2905 text-align: center;
2906 border-radius: 50%;
2907 color: var(--vbo-base-color);
2908 float: right;
2909 }
2910 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2911 background: var(--vbo-base-color);
2912 color: #fff;
2913 }
2914 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
2915 width: 100%;
2916 }
2917 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
2918 width: 98% !important;
2919 background: var(--vbo-config-bg-color);
2920 border: 1px solid var(--vbo-config-border-color);
2921 border-radius: 2px;
2922 padding: 8px 10px;
2923 }
2924 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
2925 vertical-align: bottom;
2926 margin-bottom: 16px;
2927 }
2928 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
2929 border: 0;
2930 }
2931 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
2932 border-right: 1px solid var(--vbo-config-border-color);
2933 flex-basis: calc(53%);
2934 }
2935 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
2936 line-height: 35px;
2937 }
2938 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
2939 font-weight: normal;
2940 font-size: 14px;
2941 }
2942 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
2943 height: 36px;
2944 border: 1px solid var(--vbo-config-border-color);
2945 border-radius: 2px;
2946 }
2947 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
2948 height: 36px;
2949 }
2950 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
2951 background: var(--vbo-config-bg-color);
2952 border: 1px solid var(--vbo-config-border-color);
2953 border-radius: 2px;
2954 padding: 8px 10px;
2955 width: 70% !important;
2956 }
2957 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
2958 padding: 8px 10px;
2959 border-radius: 0 2px 2px 0;
2960 border: 1px solid var(--vbo-config-border-color);
2961 }
2962 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
2963 margin-right: 0;
2964 }
2965 .vbo-ratesoverview-roomsel-entry .select2-container {
2966 margin-bottom: 9px;
2967 min-width: 200px;
2968 }
2969 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
2970 display: none;
2971 }
2972 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
2973 flex-basis: 100%;
2974 }
2975 .vbo-ratesoverview-entryinline {
2976 display: inline-block;
2977 margin-right: 5px;
2978 vertical-align: top;
2979 }
2980 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
2981 min-width: 110px;
2982 }
2983 .vbo-ratesoverview-rcalc-srooms {
2984 display: block;
2985 }
2986 .vbo-ratesoverview-numnight {
2987 display: inline-block;
2988 padding: 2px 8px;
2989 margin-right: 13px;
2990 border-radius: 3px;
2991 border: 1px solid var(--vbo-base-color);
2992 color: var(--vbo-base-color);
2993 position: relative;
2994 font-weight: bold;
2995 }
2996 .vbo-ratesoverview-numnight:after {
2997 background: var(--vbo-red-color) none repeat scroll 0 0;
2998 border-radius: 50%;
2999 color: #fff;
3000 content: "x";
3001 cursor: pointer;
3002 font-size: 11px;
3003 height: 16px;
3004 line-height: 14px;
3005 position: absolute;
3006 right: -15px;
3007 text-align: center;
3008 top: -9px;
3009 width: 16px;
3010 border: 2px solid #fff;
3011 }
3012 .vbo-ratesoverview-numnight:hover:after {
3013 background-color: var(--vbo-red-color);
3014 }
3015 .vbo-ratesoverview-numnight:active:after {
3016 background-color: var(--vbo-red-color-hover);
3017 }
3018 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3019 width: 35px !important;
3020 margin: 0 0 0 5px;
3021 display: inline-block;
3022 }
3023 #vbo-addnumnight-act {
3024 cursor: pointer;
3025 display: inline-block;
3026 margin-top: 10px;
3027 vertical-align: top;
3028 }
3029 #vbo-addnumnight-act i {
3030 color: var(--vbo-green-color);
3031 font-size: 18px;
3032 }
3033 .vbo-apply-los-btn {
3034 margin-left: 10px;
3035 }
3036 .vbo-seasons-calendar-table {
3037 width: 100%;
3038 margin-bottom: 0 !important;
3039 }
3040 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3041 background: var(--vbo-config-child-bg-color);
3042 border-top: 0 !important;
3043 padding: 15px 0;
3044 }
3045 tr.vbo-seasons-calendar-nightsrow td:first-child {
3046 width: 20%;
3047 }
3048 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3049 text-align: center;
3050 }
3051 tr.vbo-seasons-calendar-nightsrow td span {
3052 font-weight: bold;
3053 font-size: 15px;
3054 }
3055 tr.vbo-seasons-calendar-offseasonrow {
3056 border-bottom: 1px solid var(--vbo-basic-btn);
3057 }
3058 tr.vbo-seasons-calendar-offseasonrow td {
3059 height: 40px;
3060 }
3061 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3062 text-align: center;
3063 }
3064 tr.vbo-seasons-calendar-seasonrow {
3065 border-bottom: 1px solid var(--vbo-basic-btn);
3066 }
3067 tr.vbo-seasons-calendar-seasonrow td {
3068 height: 40px;
3069 }
3070 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3071 text-align: center;
3072 }
3073 .vbo-seasons-calendar-offseasonname {
3074 font-style: italic;
3075 font-size: 15px;
3076 }
3077 .vbo-seasons-calendar-offseasoncosts {
3078 display: block;
3079 }
3080 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3081 display: block;
3082 margin: 8px 0;
3083 }
3084 .vbo-seasons-calendar-seasoncost-notaffected {
3085 opacity: 0.3;
3086 }
3087 .vbo-seasons-calendar-pricename {
3088 display: block;
3089 font-style: italic;
3090 }
3091 .vbo-seasons-calendar-pricecost {
3092 display: block;
3093 font-weight: bold;
3094 }
3095 .vbo-seasons-calendar-seasondates {
3096 display: block;
3097 }
3098 .vbo-seasons-calendar-seasonchargedisc {
3099 display: block;
3100 float: right;
3101 }
3102 .vbo-seasons-calendar-slabel {
3103 border-radius: 0.25em;
3104 color: #fff;
3105 display: inline;
3106 font-size: 95%;
3107 font-weight: 700;
3108 line-height: 1;
3109 padding: 0.2em 0.6em 0.3em;
3110 text-align: center;
3111 vertical-align: baseline;
3112 white-space: nowrap;
3113 }
3114 .vbo-seasons-calendar-season-charge {
3115 background-color: #777;
3116 }
3117 .vbo-seasons-calendar-season-discount {
3118 background-color: #f0ad4e;
3119 }
3120 .vbo-seasons-calendar-operator {
3121 display: inline-block;
3122 margin-right: 3px;
3123 font-weight: bold;
3124 font-size: 105%;
3125 }
3126 .vbo-seasons-calendar-seasonfrom {
3127 display: inline-block;
3128 }
3129 .vbo-seasons-calendar-seasondates-separe {
3130 display: inline-block;
3131 margin: 0 3px 0 3px;
3132 }
3133 .vbo-seasons-calendar-seasonto {
3134 display: inline-block;
3135 }
3136 .vbo-seasons-calendar-seasonname {
3137 display: block;
3138 font-weight: bold;
3139 white-space: initial;
3140 }
3141 .vbo-seasons-calendar-restrictions {
3142 display: block;
3143 }
3144 .vbo-seasons-calendar-restriction-minlos {
3145 display: inline-block;
3146 padding: 6px 6px 5px 7px;
3147 background: var(--vbo-config-border-color);
3148 font-size: 12px;
3149 font-weight: bold;
3150 border-radius: 2px;
3151 margin-top: 3px;
3152 }
3153 .vbo-seasons-calendar-restriction-minlos-badge {
3154 display: inline-block;
3155 min-width: 20px;
3156 min-height: 20px;
3157 background: var(--vbo-config-bg-color);
3158 color: var(--vbo-body-text-color);
3159 font-size: 13px;
3160 font-weight: bold;
3161 padding: 4px;
3162 border-radius: 50%;
3163 text-align: center;
3164 margin-left: 2px;
3165 }
3166 .vbo-seasons-calendar-restriction-maxlos {
3167 display: inline-block;
3168 padding: 2px 3px 2px 3px;
3169 background: var(--vbo-config-text-color-light);
3170 font-size: 12px;
3171 font-weight: bold;
3172 border-radius: 4px;
3173 }
3174 .vbo-seasons-calendar-restriction-maxlos-badge {
3175 display: inline-block;
3176 min-width: 20px;
3177 min-height: 20px;
3178 background: var(--vbo-config-bg-color);
3179 color: var(--vbo-body-text-color);
3180 font-size: 13px;
3181 font-weight: bold;
3182 padding: 4px;
3183 border-radius: 50%;
3184 text-align: center;
3185 margin-left: 2px;
3186 }
3187 .vbo-seasons-calendar-restriction-wdays {
3188 display: block;
3189 }
3190 .vbo-seasons-calendar-restriction-wdays label {
3191 display: block;
3192 font-style: italic;
3193 }
3194 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3195 display: inline-block;
3196 padding: 2px 3px 2px 3px;
3197 margin-right: 4px;
3198 background: var(--vbo-base-color);
3199 color: #fff;
3200 border-radius: 4px;
3201 }
3202 .vbo-ratesoverview-roomsel-entry-calc-inner {
3203 border-bottom: 1px solid var(--vbo-basic-btn);
3204 padding: 0 0 10px;
3205 margin: 10px 0 0;
3206 }
3207 .vbo-ratesoverview-calculation-response {
3208 margin: 10px 0 0;
3209 }
3210 .vbo-ratesoverview-calculation-response-room {
3211 margin: 10px 0 40px;
3212 }
3213 .vbo-ratesoverview-calculation-response-room:last-child {
3214 margin-bottom: 0;
3215 padding-bottom: 0;
3216 border: 0;
3217 }
3218 .vbo-ratesoverview-calculation-response-room h4 {
3219 font-weight: normal;
3220 font-size: 14px;
3221 }
3222 .vbo-ratesoverview-calculation-response-room-name {
3223 display: block;
3224 font-weight: bold;
3225 font-size: 16px;
3226 margin-bottom: 5px;
3227 }
3228 .vbo-calcrates-rateblock {
3229 padding: 15px;
3230 margin: 15px 0;
3231 background: var(--vbo-config-bg-color);
3232 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3233 border-radius: 10px;
3234 display: flex;
3235 flex-wrap: wrap;
3236 }
3237 .vbo-calcrates-rateblock > span {
3238 display: inline-block;
3239 flex: 1;
3240 margin-right: 15px;
3241 font-size: 15px;
3242 color: var(--vbo-config-titles-color-light);
3243 }
3244 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3245 font-weight: bold;
3246 font-size: 17px;
3247 flex-basis: 100%;
3248 margin-bottom: 8px;
3249 vertical-align: top;
3250 align-self: center;
3251 }
3252 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3253 display: inline-block;
3254 font-weight: bold;
3255 margin-right: 55px;
3256 font-size: 16px;
3257 }
3258 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3259 width: 15%;
3260 }
3261 .vbo-calcrates-rateblock > span > span {
3262 display: block;
3263 font-size: 12px;
3264 font-weight: bold;
3265 color: var(--vbo-config-titles-color-light);
3266 }
3267 .vbo-calcrates-rateblock .vbo-calcrates-info {
3268 margin-top: 14px;
3269 }
3270 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3271 align-self: center;
3272 background-color: var(--vbo-base-color);
3273 color: #fff;
3274 border: 0;
3275 padding: 9px 14px;
3276 font-weight: bold;
3277 display: inline-block;
3278 margin-left: auto;
3279 }
3280 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3281 background-color: var(--vbo-base-color-hover);
3282 }
3283 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3284 background-color: var(--vbo-link-text-color);
3285 }
3286 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3287 display: inline-block;
3288 min-width: 100px;
3289 margin: 0 15px 0 0;
3290 font-weight: bold;
3291 font-size: 12px;
3292 }
3293 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3294 display: inline-block;
3295 font-style: italic;
3296 margin-right: 5px;
3297 color: var(--vbo-config-titles-color-light);
3298 }
3299
3300 .vbo-ratesoverview-tabscont {
3301 margin: 0 0 10px 0;
3302 text-align: right;
3303 float: right;
3304 }
3305 .vbo-ratesoverview-tabscont div {
3306 cursor: pointer;
3307 display: inline-block;
3308 text-align: center;
3309 padding: 12px;
3310 margin: 0 5px;
3311 border-radius: 2px;
3312 font-size: 14px;
3313 }
3314 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3315 background: var(--vbo-blue-color);
3316 color: #fff;
3317 font-weight: bold;
3318 border: 2px solid var(--vbo-blue-color);
3319 }
3320 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3321 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3322 border: 2px solid var(--vbo-config-child-bg-color);
3323 }
3324 .vbo-roverw-rplan-on {
3325 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3326 color: var(--vbo-body-text-color);
3327 cursor: pointer;
3328 font-size: 15px;
3329 }
3330 .vbo-roverw-rplan-on:hover {
3331 background: var(--vbo-light-color-btn);
3332 }
3333 .vbo-roverw-rplan-off {
3334 background: var(--vbo-red-color) none repeat scroll 0 0;
3335 color: #fff;
3336 cursor: not-allowed;
3337 }
3338 .block-picked-start, .block-picked-middle, .block-picked-end,
3339 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3340 background: var(--vbo-orange-color) none repeat scroll 0 0;
3341 }
3342 .vbo-smallersp {
3343 font-size: smaller;
3344 }
3345 .vbo-roverw-infoblock {
3346 display: block;
3347 padding-bottom: 8px;
3348 margin-bottom: 8px;
3349 text-align: center;
3350 border-bottom: 1px solid var(--vbo-config-border-color);
3351 }
3352 .vbo-roverw-infoblock span {
3353 display: inline-block;
3354 font-weight: bold;
3355 font-size: 13px;
3356 }
3357 .vbo-roverw-infoblock span#rovervw-roomname {
3358 display: block;
3359 text-align: center;
3360 font-weight: bold;
3361 font-size: 18px;
3362 margin-bottom: 7px;
3363 }
3364 .vbo-roverw-alldays {
3365 display: table;
3366 width: 100%;
3367 }
3368 .vbo-roverw-alldays-inner {
3369 display: table-cell;
3370 text-align: center;
3371 vertical-align: middle;
3372 }
3373 .vbo-roverw-daymod {
3374 display: inline-block;
3375 vertical-align: top;
3376 margin: 4px 6px;
3377 padding: 12px 10px;
3378 background: var(--vbo-blue-color) none repeat scroll 0 0;
3379 border-radius: 4px;
3380 text-align: center;
3381 width: 19%;
3382 }
3383 .vbo-roverw-daymod-innercell {
3384 position: relative;
3385 }
3386 .vbo-roverw-daymod-infospids {
3387 bottom: -10px;
3388 color: #d6e2ff;
3389 cursor: pointer;
3390 font-size: 15px;
3391 font-weight: bold;
3392 right: -8px;
3393 padding: 0;
3394 position: absolute;
3395 }
3396 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3397 color: #fff;
3398 }
3399 .vbo-roverw-daymod-infospids span {
3400 display: inline-block;
3401 margin: 0;
3402 }
3403 .vbo-roverw-daymod-infospids-outcont {
3404 display: none;
3405 position: absolute;
3406 transform: translate(-50%, 0%);
3407 padding: 10px;
3408 border: 2px solid var(--vbo-config-border-color);
3409 border-radius: 2px;
3410 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3411 box-shadow: 0 0 10px rgba(0,0,0,.15);
3412 top: 72px;
3413 left: 50%;
3414 min-width: 150px;
3415 z-index: 101;
3416 }
3417 .vbo-roverw-daymod-infospids-incont ul {
3418 margin: 0;
3419 }
3420 .vbo-roverw-daymod-infospids-incont ul li {
3421 list-style-type: none;
3422 border-bottom: 1px solid var(--vbo-config-border-color);
3423 padding: 5px 0;
3424 }
3425 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3426 border: 0;
3427 }
3428 .vbo-roverw-daymod-infospids-incont ul li a {
3429 color: var(--vbo-config-title-color);
3430 font-weight: bold;
3431 }
3432 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3433 color: var(--vbo-blue-color);
3434 }
3435 .vbo-roverw-daydate {
3436 display: inline-block;
3437 text-align: center;
3438 width: 96%;
3439 color: #fff;
3440 padding-bottom: 5px;
3441 margin-bottom: 0;
3442 }
3443 .vbo-roverw-dayprice {
3444 display: inline-block;
3445 text-align: center;
3446 color: #fff;
3447 font-weight: bold;
3448 border: 1px solid var(--vbo-base-color);
3449 border-radius: 4px;
3450 padding: 7px;
3451 width: 100%;
3452 box-sizing: border-box;
3453 font-size: 15px;
3454 }
3455 .vbo-roverw-setnewrate {
3456 display: block;
3457 margin-top: 20px;
3458 width: 100%;
3459 border-top: 1px solid var(--vbo-config-border-color);
3460 padding: 10px 0;
3461 }
3462 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3463 display: flex;
3464 margin-bottom: 10px;
3465 }
3466 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3467 flex: 1;
3468 text-align: center;
3469 border: 1px solid var(--vbo-config-border-color);
3470 border-radius: 4px;
3471 margin: 5px 10px;
3472 padding: 12px;
3473 box-shadow: 0 0 10px rgba(0,0,0,.1);
3474 }
3475 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3476 background: var(--vbo-config-bg-color);
3477 border: 1px solid var(--vbo-config-border-color);
3478 border-radius: 2px;
3479 padding: 8px 10px;
3480 }
3481 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3482 display: inline-block;
3483 }
3484 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3485 width: 100px !important;
3486 }
3487 .vbo-roverw-closeopenrp {
3488 display: table;
3489 margin: 0 auto 20px;
3490 margin-top: 30px;
3491 padding: 0;
3492 background: var(--vbo-config-child-bg-color);
3493 border-radius: 5px;
3494 }
3495 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3496 padding: 4px 0;
3497 text-align: center;
3498 margin: 0 0 7px;
3499 font-size: 16px;
3500 }
3501 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3502 color: var(--vbo-config-titles-color-light);
3503 font-size: 14px;
3504 margin-right: 5px;
3505 }
3506
3507 .vbo-roverw-closeopenrp h4 {
3508 cursor: pointer;
3509 background: var(--vbo-middle-color-btn);
3510 border-radius: 5px;
3511 padding: 15px 20px;
3512 margin: 0;
3513 color: #fff;
3514 font-weight: normal;
3515 }
3516 .vbo-roverw-closeopenrp-btns {
3517 display: none;
3518 text-align: center;
3519 margin-top: 30px;
3520 margin-bottom: 20px;
3521 }
3522 .vbo-roverw-closeopenrp-btns button {
3523 margin: 0 3px;
3524 padding: 8px 12px;
3525 }
3526 .vbo-roverw-setnewrate-inner {
3527 display: block;
3528 text-align: center;
3529 }
3530 .vbo-roverw-setnewrate-btns {
3531 display: block;
3532 text-align: center;
3533 margin-top: 15px;
3534 }
3535 .vbo-roverw-setnewrate-btns button {
3536 margin: 0 3px;
3537 }
3538 .vbo-roverw-setnewrate-btns button.btn-danger {
3539 border-radius: 3px;
3540 padding: 10px 14px;
3541 margin-bottom: 0;
3542 }
3543 .vbo-info-overlay-loading {
3544 display: none;
3545 position: fixed;
3546 left: 40%;
3547 top: 40%;
3548 width: 20%;
3549 height: 20%;
3550 z-index: 101;
3551 padding: 10px;
3552 color: #fff;
3553 font-size: 30px;
3554 text-align: center;
3555 }
3556 .vbo-modal-overlay-content-body-scroll {
3557 height: calc(100% - 200px);
3558 overflow: hidden;
3559 overflow-y: scroll;
3560 }
3561 .vbo-roverviewrowone .bluedays {
3562 background: var(--vbo-base-color);
3563 color: #fff;
3564 padding: 6px 15px;
3565 cursor: pointer;
3566 }
3567 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3568 color: var(--vbo-body-text-color);
3569 }
3570 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3571 background: #095880;
3572 }
3573 .vbo-roverviewrowone .vbo-roverv-festcell {
3574 background: #a07e9a !important;
3575 cursor: pointer;
3576 }
3577 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3578 background-color: #bf8cb6 !important;
3579 }
3580 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3581 background-color: #cca5c5 !important;
3582 }
3583 .vbo-roverviewrowone .bluedays > span {
3584 display: block;
3585 }
3586 .vbo-roverw-roomdaynote-icn {
3587 position: relative;
3588 }
3589 .vbo-roverw-roomdaynote-icn i {
3590 position: absolute;
3591 right: -10px;
3592 top: 2px;
3593 font-size: 12px;
3594 }
3595 .vbo-roverw-roomdaynote-icn:hover i {
3596 color: var(--vbo-body-text-color);
3597 }
3598 .vbo-roverviewrowone .vbo-roverw-tablewday {
3599 color: #fff;
3600 font-size: 12px;
3601 }
3602 .vbo-roverviewrowone .vbo-roverw-tablemday {
3603 font-size: 24px;
3604 margin: 3px 0;
3605 }
3606 .vbo-roverw-tablemonth {
3607 font-size: 12px;
3608 color: #fff;
3609 text-transform: uppercase;
3610 font-weight: normal;
3611 }
3612 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3613 display: inline-block;
3614 vertical-align: top;
3615 }
3616 .vbo-roverview-datecmd {
3617 margin-bottom: 3px;
3618 }
3619 .vbo-roverview-datecmd form {
3620 margin: 0 !important;
3621 }
3622 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3623 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3624 color: var(--vbo-blue-color);
3625 font-size: 15px;
3626 text-decoration: none;
3627 margin-top: 5px;
3628 background: var(--vbo-body-bg-color);
3629 padding: 3px 5px;
3630 display: inline-block;
3631 width: 15px;
3632 border-radius: 2px;
3633 vertical-align: top;
3634 }
3635 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3636 text-decoration: none;
3637 color: var(--vbo-config-titles-color-light);
3638 }
3639 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3640 margin-right: 10px;
3641 }
3642 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3643 margin-bottom: 0;
3644 padding: 0 10px;
3645 }
3646 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3647 font-size: 15px;
3648 text-decoration: none;
3649 margin-top: 5px;
3650 background: var(--vbo-input-style);
3651 padding: 8px 5px;
3652 display: inline-block;
3653 width: 112px;
3654 border-radius: 2px;
3655 vertical-align: top;
3656 }
3657 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3658 width: 70px !important;
3659 cursor: pointer;
3660 margin: -3px 0 0 3px;
3661 border: 0;
3662 padding: 0;
3663 font-weight: bold;
3664 }
3665 .vbo-roverview-datecmd a {
3666 display: inline-block;
3667 }
3668 .vbo-roverviewtablerow td {
3669 padding: 15px 10px;
3670 }
3671 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3672 padding: 9px 10px 18px;
3673 }
3674 .vbo-roverviewtableavrow td {
3675 padding: 10px 10px;
3676 }
3677 .vbo-roverviewtablerow td:first-child {
3678 font-weight: bold;
3679 background: var(--vbo-config-child-bg-color);
3680 background-clip: padding-box;
3681 }
3682 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3683 background: var(--vbo-config-bg-color) !important;
3684 font-weight: bold;
3685 padding: 10px;
3686 font-size: 14px;
3687 }
3688 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3689 border: 0;
3690 }
3691 td.vbo-roverw-daynotbusy {
3692 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3693 color: var(--vbo-body-text-color);
3694 cursor: not-allowed;
3695 }
3696 td.vbo-roverw-daybusy {
3697 background: var(--vbo-red-color) none repeat scroll 0 0;
3698 color: #fff;
3699 cursor: not-allowed;
3700 }
3701 td.vbo-roverw-daybusypartially {
3702 background: var(--vbo-orange-color) none repeat scroll 0 0;
3703 color: #fff;
3704 cursor: not-allowed;
3705 }
3706 .vbo-roverview-roomunits {
3707 background: #3e6372 none repeat scroll 0 0;
3708 border-radius: 50%;
3709 color: #fff;
3710 display: inline-block;
3711 font-size: 11px;
3712 font-weight: bold;
3713 margin: 0 5px 0 0;
3714 height: 14px;
3715 width: 14px;
3716 line-height: 14px;
3717 padding: 3px;
3718 text-align: center;
3719 }
3720 .vbo-info-overlay-content-rovervw {
3721 padding: 20px 10px !important;
3722 height: 80% !important;
3723 }
3724 .ui-datepicker-multi-2 .ui-datepicker-group {
3725 width: 49% !important;
3726 }
3727 .vbo-roverw-setnewrate-vcm {
3728 padding: 4px;
3729 display: block;
3730 width: 50%;
3731 margin: 0 auto;
3732 }
3733 .vbo-roverw-setnewrate-vcm-head {
3734 margin-bottom: 5px;
3735 font-weight: bold;
3736 }
3737 .vbo-roverw-setnewrate-vcm-body {
3738 text-align: center;
3739 }
3740 .vbo-vcm-notinstalled {
3741 color: var(--vbo-red-color);
3742 }
3743 .vbo-vcm-installed {
3744 color: var(--vbo-config-title-color);
3745 }
3746 /* Rates, Restrictions and Seasons Calendar - End */
3747 /* Toggle Switch - Start */
3748 /* The switch - the box around the slider */
3749 .vbo-switch {
3750 position: relative;
3751 display: inline-block;
3752 width: 60px;
3753 height: 34px;
3754 }
3755 /* Hide default HTML checkbox */
3756 .vbo-switch input {
3757 display: none;
3758 }
3759 /* The slider */
3760 .vbo-slider {
3761 position: absolute;
3762 cursor: pointer;
3763 top: 0;
3764 left: 0;
3765 right: 0;
3766 bottom: 0;
3767 background-color: #ccc;
3768 -webkit-transition: .4s;
3769 transition: .4s;
3770 }
3771 .vbo-slider.vbo-slider-disabled {
3772 cursor: not-allowed;
3773 }
3774 .vbo-slider:before {
3775 position: absolute;
3776 content: "";
3777 height: 26px;
3778 width: 26px;
3779 left: 4px;
3780 bottom: 4px;
3781 background-color: white;
3782 -webkit-transition: .4s;
3783 transition: .4s;
3784 }
3785 input:checked + .vbo-slider {
3786 background-color: #2196F3;
3787 }
3788 input:focus + .vbo-slider {
3789 box-shadow: 0 0 1px #2196F3;
3790 }
3791 input:checked + .vbo-slider:before {
3792 -webkit-transform: translateX(26px);
3793 -ms-transform: translateX(26px);
3794 transform: translateX(26px);
3795 }
3796 /* Rounded sliders */
3797 .vbo-slider.vbo-round {
3798 border-radius: 34px;
3799 }
3800 .vbo-slider.vbo-round:before {
3801 border-radius: 50%;
3802 }
3803 /* Toggle Switch - End */
3804 .new_depovr_container {
3805 margin: 4px 0 15px;
3806 padding: 10px;
3807 border: 1px solid var(--vbo-config-border-color);
3808 border-radius: 4px;
3809 }
3810 .new_depovr_container > span {
3811 display: inline-block;
3812 vertical-align: top;
3813 margin-right: 23px;
3814 }
3815 .new_depovr_container > span:last-child {
3816 margin-right: 0;
3817 float: right;
3818 }
3819 .new_depovr_container > span > span {
3820 display: inline-block;
3821 margin: 0 5px;
3822 }
3823 .new_depovr_container > span > .btn-danger {
3824 padding: 8px 13px 11px;
3825 font-weight: bold;
3826 font-size: 20px;
3827 line-height: 16px;
3828 }
3829 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3830 margin: 0 !important;
3831 }
3832 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3833 width: 100px !important;
3834 }
3835 .cur_depoverrides {
3836 margin: 0 0 4px 0;
3837 display: inline-block;
3838 }
3839 .cur_depoverrides span {
3840 margin: 3px;
3841 border-bottom: 1px solid var(--vbo-config-text-color-light);
3842 border: 1px solid var(--vbo-config-border-color);
3843 padding: 5px 8px;
3844 border-radius: 3px;
3845 background: var(--vbo-config-child-bg-color);
3846 display: inline-block;
3847 }
3848 .cur_depoverrides span:first-child {
3849 margin-left: 0;
3850 }
3851 .cur_depoverrides + .btn {
3852 display: inline-block;
3853 vertical-align: top;
3854 margin-top: 3px;
3855 padding: 5px 10px;
3856 }
3857 /* Timeline Rates Overview - Start */
3858 .vbo-ratesoverview-lostab-cont .table-responsive {
3859 width: 98%;
3860 margin: 10px auto 20px;
3861 border-radius: 10px;
3862 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3863 }
3864 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3865 border-top: 1px solid var(--vbo-config-border-color);
3866 }
3867 .vbo-timeline-container {
3868 display: block;
3869 width: 100%;
3870 margin: auto auto 0;
3871 overflow: auto;
3872 }
3873 #vbo-timeline {
3874 list-style: none;
3875 margin: 70px auto 0;
3876 padding: 0;
3877 border-top: 8px solid var(--vbo-blue-color);
3878 display: table;
3879 border-spacing: 30px 0;
3880 text-align: center;
3881 }
3882 #vbo-timeline li {
3883 display: table-cell;
3884 height: 160px;
3885 }
3886 #vbo-timeline li .vbo-timeline-relative {
3887 position: relative;
3888 }
3889 #vbo-timeline p {
3890 margin: 0;
3891 }
3892 .vbo-timeline-date {
3893 text-align: center;
3894 top: -45px;
3895 left: 0;
3896 right: 0;
3897 font-size: 0.95em;
3898 line-height: 25px;
3899 position: absolute;
3900 font-weight: bold;
3901 }
3902 .vbo-timeline-circle {
3903 margin: 0 auto;
3904 top: -14px;
3905 left: 0;
3906 right: 0;
3907 width: 10px;
3908 height: 10px;
3909 background: var(--vbo-config-bg-color);
3910 border: 5px solid var(--vbo-blue-color);
3911 border-radius: 50%;
3912 display: block;
3913 position: absolute;
3914 cursor: pointer;
3915 }
3916 .vbo-timeline-content {
3917 border-color: var(--vbo-main-bg-color);
3918 width: 180px;
3919 max-height: 120px;
3920 margin-top: 25px;
3921 vertical-align: top;
3922 padding: 35px 15px 15px;
3923 transition: width 0.2s linear, max-height 0.2s linear;
3924 border-width: 2px;
3925 border-style: solid;
3926 border-radius: 0.5em;
3927 position: relative;
3928 }
3929 .vbo-timeline-content:before, .vbo-timeline-content:after {
3930 content: "";
3931 width: 0;
3932 height: 0;
3933 border: solid transparent;
3934 position: absolute;
3935 pointer-events: none;
3936 bottom: 100%;
3937 }
3938 .vbo-timeline-content:before {
3939 border-bottom-color: inherit;
3940 border-width: 15px;
3941 left: 50%;
3942 margin-left: -15px;
3943 }
3944 .vbo-timeline-content:after {
3945 border-bottom-color: var(--vbo-config-bg-color);
3946 border-width: 12px;
3947 left: 50%;
3948 margin-left: -12px;
3949 }
3950 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
3951 background-color: transparent !important;
3952 border: 1px solid var(--vbo-blue-color);
3953 color: var(--vbo-blue-color);
3954 padding: 8px 6px !important;
3955 vertical-align: top;
3956 }
3957 .vbo-timeline-content .label-info .badge {
3958 background: var(--vbo-blue-color) !important;
3959 margin-left: 2px;
3960 }
3961 .vbo-timeline-content .btn {
3962 padding: 8px 15px;
3963 box-shadow: none;
3964 border-color: var(--vbo-config-border-color);
3965 vertical-align: top;
3966 }
3967 .vbo-timeline-content .btn i {
3968 margin-right: 5px;
3969 }
3970 .vbo-timeline-content p {
3971 max-height: 0;
3972 color: transparent;
3973 text-align: center;
3974 /* text-align: justify; */
3975 word-break: break-word;
3976 -moz-hyphens: auto;
3977 overflow: hidden;
3978 }
3979 .vbo-ratesoverview-bottom-container {
3980 background: var(--vbo-config-bg-color);
3981 }
3982 label.vbo-timeline-label {
3983 font-size: 1.2em;
3984 position: absolute;
3985 z-index: 1;
3986 cursor: pointer;
3987 width: 180px;
3988 white-space: nowrap;
3989 text-overflow: ellipsis;
3990 overflow: hidden;
3991 display: block;
3992 top: 35px;
3993 left: 15px;
3994 }
3995 .vbo-timeline-radio {
3996 display: none;
3997 }
3998 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
3999 cursor: auto;
4000 width: 300px;
4001 }
4002 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
4003 background: var(--vbo-green-color);
4004 }
4005 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
4006 max-height: 180px;
4007 border-color: var(--vbo-blue-color);
4008 width: 300px;
4009 }
4010 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
4011 max-height: 180px;
4012 min-height: 35px;
4013 color: var(--vbo-config-title-color);
4014 transition: color 0.3s linear 0.3s;
4015 -webkit-transition: color 0.3s linear 0.3s;
4016 }
4017 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4018 max-height: 0;
4019 max-width: 0;
4020 color: transparent;
4021 word-break: break-word;
4022 -moz-hyphens: auto;
4023 overflow: hidden;
4024 }
4025 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4026 max-height: 180px;
4027 min-height: 35px;
4028 color: #fff;
4029 transition: color 0.3s linear 0.3s;
4030 -webkit-transition: color 0.3s linear 0.3s;
4031 }
4032 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4033 background-color: var(--vbo-orange-color);
4034 }
4035 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4036 background-color: var(--vbo-input-style-nested-deactive);
4037 color: var(--vbo-body-text-color);
4038 }
4039 /* Timeline Rates Overview - End */
4040 /* Translations - Start */
4041 .vbo-translation-langtabs {
4042 display: block;
4043 margin: 0;
4044 padding: 0;
4045 background: var(--vbo-config-bg-color);
4046 border: 1px solid var(--vbo-config-border-color);
4047 }
4048 .vbo-translation-tab {
4049 display: inline-block;
4050 cursor: pointer;
4051 vertical-align: middle;
4052 font-weight: bold;
4053 min-width: 120px;
4054 text-align: center;
4055 color: var(--vbo-config-titles-color-light);
4056 border-right: 1px solid var(--vbo-config-border-color);
4057 border-bottom: none;
4058 margin: 0 0 -1px;
4059 padding: 12px 14px;
4060 }
4061 .vbo-translation-tab .vbo-translation-flag {
4062 margin-right: 5px;
4063 }
4064 .vbo-translation-tab:hover {
4065 background: var(--vbo-config-child-bg-color);
4066 }
4067 .vbo-translation-tab-default {
4068 border-bottom: 2px solid var(--vbo-blue-color);
4069 color: var(--vbo-blue-color);
4070 }
4071 .vbo-translation-tabscontents {
4072 display: block;
4073 margin: 0;
4074 padding: 0;
4075 border: 1px solid var(--vbo-config-border-color);
4076 min-height: 200px;
4077 }
4078 .vbo-translation-langcontent {
4079 background: var(--vbo-main-bg-color);
4080 }
4081 .vbo-translation-langcontent .adminlegend {
4082 margin: 10px 20px 0;
4083 border-bottom: 0;
4084 color: var(--vbo-config-title-color);
4085 }
4086 .vbo-translations-tab-container {
4087 padding: 0 10px;
4088 }
4089 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4090 background: var(--vbo-config-bg-color);
4091 border-radius: 8px;
4092 padding: 20px;
4093 margin: 15px 10px;
4094 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4095 }
4096 .vbo-translations-element-title {
4097 border-bottom: 1px solid var(--vbo-basic-btn);
4098 font-size: 16px;
4099 font-weight: bold;
4100 padding-bottom: 10px;
4101 margin-bottom: 10px;
4102 }
4103 .vbo-translations-element-row {
4104 display: flex;
4105 margin: 25px 0;
4106 font-size: 14px;
4107 }
4108 .vbo-translations-element-row-nested {
4109 margin: 0 0 0 10px;
4110 padding: 10px;
4111 background: var(--vbo-config-child-bg-color);
4112 border-bottom: 1px solid var(--vbo-basic-btn);
4113 }
4114 .vbo-translations-element-row .vbo-translations-element-lbl {
4115 flex-basis: 250px;
4116 margin-right: 20px;
4117 margin-bottom: 5px;
4118 }
4119 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4120 margin-right: 0;
4121 }
4122 .vbo-translations-element-row .vbo-translations-element-val {
4123 flex: 1;
4124 }
4125 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4126 height: 250px !important;
4127 }
4128 .vbo-translations-element-row .vbo-translations-element-val textarea {
4129 width: 100%;
4130 }
4131 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4132 padding-left: 35px;
4133 }
4134 .vbo-translations-language-element .vbo-translations-element-lbl {
4135 position: relative;
4136 }
4137 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal {
4138 position: absolute;
4139 padding: 4px 8px;
4140 background-color: var(--vbo-basic-btn);
4141 border: 1px solid var(--vbo-config-border-color);
4142 cursor: pointer;
4143 margin-top: 5px;
4144 border-radius: 4px;
4145 }
4146 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal:hover {
4147 background-color: var(--vbo-basic-btn-hover);
4148 }
4149 .vbo-translate-column-cell {
4150 background: none repeat scroll 0 0 #e9e9e9;
4151 border-right: 1px solid #ddd;
4152 text-align: right !important;
4153 vertical-align: middle !important;
4154 }
4155 .vbo-translate-reference-cell {
4156 background: none repeat scroll 0 0 #e9e9e9;
4157 text-align: left !important;
4158 font-size: 105%;
4159 font-weight: bold;
4160 }
4161 .vbo-missing-translation,.vbo-field-translated {
4162 position: relative;
4163 }
4164 .vbo-missing-translation:before {
4165 border: 1px solid var(--vbo-orange-color);
4166 border-radius: 50%;
4167 color: var(--vbo-orange-color);
4168 content: "!";
4169 font-size: 12px;
4170 font-weight: bold;
4171 height: 18px;
4172 left: 2px;
4173 position: absolute;
4174 text-align: center;
4175 top: 0px;
4176 width: 18px;
4177 }
4178 .vbo-field-translated:before {
4179 border: 1px solid var(--vbo-green-color);
4180 border-radius: 50%;
4181 color: var(--vbo-green-color);
4182 content: "\2713";
4183 font-size: 12px;
4184 font-weight: bold;
4185 height: 18px;
4186 left: 2px;
4187 position: absolute;
4188 text-align: center;
4189 top: 0px;
4190 width: 18px;
4191 }
4192 .vbo-translation-tab.vbo-translation-tab-ini {
4193 float: right;
4194 border-right: 0;
4195 }
4196 .vbo-translation-tab-ini.vbo-translation-tab-default {
4197 border-bottom: 0;
4198 }
4199 .vbo-translation-iniflag {
4200 display: inline-block;
4201 padding: 1px 4px;
4202 background: none repeat scroll 0 0 #365868;
4203 color: #fff;
4204 border-radius: 2px;
4205 }
4206 .vbo-inifile-totrows {
4207 display: inline-block;
4208 margin-right: 8px;
4209 padding: 2px 4px;
4210 border: 1px solid #fff;
4211 border-radius: 5px;
4212 text-align: center;
4213 }
4214 .vbo-inifile-path {
4215 display: inline-block;
4216 margin-right: 8px;
4217 padding: 2px 4px;
4218 border: 1px solid #fff;
4219 border-radius: 5px;
4220 text-align: center;
4221 font-size: 90%;
4222 }
4223 .vbo-inifile-exists {
4224 background: none repeat scroll 0 0 #DFF2BF;
4225 color: #4F8A10;
4226 }
4227 .vbo-inifile-notfound {
4228 background: none repeat scroll 0 0 #FEEFB3;
4229 color: #9F6000;
4230 }
4231 /* Translations - End */
4232
4233 /* Dashboard - Start */
4234 .vbo-dashboard-fullcontainer {
4235 background: var(--vbo-main-bg-color);
4236 padding: 10px 0;
4237 }
4238 .vbo-dashboard-top-outer {
4239 display: flex;
4240 flex-wrap: wrap;
4241 padding: 18px
4242 }
4243 .vbo-dashboard-today-bookings {
4244 flex-basis: 70%;
4245 display: flex;
4246 -ms-flex-wrap: wrap;
4247 -webkit-flex-wrap: wrap;
4248 flex-wrap: wrap;
4249 }
4250 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4251 flex: 1;
4252 }
4253 .vbo-dashboard-forecast-wrap {
4254 background-color: #fff;
4255 border-radius: 16px;
4256 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4257 }
4258 .vbo-dashboard-forecast-wrap h4 {
4259 font-size: 20px;
4260 font-weight: bold;
4261 padding: 23px 0px 22px 15px;
4262 margin-top: 0;
4263 border-bottom: 1px solid #ddd;
4264 text-align: center;
4265 }
4266 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4267 display: flex;
4268 border: 2px solid var(--vbo-red-color);
4269 border-radius: 6px;
4270 padding: 14px;
4271 margin: 10px 20px 0;
4272 }
4273 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4274 border: 0;
4275 }
4276 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4277 flex-basis: 52px;
4278 }
4279 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4280 width: 36px;
4281 height: 36px;
4282 border-radius: 50%;
4283 line-height: 36px;
4284 background: var(--vbo-base-color);
4285 color: #fff;
4286 font-size: 16px;
4287 text-align: center;
4288 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4289 }
4290 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4291 cursor: pointer;
4292 display: inline-block;
4293
4294 transition-timing-function: ease-in;
4295 transition: 0.2s;
4296 transform: translateY(-10px);
4297 }
4298 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4299 cursor: inherit;
4300 }
4301 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4302 overflow: hidden;
4303 padding-bottom: 5px;
4304 padding-top: 10px;
4305 margin-top: 0;
4306 }
4307 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4308 backface-visibility: hidden;
4309 transform: translateZ(0);
4310 transition: all 0.2s ease-in;
4311 padding-bottom: 14px;
4312 }
4313 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4314 margin-top: 0;
4315
4316 transition-timing-function: ease-out;
4317 transition: 0.25s;
4318 transform: translateY(0px);
4319 }
4320 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4321 position: absolute;
4322 }
4323 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4324 transform: translateY(-25px);
4325 }
4326 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4327 transform: translateY(-60px);
4328 }
4329 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4330 flex: 1;
4331 position: relative;
4332 }
4333 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4334 margin-top: 0;
4335 margin-bottom: 5px;
4336 color: var(--vbo-base-color);
4337 font-size: 14px;
4338 }
4339 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4340 position: absolute;
4341 right: -24px;
4342 top: -24px;
4343 background: var(--vbo-config-title-color);
4344 border: 2px solid var(--vbo-basic-btn);
4345 color: var(--vbo-basic-btn);
4346 width: 20px;
4347 height: 20px;
4348 text-align: center;
4349 line-height: 20px;
4350 border-radius: 50%;
4351 cursor: pointer;
4352 }
4353 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4354 font-weight: bold;
4355 margin: 0;
4356 }
4357 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4358 margin: 0;
4359 }
4360 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4361 margin-top: 8px;
4362 }
4363 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4364 margin-right: 4px;
4365 }
4366 .vbo-admin-widget-head-commands {
4367 position: relative;
4368 }
4369 .vbo-reportwidget-commands {
4370 text-align: right;
4371 padding-right: 15px;
4372 margin-bottom: 10px;
4373 display: flex;
4374 justify-content: flex-end;
4375 }
4376 .vbo-reportwidget-commands > div {
4377 display: inline-block;
4378 }
4379 .vbo-reportwidget-commands-main {
4380 display: flex;
4381 align-self: center;
4382 }
4383 .vbo-reportwidget-commands-main > div {
4384 display: inline-block;
4385 vertical-align: top;
4386 }
4387 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4388 font-size: 16px;
4389 color: var(--vbo-base-color);
4390 cursor: pointer;
4391 }
4392 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4393 color: var(--vbo-blue-color);
4394 }
4395 .vbo-reportwidget-command-dates {
4396 margin-right: 5px;
4397 }
4398 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4399 font-weight: bold;
4400 font-size: 1.1em;
4401 }
4402 .vbo-reportwidget-command-chevron {
4403 margin-top: 4px;
4404 }
4405 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4406 margin-right: 5px;
4407 }
4408 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4409 margin-left: 5px;
4410 }
4411 .vbo-reportwidget-command-chevron > span {
4412 display: inline-block;
4413 font-size: 14px;
4414 border: 1px solid #ddd;
4415 padding: 5px 10px;
4416 border-radius: 2px;
4417 background: #f6f6f6;
4418 cursor: pointer;
4419 }
4420 .vbo-reportwidget-command-chevron > span:hover {
4421 background: #eee;
4422 }
4423 .vbo-reportwidget-command-chevron > span:active {
4424 background: #fff;
4425 }
4426 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4427 vertical-align: top;
4428 margin: 2px 0 0 4px;
4429 padding: 8px 0 8px 10px;
4430 font-size: 16px;
4431 cursor: pointer;
4432 display: inline-block;
4433 }
4434 .vbo-reportwidget-command-dots:hover {
4435 color: var(--vbo-base-color);
4436 }
4437 .vbo-reportwidget-filters {
4438 display: none;
4439 position: absolute;
4440 right: 30px;
4441 background: var(--vbo-config-bg-color);
4442 padding: 20px;
4443 border-radius: 10px;
4444 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4445 z-index: 1;
4446 min-width: 150px;
4447 }
4448 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4449 background-color: var(--vbo-input-style);
4450 border: 1px solid var(--vbo-config-border-color);
4451 border-radius: 2px;
4452 margin-bottom: 0;
4453 display: inline-block;
4454 box-sizing: border-box;
4455 padding: 0 0 0 10px;
4456 width: 100%;
4457 display: flex;
4458 }
4459 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4460 border: 0;
4461 height: auto;
4462 padding: 9px 10px 9px 15px;
4463 margin-bottom: 0;
4464 }
4465 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4466 color: var(--vbo-config-titles-color-light);
4467 font-size: 15px;
4468 margin-top: 15px;
4469 float: left;
4470 }
4471 .vbo-reportwidget-filters select {
4472 width: 100% !important;
4473 margin-bottom: 0;
4474 border-radius: 2px;
4475 border: 1px solid var(--vbo-config-border-color);
4476 padding: 8px 10px;
4477 height: inherit;
4478 }
4479 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4480 margin: 5px 0 8px;
4481 }
4482 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4483 width: 240px;
4484 }
4485 .vbo-reportwidget-filter-confirm button {
4486 width: 100%;
4487 }
4488 .vbo-reportwidget-chart {
4489 padding-bottom: 15px;
4490 }
4491 .vbo-reportwidget-chart .err {
4492 margin: 20px;
4493 }
4494 #vbo-report-chart-canvas {
4495 max-width: 100%;
4496 margin: 0 auto;
4497 }
4498 .vbo-reportwidget-chart-metas {
4499 display: flex;
4500 flex-wrap: wrap;
4501 justify-content: center;
4502 margin: 0 10px 15px;
4503 }
4504 .vbo-reportwidget-chart-meta {
4505 flex-basis: calc(33% - 10px);
4506 flex-grow: 1;
4507 }
4508 .vbo-reportwidget-chart-meta-inner {
4509 background: var(--vbo-config-bg-color);
4510 border: 1px solid var(--vbo-basic-btn);
4511 border-bottom: 3px solid var(--vbo-basic-btn);
4512 padding: 20px;
4513 border-radius: 16px;
4514 margin: 5px;
4515 position: relative;
4516 }
4517 .vbo-reportwidget-chart-meta-inner:after {
4518 height: 30px;
4519 width: 4px;
4520 background: var(--vbo-config-border-color);
4521 content: "";
4522 position: absolute;
4523 left: -3px;
4524 top: 17px;
4525 }
4526 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4527 background-color: var(--vbo-blue-color);
4528 }
4529 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4530 background-color: var(--vbo-red-color);
4531 }
4532 .vbo-reportwidget-chart-meta-lbl {
4533 font-weight: bold;
4534 color: var(--vbo-config-titles-color-light);
4535 margin-bottom: 6px;
4536 }
4537 .vbo-reportwidget-chart-meta-val {
4538 font-size: 26px;
4539 font-weight: bold;
4540 }
4541 .vbo-reportwidget-chart-meta-val-main {
4542 display: inline-block;
4543 margin: 4px 0 6px;
4544 white-space: nowrap;
4545 font-size: 20px;
4546 font-weight: bold;
4547 }
4548 .vbo-guestactivitywidget-commands {
4549 text-align: right;
4550 padding: 5px 15px 10px 0;
4551 }
4552 .vbo-guestactivitywidget-commands > div {
4553 display: inline-block;
4554 }
4555 .vbo-guestactivitywidget-commands-main > div {
4556 display: inline-block;
4557 vertical-align: top;
4558 }
4559 .vbo-guestactivitywidget-commands-main {
4560 display: flex;
4561 }
4562 .vbo-guestactivitywidget-command-chevron {
4563 margin-top: 4px;
4564 }
4565 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4566 margin-right: 5px;
4567 }
4568 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4569 margin-left: 5px;
4570 }
4571 .vbo-guestactivitywidget-command-chevron > span {
4572 display: inline-block;
4573 font-size: 14px;
4574 border: 1px solid var(--vbo-config-border-color);
4575 padding: 5px 10px;
4576 border-radius: 2px;
4577 background: var(--vbo-config-child-bg-color);
4578 cursor: pointer;
4579 }
4580 .vbo-guestactivitywidget-command-chevron > span:hover {
4581 background: var(--vbo-basic-btn);
4582 }
4583 .vbo-guestactivitywidget-command-chevron > span:active {
4584 background: var(--vbo-config-bg-color);
4585 }
4586 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4587 display: grid;
4588 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
4589 gap: 10px;
4590 padding: 10px;
4591 width: 100%;
4592 box-sizing: border-box;
4593 }
4594 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4595 background: var(--vbo-config-bg-color);
4596 border: 1px solid var(--vbo-basic-btn);
4597 border-bottom: 3px solid var(--vbo-basic-btn);
4598 padding: 15px;
4599 border-radius: 16px;
4600 }
4601 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4602 background: var(--vbo-config-bg-color);
4603 border: 1px solid var(--vbo-basic-btn);
4604 border-bottom: 3px solid var(--vbo-basic-btn);
4605 padding: 15px;
4606 border-radius: 16px;
4607 position: relative;
4608 }
4609 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4610 border-color: #4e9b0059;
4611 background: #4e9b000f;
4612 }
4613 .vbo-widget-finance-stat-info {
4614 display: flex;
4615 }
4616 .vbo-widget-finance-stat-cmd {
4617 margin-left: auto;
4618 cursor: pointer;
4619 display: inline-block;
4620 padding: 0 0 0px 10px;
4621 }
4622
4623 .vbo-widget-finance-stat-cmd:hover i {
4624 color: var(--vbo-base-color);
4625 }
4626 .vbo-widget-finance-stat-name {
4627 font-weight: 500;
4628 margin-bottom: 6px;
4629 }
4630 .vbo-widget-finance-stat-amount {
4631 margin-top: 6px;
4632 }
4633 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4634 font-weight: bold;
4635 font-size: 18px;
4636 }
4637 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4638 margin-top: 8px;
4639 font-size: 14px;
4640 margin-bottom: 3px;
4641 font-weight: 500;
4642 border-top: 1px solid var(--vbo-config-border-color);
4643 padding-top: 8px;
4644 }
4645 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4646 font-size: 12px;
4647 display: inline-block;
4648 margin-left: 2px;
4649 color: var(--vbo-config-titles-color-light);
4650 }
4651 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4652 color: var(--vbo-green-color);
4653 }
4654 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4655 color: var(--vbo-red-color);
4656 }
4657 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4658 color: var(--vbo-blue-color);
4659 }
4660 .vbo-widget-finance-data-block-rankings {
4661 padding: 0 10px 10px 10px;
4662 display: grid;
4663 grid-template-columns: repeat(2, 1fr);
4664 gap: 10px;
4665 }
4666 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4667 font-size: 14px;
4668 margin-bottom: 10px;
4669 }
4670 .vbo-widget-finance-stat-rank {
4671 display: flex;
4672 margin-bottom: 10px;
4673 }
4674 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4675 margin-right: 10px;
4676 }
4677 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4678 width: 25px;
4679 text-align: center;
4680 height: 25px;
4681 line-height: 25px !important;
4682 border: 1px solid var(--vbo-config-border-color);
4683 border-radius: 50%;
4684 background: var(--vbo-config-child-bg-color);
4685 font-size: 11px;
4686 }
4687 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4688 width: 25px;
4689 height: 25px;
4690 object-fit: cover;
4691 border-radius: 50%;
4692 }
4693 .vbo-widget-finance-stat-rank-score {
4694 display: flex;
4695 flex-wrap: wrap;
4696 width: 100%;
4697 }
4698 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4699 flex-basis: 100%;
4700 }
4701 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4702 .vbo-upload-progress progress {
4703 width: 100%;
4704 border-radius: 20px;
4705 height: 10px;
4706 -webkit-appearance: none;
4707 appearance: none;
4708 }
4709 .vbo-upload-progress progress {
4710 width: 200px;
4711 }
4712 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4713 .vbo-upload-progress progress::-webkit-progress-bar {
4714 background: var(--vbo-basic-btn);
4715 border-radius: 20px;
4716 }
4717 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4718 .vbo-upload-progress progress::-webkit-progress-value {
4719 background: var(--vbo-base-color);
4720 border-radius: 20px;
4721 }
4722 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4723 .vbo-upload-progress progress::-moz-progress-bar {
4724 background: var(--vbo-base-color);
4725 border-radius: 20px;
4726 }
4727 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4728 .vbo-upload-progress progress::-moz-progress-value {
4729 background: var(--vbo-basic-btn);
4730 border-radius: 20px;
4731 }
4732 .vbo-widget-finance-stat-rank-amount {
4733 margin-left: auto;
4734 font-weight: bold;
4735 }
4736 .vbo-widget-finance-skeleton-block {
4737
4738 }
4739
4740 /* Tooltip - Start **/
4741 .vbo-tooltip {
4742 position: relative;
4743 }
4744 .vbo-tooltip::before,
4745 .vbo-tooltip::after {
4746 position: absolute;
4747 opacity: 0;
4748 visibility: hidden;
4749 -webkit-transition:
4750 opacity 0.3s ease-in-out,
4751 visibility 0.3s ease-in-out,
4752 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4753 -moz-transition:
4754 opacity 0.3s ease-in-out,
4755 visibility 0.3s ease-in-out,
4756 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4757 transition:
4758 opacity 0.3s ease-in-out,
4759 visibility 0.3s ease-in-out,
4760 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4761 -webkit-transform: translate3d(0, 0, 0);
4762 -moz-transform: translate3d(0, 0, 0);
4763 transform: translate3d(0, 0, 0);
4764 pointer-events: none;
4765 }
4766 .vbo-tooltip:hover::before,
4767 .vbo-tooltip:hover::after,
4768 .vbo-tooltip:focus::before,
4769 .vbo-tooltip:focus::after {
4770 opacity: 1;
4771 visibility: visible;
4772 }
4773 .vbo-tooltip::before {
4774 content: attr(data-tooltiptext);
4775 z-index: 10001;
4776 width: calc(100% + 40px);
4777 color: var(--vbo-body-text-color);
4778 background: var(--vbo-body-bg-color);
4779 border-radius: 15px;
4780 border: 1px solid var(--vbo-config-border-color);
4781 padding: 5px;
4782 font-size: 12px;
4783 line-height: 1.2;
4784 text-align: center;
4785 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4786 font-weight: normal;
4787 }
4788 .vbo-inspector-hover.vbo-tooltip::before {
4789 width: auto;
4790 font-weight: bold;
4791 }
4792 .vbo-tooltip::after {
4793 content: "";
4794 width: 0;
4795 height: 0;
4796 }
4797 .vbo-tooltip.vbo-tooltip-top::before,
4798 .vbo-tooltip.vbo-tooltip-top::after {
4799 bottom: 100%;
4800 left: 50%;
4801 transform: translate(-50%);
4802 margin-bottom: 2px;
4803 }
4804 .vbo-tooltip.vbo-tooltip-bottom::before,
4805 .vbo-tooltip.vbo-tooltip-bottom::after {
4806 top: 100%;
4807 left: 50%;
4808 transform: translate(-50%);
4809 margin-top: 2px;
4810 }
4811 /* Tooltip - End **/
4812
4813 .vbo-dashboard-firstsetup-container {
4814 width: 80%;
4815 margin: 0 auto;
4816 border: 1px solid var(--vbo-config-border-color);
4817 border-radius: 4px;
4818 padding: 30px;
4819 background: var(--vbo-config-bg-color);
4820 }
4821 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
4822 font-size: 24px;
4823 margin-top: 0;
4824 }
4825 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
4826 font-weight: normal;
4827 font-size: 18px;
4828 }
4829 .vbo-dashboard-firstsetup-body {
4830 display: flex;
4831 flex-wrap: wrap;
4832 margin: 20px auto;
4833 }
4834 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
4835 flex-basis: 25%;
4836 }
4837 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
4838 border: 1px solid var(--vbo-config-border-color);
4839 border-radius: 8px;
4840 margin: 10px;
4841 padding: 20px;
4842 font-size: 14px;
4843 background: var(--vbo-config-bg-color);
4844 box-shadow: 0 0 10px rgba(0,0,0,.05);
4845 height: 94%;
4846 }
4847 .vbo-dashboard-firstsetup-task-number {
4848 color: #82b8d5;
4849 font-size: 32px;
4850 margin-bottom: 20px;
4851 font-weight: bold;
4852 }
4853 .vbo-dashboard-firstsetup-task-details {
4854 text-align: center;
4855 font-weight: bold;
4856 }
4857 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
4858 font-size: 14px;
4859 }
4860 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
4861 margin-top: 10px;
4862 font-size: 26px;
4863 }
4864 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
4865 display: inline-block;
4866 min-height: 10px;
4867 }
4868 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
4869 display: block;
4870 margin-top: 22px;
4871 font-size: 22px;
4872 color: var(--vbo-green-color);
4873 }
4874 .vbo-dashboard-firstsetup-task-action {
4875 text-align: center;
4876 margin-top: 20px;
4877 }
4878 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
4879 background: var(--vbo-base-color);
4880 color: #fff;
4881 border: 1px solid var(--vbo-base-color);
4882 padding: 5px 15px;
4883 font-weight: bold;
4884 }
4885 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
4886 background: var(--vbo-base-color-hover);
4887 }
4888 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
4889 background: var(--vbo-link-text-color);
4890 }
4891 .vbo-dashboard-firstsetup-task-description {
4892 border-top: 1px solid var(--vbo-config-border-color);
4893 padding: 5px 10px;
4894 margin-top: 15px;
4895 color: var(--vbo-config-titles-color-light);
4896 text-align: center;
4897 background: var(--vbo-config-child-bg-color);
4898 }
4899 .vbo-dashboard-firstsetup-importbftpp-title {
4900 font-size: 16px;
4901 margin-bottom: 10px;
4902 margin-top: 20px;
4903 }
4904 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
4905 border-color: var(--vbo-red-color);
4906 }
4907 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
4908 color: var(--vbo-red-color);
4909 }
4910 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
4911 font-size: 18px;
4912 font-weight: normal;
4913 margin: 0;
4914 padding: 0;
4915 }
4916 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
4917 display: inline-block;
4918 margin-bottom: 10px;
4919 margin-right: 5px;
4920 }
4921 .btn.vbo-sampledata-btn {
4922 background: var(--vbo-base-color);
4923 color: #fff;
4924 font-weight: bold;
4925 border: 1px solid var(--vbo-base-color);
4926 }
4927 .btn.vbo-sampledata-btn:hover {
4928 background-color: var(--vbo-config-bg-color);
4929 color: var(--vbo-base-color);
4930 }
4931 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
4932 font-size: 16px;
4933 }
4934 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
4935 font-size: 16px;
4936 line-height: 1.4em;
4937 }
4938 .vbo-dashboard-today-bookings > div {
4939 margin: 0 18px 18px 0;
4940 }
4941 .vbo-admin-widgets-widget {
4942 display: block;
4943 border-radius: 16px;
4944 margin: 12px 0;
4945 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4946 background: var(--vbo-config-bg-color);
4947 }
4948 .vbo-admin-widget-head {
4949 border-top-right-radius: 16px;
4950 border-top-left-radius: 16px;
4951 border-bottom: 1px solid var(--vbo-config-border-color);
4952 display: inline-block;
4953 width: 100%;
4954 box-sizing: border-box;
4955 }
4956 .vbo-admin-widget-head .btn-toolbar {
4957 margin: 10px 15px 10px 10px;
4958 display: inline-block;
4959 }
4960 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
4961 margin-top: 4px;
4962 }
4963 .vbo-admin-widget-head .form-control {
4964 border: 1px solid var(--vbo-config-border-color);
4965 border-radius: 2px;
4966 padding: 8px 10px;
4967 margin-bottom: 0;
4968 box-sizing: border-box;
4969 height: auto;
4970 }
4971 .vbo-admin-widget-head .btn {
4972 padding: 8px 10px;
4973 border-radius: 0 2px 2px 0;
4974 border: 1px solid var(--vbo-config-border-color);
4975 }
4976 .vvbo-admin-widget-head .btn i {
4977 margin-right: 0;
4978 }
4979 .btn.btn-small {
4980 padding: 2px 10px;
4981 font-size: 12px;
4982 -webkit-border-radius: 3px;
4983 -moz-border-radius: 3px;
4984 border-radius: 3px;
4985 }
4986 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 {
4987 padding: 0 !important;
4988 height: 40px;
4989 }
4990 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 {
4991 padding: 0 !important;
4992 background: var(--vbo-base-color);
4993 border: 1px solid var(--vbo-base-color) !important;
4994 color: var(--vbo-contrast-text-color);
4995 display: flex;
4996 height: auto;
4997 }
4998 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 {
4999 background: var(--vbo-base-color) !important;
5000 border: 1px solid var(--vbo-base-color);
5001 color: var(--vbo-contrast-text-color);
5002 }
5003 .vbo-context-menu-btn .vbo-context-menu-lbl {
5004 padding: 10px;
5005 display: inline-block;
5006 }
5007 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
5008 padding: 3px 10px 3px;
5009 }
5010 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
5011 background: var(--vbo-base-color-hover);
5012 color: var(--vbo-contrast-text-color);
5013 border: 0;
5014 border-top-left-radius: 3px;
5015 border-bottom-left-radius: 3px;
5016 }
5017 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 {
5018 background: var(--vbo-orange-color);
5019 }
5020 .btn-warning.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5021 background: var(--vbo-orange-color-hover);
5022 color: var(--vbo-contrast-text-color);
5023 border: 0;
5024 }
5025 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 {
5026 background: var(--vbo-red-color);
5027 }
5028 .btn-danger.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5029 background: var(--vbo-red-color-hover);
5030 color: var(--vbo-contrast-text-color);
5031 border: 0;
5032 }
5033 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5034 background-color: var(--vbo-green-color);
5035 border-color: var(--vbo-green-color);
5036 }
5037 body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:hover, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:hover, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:hover, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5038 background-color: var(--vbo-green-color-hover);
5039 border-color: var(--vbo-green-color-hover);
5040 }
5041 body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus {
5042 background-color: var(--vbo-green-color-focus);
5043 border-color: var(--vbo-green-color-focus);
5044 }
5045 .vbo-context-menu-btn .vbo-context-menu-ico {
5046 padding: 12px 8px;
5047 text-align: center;
5048 border-top-right-radius: 3px;
5049 border-bottom-right-radius: 3px;
5050 }
5051 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5052 padding: 3px 8px 3px;
5053 }
5054 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5055 margin-right: 0;
5056 position: relative;
5057 top: -1px;
5058 vertical-align: initial;
5059 }
5060 .vbo-context-menu-btn .vbo-context-menu-ico:hover {
5061 background: var(--vbo-base-color-hover);
5062 }
5063 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5064 background: var(--vbo-base-color-hover);
5065 border-color: var(--vbo-base-color-hover);
5066 }
5067 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5068 border-radius: 3px;
5069 display: initial;
5070 vertical-align: initial;
5071 }
5072 .vik-context-menu.vbo-dropdown-cxmenu {
5073 background: var(--vbo-config-bg-color);
5074 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5075 z-index: 2147483647 !important;
5076 border: 1px solid rgba(0,0,0,.15);
5077 border-radius: .25rem;
5078 }
5079 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5080 color: var(--vbo-contrast-text-color);
5081 background: var(--vbo-base-color);
5082 cursor: pointer;
5083 }
5084 .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 {
5085 padding: 0;
5086 margin: 0;
5087 }
5088 .vik-context-menu.vbo-dropdown-cxmenu li a {
5089 color: var(--vbo-body-text-color);
5090 padding: 8px 12px;
5091 }
5092 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5093 background: var(--vbo-red-color);
5094 }
5095 .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 {
5096 background: var(--vbo-red-color-focus);
5097 }
5098 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5099 background: var(--vbo-orange-color-hover);
5100 }
5101 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5102 color: var(--vbo-config-text-color-light);
5103 font-size: 14px;
5104 min-width: 16px;
5105 }
5106 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5107 color: var(--vbo-contrast-text-color);
5108 }
5109 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5110 border-radius: 3px;
5111 }
5112 .vbo-admin-widget-head h4 {
5113 font-size: 18px;
5114 font-weight: bold;
5115 padding: 7px 0 3px 15px;
5116 margin: 12px 0;
5117 position: relative;
5118 display: inline-block;
5119 }
5120 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5121 vertical-align: middle;
5122 }
5123 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5124 display: inline-block;
5125 float: right;
5126 margin-top: 10px;
5127 }
5128 .vbo-dashboard-search-input {
5129 display: inline-block;
5130 vertical-align: middle;
5131 margin-left: 10px;
5132 margin-bottom: 2px;
5133 }
5134 .vbo-admin-widget-body {
5135 padding: 10px;
5136 }
5137 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5138 display: flex;
5139 padding: 10px 15px;
5140 border-bottom: 1px solid var(--vbo-basic-btn);
5141 cursor: pointer;
5142 }
5143 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5144 background: var(--vbo-light-color-btn);
5145 }
5146 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5147 border-bottom: 0;
5148 }
5149 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5150 width: 40px;
5151 margin-right: 15px;
5152 }
5153 .vbo-dashboard-guest-activity-avatar-icon {
5154 width: 40px;
5155 text-align: center;
5156 height: 40px;
5157 line-height: 40px !important;
5158 border: 1px solid var(--vbo-config-border-color);
5159 border-radius: 50%;
5160 background: var(--vbo-config-child-bg-color);
5161 font-size: 16px;
5162 }
5163 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5164 max-width: 100%;
5165 border-radius: 50%;
5166 object-fit: cover;
5167 }
5168 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5169 flex: 1;
5170 }
5171 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5172 margin: 0;
5173 }
5174 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5175 display: flex;
5176 }
5177 .vbo-dashboard-guest-activity-content-info-details {
5178 margin-bottom: 7px;
5179 flex: 1;
5180 }
5181 .vbo-w-guestmessages-message-staydates {
5182 font-size: 12px;
5183 position: relative;
5184 padding-left: 10px;
5185 color: var(--vbo-config-titles-color-light);
5186 }
5187 .vbo-w-guestmessages-message-staydates:after {
5188 content: "";
5189 width: 2px;
5190 height: 2px;
5191 background: var(--vbo-config-titles-color-light);
5192 top: 7px;
5193 left: 2px;
5194 position: absolute;
5195 border-radius: 50%;
5196 }
5197 .vbo-w-guestmessages-message-new {
5198 background: var(--vbo-toolbar-bg-color);
5199 }
5200 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle i {
5201 color: var(--vbo-base-color);
5202 font-size: 18px;
5203 margin: 0 0 0 5px;
5204 }
5205 .vbo-bookings-status-separator {
5206 margin-top: 5px;
5207 text-align: center;
5208 }
5209 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5210 height: calc(100% - 100px);
5211 }
5212 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5213 display: flex;
5214 padding: 12px 20px 6px;
5215 background: transparent;
5216 border-bottom: 1px solid var(--vbo-config-border-color);
5217 }
5218 .vbo-modal-wguestmessages-chat-wrap {
5219 height: 100%;
5220 }
5221 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5222 max-height: 540px;
5223 }
5224 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) {
5225 flex: 1;
5226 }
5227 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) span {
5228 display: inline-block;
5229 vertical-align: middle;
5230 }
5231 .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 {
5232 display: block;
5233 }
5234 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5235 display: inline-block;
5236 vertical-align: middle;
5237 line-height: 1em;
5238 }
5239 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label {
5240 margin-left: 10px;
5241 }
5242 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5243 background-color: var(--vbo-red-color);
5244 }
5245 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5246 margin-right: 10px;
5247 font-weight: bold;
5248 }
5249 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5250 margin-right: 10px;
5251 }
5252 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5253 width: 40px;
5254 height: 40px;
5255 object-fit: cover;
5256 border-radius: 50%;
5257 }
5258 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5259 margin-left: auto;
5260 align-self: center;
5261 }
5262 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5263 margin-right: 10px;
5264 margin-top: 2px;
5265 display: inline-block;
5266 width: 100%;
5267 }
5268 .vbo-dashboard-guest-activity-content-info-icon i {
5269 color: var(--vbo-base-color);
5270 font-size: 14px;
5271 }
5272 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5273 color: var(--vbo-orange-color);
5274 }
5275 .vbo-rdaybooking-subunits {
5276 margin-top: 6px;
5277 }
5278 .vbo-rdaybooking-subunits .label-warning {
5279 padding: 10px 6px !important;
5280 }
5281 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5282 display: inline-block;
5283 }
5284 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5285 min-height: 34px;
5286 line-height: 1.3em;
5287 margin: 3px 0;
5288 }
5289 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5290 font-weight: bold;
5291 margin-left: 2px;
5292 }
5293 .vbo-dashboard-guest-activity-content-info-date {
5294 margin-left: auto;
5295 font-size: .9em;
5296 text-align: right;
5297 color: var(--vbo-config-titles-color-light);
5298 }
5299 .vbo-dashboard-guest-activity-content-info-date span {
5300 display: block;
5301 }
5302 .vbo-dashboard-guest-activity-content-info-msg {
5303 color: var(--vbo-config-titles-color-light);
5304 font-size: 13px;
5305 }
5306 .vbo-dashboard-guest-activity-content-info-msg p {
5307 margin: 0;
5308 }
5309 .vbo-dashboard-guest-activity-skeleton {
5310 padding: 17px 15px;
5311 }
5312 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5313 width: 40px;
5314 height: 40px;
5315 border-radius: 50%;
5316 object-fit: cover;
5317 }
5318 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5319 width: 150px;
5320 height: 15px;
5321 }
5322 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5323 width: 70%;
5324 height: 15px;
5325 }
5326 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5327 width: 100%;
5328 height: 22px;
5329 }
5330 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5331 width: 50px;
5332 height: 11px;
5333 }
5334 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5335 width: 100%;
5336 height: 22px;
5337 }
5338 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5339 position: relative;
5340 overflow: hidden;
5341 display: inline-block;
5342 }
5343 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5344 position: absolute;
5345 top: 0;
5346 right: 0;
5347 bottom: 0;
5348 left: 0;
5349 transform: translateX(-100%);
5350 animation: shimmer 2s infinite;
5351 content: '';
5352 }
5353 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5354 margin-bottom: 5px;
5355 margin-top: 3px;
5356 }
5357
5358 @keyframes shimmer {
5359 100% {
5360 transform: translateX(100%);
5361 }
5362 }
5363
5364 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5365 display: flex;
5366 padding: 10px 15px;
5367 border-bottom: 1px solid var(--vbo-basic-btn);
5368 width: 100%;
5369 box-sizing: border-box;
5370 }
5371 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5372 width: 40px;
5373 margin-right: 15px;
5374 }
5375 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5376 max-width: 100%;
5377 border-radius: 50%;
5378 object-fit: cover;
5379 }
5380 .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 {
5381 width: 40px;
5382 text-align: center;
5383 height: 40px;
5384 line-height: 40px;
5385 border: 1px solid var(--vbo-config-border-color);
5386 border-radius: 50%;
5387 background: var(--vbo-config-child-bg-color);
5388 font-size: 16px;
5389 }
5390 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5391 flex: 1;
5392 }
5393 .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 {
5394 display: flex;
5395 }
5396 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5397 flex-wrap: wrap;
5398 }
5399 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5400 margin-bottom: 3px;
5401 flex: 1;
5402 }
5403 .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 {
5404 margin: 0;
5405 font-size: 16px;
5406 }
5407 .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 {
5408 margin-right: 10px;
5409 margin-top: 2px;
5410 font-size: .9em;
5411 }
5412 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5413 margin-left: auto;
5414 }
5415 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5416 text-align: right;
5417 font-weight: bold;
5418 font-size: 1.2em;
5419 }
5420 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5421 display: flex;
5422 font-size: .95em;
5423 justify-content: right;
5424 }
5425 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5426 margin-right: 6px;
5427 }
5428 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5429 margin-top: 6px;
5430 float: left;
5431 margin-right: 3px;
5432 }
5433 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5434 margin-top: 2px;
5435 float: left;
5436 margin-right: 3px;
5437 }
5438 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5439 margin: 0 0 5px;
5440 }
5441 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5442 margin: 0;
5443 }
5444 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5445 color: var(--vbo-green-color);
5446 }
5447 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5448 color: var(--vbo-red-color);
5449 }
5450 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5451 flex-basis: 100%;
5452 margin-bottom: 3px;
5453 }
5454 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5455 float: right;
5456 margin: 1px;
5457 }
5458 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5459 font-size: 12px;
5460 padding: 5px 8px !important;
5461 }
5462 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5463 margin-bottom: 3px;
5464 }
5465 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5466 display: flex;
5467 width: 100%;
5468 }
5469 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5470 margin-left: auto;
5471 text-align: right;
5472 }
5473 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5474 margin-right: 3px;
5475 color: var(--vbo-middle-color-btn);
5476 }
5477 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5478 display: flex;
5479 flex-wrap: wrap;
5480 }
5481 .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 {
5482 flex: 1;
5483 }
5484
5485 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5486 cursor: pointer;
5487 background: var(--vbo-light-color-btn);
5488 }
5489
5490 .vbo-widget-currconv-wrap {
5491 padding: 15px;
5492 }
5493 .vbo-widget-currconv-filters {
5494 display: flex;
5495 flex-wrap: wrap;
5496 }
5497 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5498 margin-bottom: 5px;
5499 }
5500 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5501 align-self: end;
5502 }
5503 .vbo-widget-currconv-filters label {
5504 display: block;
5505 margin-bottom: 5px;
5506 font-weight: 500;
5507 }
5508 .vbo-widget-currconv-filters-main {
5509 display: flex;
5510 flex-wrap: wrap;
5511 }
5512 .vbo-widget-currconv-filters-submit .btn {
5513 margin-left: 10px;
5514 }
5515 .vbo-widget-currconv-filters-main > div {
5516 margin-right: 10px;
5517 }
5518 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5519 height: 40px;
5520 border-radius: 2px;
5521 }
5522 .vbo-admin-widgets-widget-output .select2-container .select2-selection__rendered {
5523 font-weight: normal;
5524 font-size: 14px;
5525 line-height: 40px !important;
5526 }
5527 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5528 height: 40px;
5529 }
5530 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5531 align-self: end;
5532 flex-basis: 100%;
5533 }
5534 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5535 width: 100%;
5536 margin-left: 0;
5537 }
5538 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5539 margin-left: 0;
5540 }
5541
5542 .vbo-widget-checkav-wrap {
5543 padding: 15px;
5544 }
5545 .vbo-widget-checkav-filters {
5546 display: flex;
5547 flex-wrap: wrap;
5548 }
5549 .vbo-widget-checkav-filters > div {
5550 margin-bottom: 8px;
5551 }
5552 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5553 margin: 5px 0;
5554 }
5555 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5556 display: flex;
5557 flex-wrap: wrap;
5558 }
5559 .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 {
5560 margin-left: 10px;
5561 }
5562 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5563 margin-left: 8px;
5564 }
5565 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5566 flex: 1;
5567 }
5568 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5569 margin-right: 8px;
5570 }
5571 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5572 margin-left: 8px;
5573 }
5574 .vbo-widget-checkav-results {
5575 margin-top: 5px;
5576 }
5577 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5578 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5579 display: grid;
5580 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5581 }
5582 .vbo-widget-checkav-result-splitstays-wrap {
5583 width: 100%;
5584 }
5585 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5586 border: 1px solid var(--vbo-basic-btn);
5587 margin: 5px;
5588 border-radius: 6px;
5589 }
5590 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5591 border-color: var(--vbo-base-color);
5592 }
5593 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5594 display: grid;
5595 grid-template-columns: repeat(2, 1fr);
5596 }
5597 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5598 padding: 8px;
5599 }
5600 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5601 font-weight: bold;
5602 font-size: 1.2em;
5603 margin-bottom: 4px;
5604 }
5605 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5606 color: var(--vbo-base-color);
5607 margin-right: 3px;
5608 width: 16px;
5609 }
5610 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5611 display: block;
5612 margin-bottom: 3px;
5613 }
5614 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5615 margin-right: 3px;
5616 width: 16px;
5617 color: var(--vbo-config-text-color-light);
5618 }
5619 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5620 text-align: center;
5621 margin-bottom: 10px;
5622 }
5623 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5624 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5625 display: flex;
5626 flex-wrap: wrap;
5627 }
5628 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5629 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5630 flex-basis: 100%;
5631 }
5632 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5633 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5634 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5635 flex-basis: 100%;
5636 }
5637 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5638 display: flex;
5639 flex-wrap: wrap;
5640 }
5641 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5642 margin: 5px;
5643 }
5644 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5645 flex-basis: 100%;
5646 }
5647 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5648 flex-basis: 100%;
5649 text-align: center;
5650 margin-bottom: 5px;
5651 padding-top: 5px;
5652 }
5653 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5654 margin-right: 10px;
5655 }
5656 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5657 display: flex;
5658 flex-wrap: wrap;
5659 justify-content: center;
5660 width: 100%;
5661 }
5662 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5663 flex-basis: calc(33% - 34px);
5664 border: 1px solid var(--vbo-config-border-color);
5665 border-radius: 4px;
5666 padding: 10px;
5667 margin: 5px;
5668 text-align: center;
5669 }
5670 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5671 margin-right: 4px;
5672 }
5673 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5674 white-space: nowrap;
5675 overflow: hidden;
5676 text-overflow: ellipsis;
5677 max-width: 300px;
5678 }
5679 .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 {
5680 flex-basis: 100%;
5681 max-width: 100%;
5682 margin-bottom: 4px;
5683 }
5684 @media screen and (min-width: 1800px) {
5685 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5686 flex-basis: calc(33% - 30px);
5687 }
5688 .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 {
5689 flex-basis: calc(50% - 30px);
5690 margin: 5px;
5691 }
5692 .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 {
5693 width: 100%;
5694 display: grid;
5695 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5696 }
5697 .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 {
5698 grid-template-columns: repeat(3, 1fr);
5699 }
5700 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5701 border-color: var(--vbo-input-style);
5702 }
5703 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5704 border-color: var(--vbo-base-color);
5705 }
5706 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5707 display: inline-block;
5708 }
5709 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5710 display: block;
5711 }
5712 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5713 text-align: right;
5714 min-width: 80px;
5715 }
5716 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5717 text-align: left;
5718 min-width: initial;
5719 }
5720 }
5721 @media screen and (max-width: 1800px) {
5722 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
5723 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5724 flex-basis: 100%;
5725 }
5726 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5727 flex-basis: calc(100% - 30px);
5728 }
5729 }
5730 @media screen and (min-width: 2500px) {
5731 .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 {
5732 flex-basis: calc(33% - 30px);
5733 margin: 5px;
5734 }
5735 }
5736 @media screen and (min-width: 3000px) {
5737 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5738 display: inline-block;
5739 }
5740 }
5741 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
5742 font-weight: bold;
5743 font-size: 1.2em;
5744 margin-bottom: 5px;
5745 }
5746 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5747 display: flex;
5748 margin: 5px 0 8px;
5749 padding-bottom: 5px;
5750 border-bottom: 1px solid var(--vbo-config-border-color);
5751 }
5752 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
5753 border-bottom: 0;
5754 padding-bottom: 0px;
5755 }
5756 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
5757 display: inline-block;
5758 }
5759 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5760 padding: 10px;
5761 background-color: var(--vbo-input-style);
5762 margin: 0px 0 8px;
5763 border-radius: 6px;
5764 }
5765 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
5766 flex: 1;
5767 display: flex;
5768 }
5769 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5770 align-self: center;
5771 margin: 0 10px;
5772 }
5773 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
5774 display: block;
5775 }
5776 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
5777 font-weight: bold;
5778 }
5779 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5780 display: inline-block;
5781 min-width: 150px;
5782 align-self: center;
5783 }
5784 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5785 margin-left: auto;
5786 margin-right: 0;
5787 }
5788 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
5789 padding: 7px 12px;
5790 }
5791 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
5792 margin: 0 0 6px;
5793 }
5794 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5795 margin: 5px;
5796 }
5797 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
5798 display: flex;
5799 flex-wrap: wrap;
5800 }
5801 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5802 align-self: center;
5803 margin-right: 10px;
5804 flex: 1;
5805 }
5806 .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 {
5807 flex-basis: 100%;
5808 }
5809 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5810 margin-bottom: 3px;
5811 }
5812 .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 {
5813 margin-top: 8px;
5814 width: 100%;
5815 text-align: center;
5816 }
5817 .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 {
5818 width: 100%;
5819 }
5820 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
5821 margin-right: 10px;
5822 }
5823 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
5824 color: var(--vbo-config-text-color-light);
5825 width: 16px;
5826 margin-right: 3px;
5827 }
5828 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5829 margin-left: auto;
5830 }
5831 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5832 width: 100%;
5833 display: flex;
5834 flex-wrap: wrap;
5835 }
5836 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5837 flex: initial;
5838 }
5839 .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 {
5840 width: 110px !important;
5841 }
5842 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
5843 align-self: center;
5844 margin-right: 5px;
5845 }
5846 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
5847 flex: 1;
5848 width: 80px !important;
5849 }
5850 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
5851 .admin.com_vikbooking .vbo-widget-checkav-filters input {
5852 padding: 8px 10px;
5853 box-sizing: border-box;
5854 height: auto;
5855 }
5856 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5857 margin-top: 0;
5858 }
5859 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5860 display: flex;
5861 flex-wrap: wrap;
5862 }
5863 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
5864 flex: 1;
5865 }
5866 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
5867 margin-right: 8px;
5868 }
5869 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5870 width: 75px !important;
5871 }
5872 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5873 margin-left: 0;
5874 }
5875 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5876 width: 100%;
5877 margin-left: 0;
5878 }
5879 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
5880 width: 100%;
5881 }
5882 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5883 margin-right: 10px;
5884 min-width: initial;
5885 }
5886 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
5887 display: block;
5888 margin-bottom: 5px;
5889 }
5890 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5891 align-self: end;
5892 }
5893 @media screen and (max-width: 1000px) {
5894 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5895 flex: 1;
5896 flex-basis: 100%;
5897 margin-bottom: 8px;
5898 }
5899 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
5900 width: 100%;
5901 display: flex;
5902 }
5903 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
5904 flex: 1;
5905 width: 100%;
5906 }
5907 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
5908 margin: 0;
5909 width: 100%;
5910 display: inline-block;
5911 }
5912 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
5913 flex: 1;
5914 }
5915 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
5916 margin-right: 10px;
5917 align-self: center;
5918 }
5919 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
5920 align-self: auto;
5921 }
5922 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
5923 display: block;
5924 }
5925 }
5926 @media screen and (max-width: 2200px) {
5927 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5928 width: auto;
5929 flex-basis: 100%;
5930 }
5931 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5932 flex: 1;
5933 display: flex;
5934 }
5935 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5936 flex-basis: 100%;
5937 }
5938 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5939 width: 100% !important;
5940 }
5941 }
5942 @media screen and (max-width: 1800px) {
5943 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5944 flex-wrap: wrap;
5945 }
5946 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
5947 flex-basis: 100%;
5948 margin-right: 0;
5949 }
5950 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5951 margin-left: 0;
5952 margin-right: 16px;
5953 }
5954 .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 {
5955 margin-left: auto;
5956 }
5957 }
5958 @media screen and (min-width: 2200px) {
5959 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5960 width: auto;
5961 flex: inherit;
5962 }
5963 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5964 margin-right: 5px;
5965 }
5966 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5967 width: auto;
5968 }
5969 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5970 width: auto;
5971 margin-left: 8px;
5972 align-self: end;
5973 }
5974 }
5975 @media screen and (min-width: 1800px) {
5976 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
5977 display: flex;
5978 flex-wrap: wrap;
5979 }
5980 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
5981 flex-basis: 100%;
5982 }
5983 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5984 flex-basis: calc(33% - 40px);
5985 }
5986 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5987 flex-basis: 100%;
5988 }
5989 }
5990
5991 .vbo-widget-commands-right {
5992 text-align: right;
5993 padding: 5px 15px 10px 0;
5994 }
5995 .vbo-widget-commands > div {
5996 display: inline-block;
5997 }
5998 .vbo-widget-commands-main > div {
5999 display: inline-block;
6000 vertical-align: top;
6001 }
6002 .vbo-widget-commands-main .vbo-widget-command-chevron {
6003 margin-top: 4px;
6004 }
6005 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
6006 display: inline-block;
6007 font-size: 14px;
6008 border: 1px solid var(--vbo-config-border-color);
6009 padding: 5px 10px;
6010 border-radius: 2px;
6011 background: var(--vbo-config-child-bg-color);
6012 cursor: pointer;
6013 }
6014
6015 .vbo-dashboard-forecast-wrap h4 {
6016 padding: 23px 0px 22px 15px;
6017 margin-bottom: 20px;
6018 text-align: center;
6019 display: block;
6020 }
6021 .vbo-dash-chart-title .vbo-dash-chart-nav {
6022 display: inline-block;
6023 font-size: 14px;
6024 border: 1px solid #ddd;
6025 padding: 5px 10px;
6026 border-radius: 2px;
6027 background: #f6f6f6;
6028 cursor: pointer;
6029 }
6030 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6031 background: #eee;
6032 }
6033 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6034 margin-right: 0;
6035 }
6036 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6037 border: 0;
6038 }
6039 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6040 border: 1px solid var(--vbo-blue-color);
6041 display: inline-block;
6042 padding: 5px 8px;
6043 border-radius: 4px;
6044 text-transform: capitalize;
6045 font-size: 14px;
6046 margin-left: 7px;
6047 font-weight: bold;
6048 color: var(--vbo-blue-color);
6049 vertical-align: top;
6050 margin-top: -5px;
6051 }
6052 .vbo-admin-widget-wrapper h4 i {
6053 margin-right: 8px;
6054 font-size: 17px;
6055 }
6056 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6057 margin-right: 0;
6058 font-size: 14px;
6059 vertical-align: initial;
6060 }
6061 .vbo-admin-widget-wrapper table thead tr:first-child th,
6062 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6063 color: var(--vbo-config-titles-color-light);
6064 font-weight: bold;
6065 padding: 15px 15px;
6066 text-transform: uppercase;
6067 }
6068 .vbo-admin-widget-wrapper .table .searchable.center {
6069 white-space: inherit;
6070 }
6071 .vbo-admin-widget-wrapper .table td {
6072 padding: 11px 15px !important;
6073 border-top: 1px solid var(--vbo-basic-btn) !important;
6074 border-bottom: 0;
6075 }
6076 .vbo-dashboard-charts {
6077 width: 100%;
6078 display: inline-block;
6079 margin: 20px 0;
6080 padding: 15px 0;
6081 border-top:1px solid var(--vbo-config-border-color);
6082 border-bottom:1px solid var(--vbo-config-border-color);
6083 }
6084 .vbo-dashboard-charts-wrapper {
6085 margin: 0 auto 20px;
6086 padding: 18px;
6087 display: grid;
6088 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6089 }
6090 .vbo-dashboard-chart-container {
6091 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6092 display: inline-block;
6093 margin: 8px;
6094 padding: 0;
6095 border-radius: 16px;
6096 border: 1px solid var(--vbo-basic-btn);
6097 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6098 }
6099 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6100 display: inline-block;
6101 font-size: 16px;
6102 font-weight: bold;
6103 padding: 20px 0 0;
6104 text-align: center;
6105 width: 100%;
6106 border-top-left-radius: 8px;
6107 border-top-right-radius: 8px;
6108 }
6109 .vbo-dashboard-chart-container .donutChart {
6110 display: block;
6111 margin: 0 auto;
6112 padding: 0 8px;
6113 }
6114 .vbo-dashboard-next-bookings-block {
6115 background: #fff;
6116 border-radius: 8px;
6117 box-shadow: 0 0 20px rgba(0,0,0,.1);
6118 margin: 0 28px 18px;
6119 }
6120 .vbo-table-search-cout {
6121 margin-bottom: 0 !important;
6122 }
6123 .vbo-admin-widget-wrapper {
6124 padding-bottom: 8px;
6125 }
6126 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6127 display: inline-block;
6128 border-radius: 4px;
6129 border: 1px solid var(--vbo-base-color);
6130 padding: 3px 8px;
6131 color: var(--vbo-base-color);
6132 }
6133 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6134 text-decoration: none;
6135 background: var(--vbo-base-color-hover);
6136 color: #fff;
6137 }
6138 .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 {
6139 white-space: initial;
6140 }
6141 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6142 word-break: inherit;
6143 }
6144 .vbo-dashboard-next-bookings .table {
6145 margin-bottom: 0;
6146 }
6147 .vbo-dashboard-next-bookings-block h4 {
6148 font-size: 20px;
6149 font-weight: bold;
6150 color: var(--vbo-config-title-color);
6151 border-top-right-radius: 16px;
6152 border-top-left-radius: 16px;
6153 border-bottom: 1px solid var(--vbo-config-border-color);
6154 margin: 0;
6155 padding: 22px 15px;
6156 }
6157 .vbo-dashboard-next-bookings-block h4 i {
6158 margin-right: 15px;
6159 }
6160 .vbo-dashboard-refresh-container {
6161 margin: 20px 28px 0;
6162 float: right;
6163 border-radius: 40px;
6164 border: 1px solid var(--vbo-config-border-color);
6165 padding: 10px 20px;
6166 }
6167 .vbo-dashboard-refresh-container > span {
6168 display: inline-block;
6169 margin: 0 2px;
6170 }
6171 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6172 font-size: 1.3em;
6173 padding: 10px 13px 7px 0;
6174 position: relative;
6175 text-align: center;
6176 display: inline-block;
6177 font-weight: bold;
6178 }
6179 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6180 display: inline-block;
6181 margin:0 8px 0 0;
6182 font-weight: normal;
6183 }
6184 .vbo-dashboard-refresh-play {
6185 color: var(--vbo-base-color);
6186 text-align: center;
6187 display: inline-block;
6188 position: relative;
6189 cursor: pointer;
6190 }
6191 .vbo-dashboard-refresh-play:after {
6192 content: "\25b6";
6193 display: inline-block;
6194 border-radius: 50%;
6195 background: var(--vbo-config-bg-color);
6196 border: 1px solid var(--vbo-config-bg-color);
6197 height: 35px;
6198 line-height: 38px;
6199 padding: 0;
6200 width: 35px;
6201 font-size: 16px;
6202 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6203 text-align: center;
6204 }
6205 .vbo-dashboard-refresh-stop {
6206 color: var(--vbo-base-color);
6207 text-align: center;
6208 display: inline-block;
6209 position: relative;
6210 cursor: pointer;
6211 }
6212 .vbo-dashboard-refresh-stop:after {
6213 content: "\25A0";
6214 display: inline-block;
6215 border-radius: 50%;
6216 border: 1px solid var(--vbo-config-bg-color);
6217 background: var(--vbo-config-bg-color);
6218 height: 35px;
6219 line-height: 30px;
6220 padding: 0;
6221 width: 35px;
6222 font-size: 24px;
6223 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6224 text-align: center;
6225 }
6226 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6227 border: 1px solid var(--vbo-base-color);
6228 }
6229 .vbo-dashboard-rooms-locked-block {
6230 background: var(--vbo-config-bg-color);
6231 border-radius: 8px;
6232 box-shadow: 0 0 20px rgba(0,0,0,.1);
6233 margin: 0 28px 18px;
6234 }
6235 .vbo-dashboard-rooms-locked h4 {
6236 font-size: 22px;
6237 font-weight: normal;
6238 background: var(--vbo-config-child-bg-color);
6239 border-top-right-radius: 8px;
6240 border-top-left-radius: 8px;
6241 border-bottom: 1px solid var(--vbo-config-border-color);
6242 text-transform: uppercase;
6243 margin: 0;
6244 padding: 22px 15px;
6245 }
6246 .vbo-dashboard-rooms-locked h4 i {
6247 margin-right: 0.25em;
6248 }
6249 .vbo-dashboard-rooms-locked h4 span {
6250 border: 1px solid #FF9326;
6251 display: inline-block;
6252 padding: 5px 8px;
6253 border-radius: 4px;
6254 text-transform: capitalize;
6255 font-size: 14px;
6256 margin-left: 7px;
6257 font-weight: bold;
6258 color: #FF9326;
6259 vertical-align: top;
6260 margin-top: -5px;
6261 }
6262 .vbo-dashboard-rooms-locked table {
6263 margin-bottom: 0;
6264 }
6265 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6266 background: var(--vbo-config-child-bg-color);
6267 }
6268 .vbo-dashboard-today-occ-listcont {
6269 display: grid;
6270 padding: 10px;
6271 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6272 }
6273 .vbo-dashboard-today-roomocc-rows td {
6274 background: transparent !important;
6275 }
6276 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6277 padding: 0;
6278 width: 100%;
6279 }
6280 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6281 display: inline-block;
6282 width: 100%;
6283 }
6284 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6285 width: 100%;
6286 box-sizing: border-box;
6287 margin: 0;
6288 text-align: right;
6289 padding-right: 15px;
6290 }
6291 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6292 margin: 10px;
6293 background: var(--vbo-config-bg-color);
6294 border-radius: 10px;
6295 border: 1px solid var(--vbo-basic-btn);
6296 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6297 }
6298 .vbo-dashboard-today-roomocc-row-checkout {
6299 display: flex;
6300 margin-left: auto;
6301 justify-content: end;
6302 }
6303 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6304 align-self: center;
6305 }
6306 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6307 padding: 5px 8px;
6308 margin-left: 5px;
6309 }
6310 .vbo-dashboard-today-roomocc-det-rname {
6311 display: inline-block;
6312 overflow: hidden;
6313 text-overflow: ellipsis;
6314 white-space: nowrap;
6315 vertical-align: middle;
6316 max-width: 82%;
6317 }
6318 .vbo-dashboard-today-occ-block {
6319 margin: 0 0 30px 0;
6320 padding: 0 0 30px 0;
6321 border-bottom:1px solid var(--vbo-config-border-color);
6322 }
6323 .vbo-dashboard-today-roomocc-firstrow {
6324 font-weight: bold;
6325 margin: 0;
6326 }
6327 .vbo-dashboard-today-occ {
6328 margin: 10px 30px;
6329 }
6330 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6331 font-size: 20px;
6332 font-weight: bold;
6333 color: var(--vbo-config-title-color);
6334 padding: 0 25px 0 0;
6335 position: relative;
6336 display: inline-block;
6337 }
6338 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6339 border: 1px solid var(--vbo-config-border-color);
6340 border-radius: 2px;
6341 padding: 8px 10px;
6342 margin-bottom: 0;
6343 box-sizing: border-box;
6344 height: auto;
6345 }
6346 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6347 padding: 8px 10px;
6348 border-radius: 0 2px 2px 0;
6349 border: 1px solid var(--vbo-config-border-color);
6350 }
6351 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6352 margin-right: 0;
6353 }
6354 .vbo-dashboard-today-roomocc-det > h5 {
6355 font-weight: bold;
6356 padding: 15px;
6357 margin: 0;
6358 font-size: 1.1em;
6359 text-align: left;
6360 border-top-right-radius: 16px;
6361 border-top-left-radius: 16px;
6362 border-bottom: 1px solid var(--vbo-config-border-color);
6363 }
6364 .vbo-dashboard-today-roomocc-firstrow th {
6365 background: var(--vbo-config-bg-color);
6366 font-weight: bold;
6367 font-size: 12px;
6368 padding: 15px 15px !important;
6369 text-transform: uppercase;
6370 color: var(--vbo-config-titles-color-light);
6371 }
6372 .vbo-dashboard-today-roomocc-firstrow th.left {
6373 white-space: nowrap;
6374 }
6375 .vbo-dashboard-today-roomocc-rows td {
6376 padding: 11px 15px !important;
6377 }
6378 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6379 width: 15px;
6380 }
6381 .vbo-dashboard-today-roomocc-rows td.left a {
6382 font-weight: bold;
6383 color: var(--vbo-config-title-color);
6384 }
6385 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6386 color: var(--vbo-base-color);
6387 }
6388 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6389 display: inline-block;
6390 border-radius: 6px;
6391 padding: 2px 7px;
6392 margin-top: -5px;
6393 margin-left: 10px;
6394 float: right;
6395 }
6396 .vbo-roomocc-units-free {
6397 background: #e5ffd6;
6398 border: 1px solid #8fd569;
6399 color: #639448;
6400 }
6401 .vbo-roomocc-units-half {
6402 color: #a88706;
6403 background: #fff6a9;
6404 border: 1px solid #e1c903;
6405 }
6406 .vbo-roomocc-units-threefourth {
6407 background: #ffdfbe;
6408 border: 1px solid #ffbd79;
6409 color: #e27300;
6410 }
6411 .vbo-roomocc-units-full {
6412 background: #ffdbd3;
6413 border: 1px solid #ffa7a7;
6414 color: #d44b2d;
6415 }
6416 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6417 display: inline-block;
6418 text-align: center;
6419 border-radius: 4px;
6420 padding: 2px 0;
6421 }
6422 .vbo-dashboard-today-roomocc-customers.table-responsive {
6423 height: 200px;
6424 overflow-y: scroll;
6425 width: 100%;
6426 }
6427 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6428 white-space: normal;
6429 vertical-align: middle;
6430 }
6431 th.vbo-tdright, td.vbo-tdright {
6432 text-align: right !important;
6433 }
6434 th.vbo-tdright, td.vbo-tdright .btn {
6435 white-space: nowrap;
6436 }
6437 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6438 display: none;
6439 }
6440 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6441 display: table-row;
6442 }
6443 tr.no-results > td {
6444 background-color: #fcf8e3;;
6445 }
6446 .hidden-for-search {
6447 display: none;
6448 }
6449 .vbo-info-overlay-content-orphans > h3 > i {
6450 color: #cc0000;
6451 }
6452 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6453 display: grid;
6454 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6455 }
6456 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6457 margin: 5px;
6458 border-radius: 10px;
6459 border: 1px solid var(--vbo-config-border-color);
6460 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6461 display: flex;
6462 flex-wrap: wrap;
6463 flex-direction: column;
6464 }
6465 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6466 border-color: var(--vbo-base-color);
6467 }
6468 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6469 margin: 0 0 5px;
6470 padding: 10px;
6471 font-size: 1.1em;
6472 border-bottom: 1px solid var(--vbo-basic-btn);
6473 }
6474 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6475 margin-bottom: 10px;
6476 max-height: 150px;
6477 overflow: hidden;
6478 overflow-y: scroll;
6479 padding: 10px;
6480 }
6481 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6482 margin-top: 10px;
6483 }
6484 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6485 margin-top: auto;
6486 text-align: center;
6487 padding: 0 10px 10px;
6488 }
6489 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6490 text-align: center;
6491 margin-top: 20px;
6492 }
6493 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6494 display: inline-block;
6495 margin: 5px;
6496 }
6497 .vbo-center {
6498 text-align: center;
6499 }
6500 .vbo-enormous-icn {
6501 font-size: 100px;
6502 }
6503 .vbo-list-table {
6504 margin-top: 15px;
6505 }
6506 .vbo-bookingslist-table thead, .vbo-list-table thead {
6507 background: var(--vbo-config-bg-color);
6508 }
6509 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6510 padding: 18px 10px;
6511 text-transform: uppercase;
6512 font-size: 12px;
6513 color: var(--vbo-config-titles-color-light);
6514 }
6515 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6516 background: var(--vbo-config-bg-color) !important;
6517 border-top: 1px solid var(--vbo-config-border-color);
6518 }
6519 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6520 background: var(--vbo-config-child-bg-color) !important;
6521 }
6522 .vbo-bookingslist-table tbody > tr:last-child td {
6523 padding-bottom: 30px;
6524 vertical-align: top;
6525 }
6526 /* Dashboard - End */
6527 span.label {
6528 padding:3px 6px !important;
6529 }
6530 .vbo-export-customer-entry {
6531 display: block;
6532 margin: 10px 0;
6533 }
6534 .vbo-export-customer-entry span label {
6535 display: inline-block;
6536 margin: 0;
6537 min-width: 185px;
6538 }
6539 /* Calendar - Start */
6540 .vbo-quickres-wrapper {
6541 display: block;
6542 float: left;
6543 width: 48%;
6544 }
6545 .vbo-quickres-head {
6546 margin: 0 0 10px;
6547 width: 100%;
6548 display: inline-block;
6549 border-bottom: 1px solid var(--vbo-config-border-color);
6550 padding-bottom: 10px;
6551 }
6552 .vbo-quickres-head h4 {
6553 display: inline-block;
6554 font-size: 13px;
6555 font-weight: bold;
6556 text-transform: uppercase;
6557 }
6558 .vbo-quickres-head .vbo-quickres-head-right {
6559 display: inline-block;
6560 float: right;
6561 }
6562 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6563 .vbo-editbooking-room-switch .select2-selection--single {
6564 font-weight: normal;
6565 font-size: 14px !important;
6566 height: 36px !important;
6567 border: 1px solid var(--vbo-config-border-color) !important;
6568 border-radius: 2px !important;
6569 }
6570 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6571 .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 {
6572 height: 36px;
6573 }
6574 .select2-dropdown {
6575 border: 1px solid var(--vbo-config-border-color) !important;
6576 }
6577 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6578 .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 {
6579 line-height: 36px;
6580 }
6581 .vbo-quickres-head .vbo-quickres-head-right form {
6582 margin-top: 5px;
6583 margin-bottom: 0;
6584 }
6585 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6586 display: inline-block;
6587 margin: 8px 0 0 20px;
6588 vertical-align: top;
6589 }
6590 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6591 margin-bottom: 5px;
6592 }
6593 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6594 margin-bottom: 5px;
6595 }
6596 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6597 display: inline-block;
6598 margin: 9px 5px 0 0;
6599 }
6600 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6601 margin-right: 5px;
6602 }
6603
6604 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6605 height: 350px !important;
6606 }
6607 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6608 width: 100% !important;
6609 }
6610 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6611 margin: 5px 0;
6612 }
6613 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6614 border: 1px solid var(--vbo-base-color);
6615 }
6616 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
6617 margin-top: 15px;
6618 }
6619 .vbo-params-fieldset-label {
6620 font-weight: bold;
6621 margin-bottom: 5px;
6622 }
6623 .vbo-params-fieldset-label .label.label-success {
6624 font-size: 13px;
6625 display: inline-block;
6626 font-weight: 500;
6627 line-height: initial;
6628 }
6629 .vbo-params-fieldset-label .label.label-success i {
6630 margin-right: 3px;
6631 }
6632 textarea.vbo-textarea-copyable {
6633 width: 0 !important;
6634 height: 0 !important;
6635 opacity: 0 !important;
6636 min-height: 0 !important;
6637 padding: 0 !important;
6638 float: right;
6639 cursor: default;
6640 }
6641 .vbo-params-block {
6642 border: 1px solid var(--vbo-input-style-nested-deactive);
6643 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6644 border-radius: 10px;
6645 padding: 0 20px 10px;
6646 margin-bottom: 20px;
6647 }
6648 .vbo-params-block-nested {
6649 padding: 10px;
6650 margin: 10px 0 10px 10px;
6651 border-radius: 6px;
6652 background: var(--vbo-config-bg-color);
6653 }
6654 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
6655 background: rgba(255, 143, 143, 0.60) !important;
6656 border-color: #900;
6657 }
6658 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6659 align-self: center;
6660 }
6661 .vbo-params-block .vbo-param-container {
6662 border-top: 1px solid var(--vbo-main-bg-color);
6663 padding: 10px 0px;
6664 }
6665 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6666 border-top: 0;
6667 }
6668 .vbo-params-block > .vbo-param-container:only-child {
6669 margin-bottom: 0;
6670 }
6671 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6672 background: var(--vbo-config-bg-color);
6673 border-top: 1px solid var(--vbo-main-bg-color);
6674 }
6675 .vbo-cal-splitstay-details {
6676 display: inline-block;
6677 border-radius: 10px;
6678 border: 1px solid var(--vbo-basic-btn);
6679 min-width: 400px;
6680 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6681 }
6682 .vbo-cal-splitstay-details > div {
6683 display: grid;
6684 grid-template-columns: repeat(2, 1fr);
6685 }
6686 .vbo-cal-splitstay-details > div > span {
6687 padding: 8px 14px;
6688 display: inline-block;
6689 }
6690 .vbo-cal-splitstay-details > div > span i {
6691 margin-right: 3px;
6692 color: var(--vbo-config-text-color-light);
6693 }
6694 .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 {
6695 border-right: 1px solid var(--vbo-basic-btn);
6696 }
6697 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6698 color: var(--vbo-red-color);
6699 }
6700 #vbo-geo-map .gm-style .gm-style-iw-c {
6701 background: var(--vbo-config-bg-color);
6702 }
6703 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6704 display: inline-block;
6705 }
6706 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6707 cursor: pointer;
6708 }
6709 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6710 text-align: center;
6711 padding: 10px 15px;
6712 margin: 5px;
6713 border: 1px solid var(--vbo-config-border-color);
6714 border-radius: 2px;
6715 position: relative;
6716 }
6717 #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 {
6718 border-color: var(--vbo-base-color);
6719 }
6720 #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 {
6721 position: absolute;
6722 content: "";
6723 width: 10px;
6724 height: 10px;
6725 top: -6px;
6726 left: -7px;
6727 border: 2px solid var(--vbo-config-bg-color);
6728 background-color: var(--vbo-base-color);
6729 border-radius: 50%;
6730 }
6731 #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 {
6732 display: block;
6733 }
6734 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
6735 font-weight: bold;
6736 font-size: 1.2em;
6737 }
6738 #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 {
6739 color: var(--vbo-base-color);
6740 }
6741 .vbo-avcalendars-wrapper {
6742 text-align: center;
6743 border: 1px solid var(--vbo-config-border-color);
6744 background: var(--vbo-config-bg-color);
6745 padding: 10px 10px 20px 10px;
6746 margin-top: 20px;
6747 border-radius: 6px;
6748 }
6749 .vbo-avcalendars-roomphoto {
6750 display: block;
6751 text-align: center;
6752 margin: 5px 0 15px;
6753 }
6754 .vbo-avcalendars-roomphoto img {
6755 border-radius: 2px;
6756 max-height: 250px;
6757 border-radius: 4px;
6758 }
6759 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
6760 margin-bottom: 10px;
6761 margin-bottom: 5px;
6762 border-bottom: 1px solid var(--vbo-config-border-color);
6763 padding-bottom: 10px;
6764 }
6765 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
6766 display: inline-block;
6767 margin-right: 10px;
6768 position: relative;
6769 }
6770 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
6771 margin-bottom: 5px;
6772 font-weight: bold;
6773 }
6774 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
6775 width: auto !important;
6776 }
6777 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
6778 float: right;
6779 margin-left: 5px;
6780 margin-top: 10px;
6781 }
6782 .vbo-calendar-cfields-inner {
6783 display: grid;
6784 grid-template-columns: repeat(2, auto);
6785 gap: 10px 50px;
6786 width: 100%;
6787 padding: 5px 0;
6788 }
6789 .vbo-calendar-cfields-bottom {
6790 margin: 10px 0 15px 0;
6791 }
6792 .vbo-calendar-cfields-bottom .btn {
6793 border: 1px solid var(--vbo-config-border-color);
6794 border-radius: 2px;
6795 padding: 10px 14px;
6796 margin-bottom: 0;
6797 }
6798 .vbo-calendar-cfields-bottom .btn i {
6799 margin-right: 5px;
6800 }
6801 .vbo-calendar-cfields-bottom .btn-success {
6802 border: 1px solid var(--vbo-green-color);
6803 }
6804 .vbo-calendar-cfields-bottom .btn-success i {
6805 margin-right: 6px;
6806 }
6807 .vbo-calendar-cfields-bottom .icon-edit::before {
6808 color: #fff;
6809 }
6810 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
6811 display: inline-block;
6812 }
6813 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
6814 width: 100%;
6815 display: inline-block;
6816 }
6817 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6818 max-width: 100%;
6819 }
6820 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
6821 border: 1px solid var(--vbo-config-border-color);
6822 border-radius: 2px;
6823 padding: 5px 10px;
6824 margin-bottom: 0;
6825 width: 100% !important;
6826 box-sizing: border-box;
6827 height: auto;
6828 }
6829 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
6830 background-color: var(--vbo-input-style-deactive);
6831 }
6832 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6833 border-radius: 2px;
6834 background-color: var(--vbo-config-bg-color);
6835 border: 1px solid var(--vbo-input-style);
6836 padding: 5px 10px;
6837 height: inherit;
6838 width: 100% !important;
6839 }
6840 .vbo-assign-customer {
6841 cursor: pointer;
6842 background: var(--vbo-config-bg-color);
6843 color: var(--vbo-base-color);
6844 border-radius: 3px;
6845 display: inline-block;
6846 font-weight: bold;
6847 border: 1px solid var(--vbo-base-color);
6848 }
6849 .vbo-assign-customer > i {
6850 background: var(--vbo-base-color);
6851 color: var(--vbo-config-bg-color);
6852 padding: 8px 10px;
6853 font-size: 18px;
6854 }
6855 .vbo-assign-customer > span {
6856 padding: 0 8px 0 3px;
6857 display: inline-block;
6858 vertical-align: middle;
6859 }
6860 .vbo-assign-customer:hover {
6861 background: var(--vbo-base-color);
6862 color: #fff;
6863 }
6864 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
6865 background: var(--vbo-base-color-hover);
6866 }
6867 #vbfillcustfields .icon-edit::before {
6868 color: #fff;
6869 font-weight: normal;
6870 }
6871 #quickbsubmit i:before {
6872 color: #fff;
6873 }
6874 #vbspanbstat strong {
6875 display: inline-block;
6876 min-width: 125px;
6877 }
6878 #vbspanbpay strong {
6879 display: inline-block;
6880 min-width: 125px;
6881 }
6882 #vbspancmail strong {
6883 display: inline-block;
6884 min-width: 125px;
6885 }
6886 #vbo-highlight-cfields mark {
6887 padding: 0 3px;
6888 margin: -1px -4px;
6889 border-radius: 0.5em;
6890 }
6891 .vbo-calendar-cfield-entry label {
6892 display: block;
6893 font-weight: bold;
6894 color: var(--vbo-config-titles-color-light);
6895 margin-bottom: 4px;
6896 }
6897 #vbo-searchcust-loading, .vbo-searchcust-loading {
6898 display: none;
6899 }
6900 #vbo-searchcust-res, .vbo-searchcust-res {
6901 position: absolute;
6902 z-index: 2;
6903 width: 100%;
6904 max-width: 300px;
6905 }
6906 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
6907 width: 90%;
6908 }
6909 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
6910 list-style: none;
6911 text-align: left;
6912 padding: 0;
6913 margin: 0 0 0 -1px;
6914 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
6915 background-color: var(--vbo-config-bg-color);
6916 border: 1px solid var(--vbo-config-border-color);
6917 white-space: nowrap;
6918 max-height: 200px;
6919 width: 100%;
6920 overflow-y: scroll;
6921 }
6922 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
6923 padding: 6px 10px;
6924 outline: none;
6925 cursor: pointer;
6926 }
6927 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
6928 background: rgba(0,0,0,0.05);
6929 }
6930 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
6931 margin-right: 8px;
6932 display: inline-block;
6933 vertical-align: top;
6934 }
6935 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
6936 display: inline-block;
6937 vertical-align: top;
6938 }
6939 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
6940 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
6941 border-bottom-right-radius: 4px;
6942 border-bottom-left-radius: 4px;
6943 }
6944 .vbo-custsearchres-name {
6945 display: inline-block;
6946 min-width: 130px;
6947 }
6948 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
6949 margin-right: 5px;
6950 }
6951 /* Calendar - End */
6952 /* Outer Info message - Start */
6953 .vbo-outer-info-message {
6954 border: 2px solid var(--vbo-base-color);
6955 border-radius: 4px;
6956 padding: 5px;
6957 margin-bottom: 10px;
6958 cursor: pointer;
6959 }
6960 .vbo-outer-info-message .vboicn-info {
6961 margin-right: 5px;
6962 font-size: 16px;
6963 color: var(--vbo-base-color);
6964 }
6965 .vbo-outer-info-message span {
6966 display: inline-block;
6967 vertical-align: top;
6968 }
6969 .vbo-info-message-cont {
6970 padding: 5px;
6971 font-weight: bold;
6972 }
6973 .vbo-dyninpnum-cont input[type="number"],
6974 #vbjstotnights input[type="number"] {
6975 width: 100px !important;
6976 }
6977 .vbo-dyninpnum-cont select {
6978 max-width: 130px;
6979 }
6980 /* Outer Info message - End */
6981 .vbo-country-flag-left {
6982 float: left;
6983 margin: 0 5px 0 0;
6984 }
6985 .vbo-country-flag {
6986 width: 16px;
6987 height: 16px;
6988 object-fit: cover;
6989 }
6990 .vbo-country-flag.vbo-customer-avatar-flag {
6991 border-radius: 50%;
6992 }
6993 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
6994 object-fit: cover;
6995 }
6996 .vbo-roomentries-cont {
6997 float: left;
6998 display: inline-block;
6999 margin: 0 15px 0 2px;
7000 width: 204px;
7001 height: auto;
7002 overflow: hidden;
7003 }
7004 .vbo-roomentry-cont {
7005 display: block;
7006 margin: 5px 0;
7007 }
7008 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
7009 margin-top: 0;
7010 }
7011 .vbo-roomentry-cont input[type="checkbox"] {
7012 display: inline-block;
7013 margin-right: 5px;
7014 margin-top: 0;
7015 }
7016 .vbo-roomentry-cont label {
7017 display: inline !important;
7018 }
7019 tr.vbroomparamp td #lastavail {
7020 vertical-align: top;
7021 }
7022 tr.vbroomparamp td span {
7023 font-size: smaller;
7024 font-style: italic;
7025 display: inline-block;
7026 padding-left: 8px;
7027 max-width: 450px;
7028 }
7029 ul.vbo-sortable {
7030 list-style-type: none;
7031 margin: 0;
7032 padding: 0;
7033 }
7034 ul.vbo-sortable li {
7035 margin-right: 12px;
7036 padding: 1px;
7037 display: inline-block;
7038 vertical-align: top;
7039 width: auto;
7040 max-height: 70px;
7041 margin-bottom: 5px;
7042 }
7043 .vbo-editroom-currentphoto {
7044 position: relative;
7045 }
7046 .vbo-editroom-currentphoto a {
7047 cursor: grab;
7048 }
7049 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7050 cursor: pointer;
7051 }
7052 .vbo-tip-small {
7053 display: inline-block;
7054 min-width: 30px;
7055 }
7056 .vbo-smalltext {
7057 font-size: smaller;
7058 }
7059 .vbo-first-imgup {
7060 display: inline-block;
7061 border: 1px solid var(--vbo-config-border-color);
7062 border-radius: 3px;
7063 padding: 10px;
7064 margin: 5px 0;
7065 background: var(--vbo-main-bg-color);
7066 width: 100%;
7067 box-sizing: border-box;
7068 }
7069 .vbo-first-imgup > span {
7070 border-left: 1px solid rgb(221, 221, 221);
7071 display: inline-block;
7072 padding: 5px 0px 5px 10px;
7073 }
7074 .vbo-first-imgup > input[type="file"] {
7075 box-sizing: border-box;
7076 height: auto;
7077 margin-bottom: 10px;
7078 background: var(--vbo-input-style);
7079 }
7080 .vbo-first-imgup > input[type="text"] {
7081 margin-top: 7px;
7082 }
7083 .vbo-first-imgup + #myDiv {
7084 margin-bottom: 5px;
7085 }
7086 .vbo-imgup-caption {
7087 margin-top: 5px;
7088 }
7089 .vbo-imgup-caption span {
7090 display: block;
7091 margin-bottom: 4px;
7092 }
7093 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7094 width: 100% !important;
7095 box-sizing: border-box;
7096 height: auto;
7097 }
7098 /* Multi Photos Upload Modal Window - Start */
7099 .vbo-info-overlay-content {
7100 width: 70%;
7101 }
7102 .vbo-info-overlay-content .btn-success {
7103 padding: 9px 14px;
7104 }
7105 .vbo-info-overlay-content .btn-success i {
7106 color: #fff;
7107 display: inline-block;
7108 margin-right: 10px;
7109 }
7110 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7111 position: fixed;
7112 left: 0;
7113 top: 0;
7114 width: 100%;
7115 height: 100%;
7116 background-color: rgba(0,0,0,0.5);
7117 display: none;
7118 z-index: 99999999 !important;
7119 }
7120 a.vbo-info-overlay-close {
7121 display: block;
7122 height: 100%;
7123 cursor: default;
7124 }
7125 .vbo-info-overlay-content {
7126 position: fixed;
7127 left: 50%;
7128 top: 50%;
7129 transform: translate(-50%, -50%);
7130 width: 40%;
7131 height: 60%;
7132 z-index: 101;
7133 padding: 20px;
7134 border-radius: 5px;
7135 background-color: var(--vbo-config-bg-color);
7136 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7137 overflow: auto;
7138 }
7139 .vbo-info-overlay-header {
7140 margin-bottom: 20px;
7141 }
7142 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7143 display: inline-block;
7144 border: 0;
7145 text-align: left;
7146 }
7147 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7148 float: right;
7149 }
7150 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7151 background: var(--vbo-base-color);
7152 color: #fff;
7153 padding: 9px 14px;
7154 margin-right: 8px;
7155 }
7156 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7157 background: var(--vbo-base-color-hover) !important;
7158 }
7159 .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 {
7160 background: var(--vbo-link-text-color) !important;
7161 }
7162 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7163 padding: 9px 14px;
7164 }
7165 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7166 overflow: visible;
7167 }
7168 .vbo-info-overlay-scroll-content {
7169 overflow: hidden;
7170 height: 70%;
7171 position: relative;
7172 overflow-y: scroll;
7173 }
7174 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7175 position: fixed;
7176 left: 50%;
7177 top: 50%;
7178 transform: translate(-50%, -50%);
7179 width: 60%;
7180 height: 60%;
7181 z-index: 101;
7182 padding: 10px;
7183 border-radius: 5px;
7184 background-color: var(--vbo-config-bg-color);
7185 box-shadow: 5px 5px 5px 0 #000;
7186 overflow: auto;
7187 }
7188 .vbo-modal-alert .vbo-info-overlay-content {
7189 height: 20%;
7190 top: 40%;
7191 }
7192 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7193 height: 40%;
7194 top: 20%;
7195 left: 25%;
7196 width: 50%;
7197 }
7198 .vbo-info-overlay-content h3 {
7199 text-align: center;
7200 margin-top: 0;
7201 border-bottom: 1px solid var(--vbo-config-border-color);
7202 padding-bottom: 10px;
7203 }
7204 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7205 color: var(--vbo-red-color);
7206 }
7207 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7208 text-align: left;
7209 margin-bottom: 10px;
7210 }
7211 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7212 background: var(--vbo-config-bg-color);
7213 padding: 20px;
7214 border: 1px solid var(--vbo-config-border-color);
7215 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7216 }
7217 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7218 margin: 5px 0;
7219 box-sizing: border-box;
7220 display: inline-block;
7221 width: 100%;
7222 }
7223 .vbo-overlay-checkin-body iframe {
7224 width: 100%;
7225 border: 0;
7226 height: 50vh;
7227 }
7228 .vbo-info-overlay-content-animated {
7229 -webkit-animation-name: VikbounceInUp;
7230 animation-name: VikbounceInUp;
7231
7232 -webkit-animation-duration: .6s;
7233 animation-duration: .6s;
7234 -webkit-animation-fill-mode: both;
7235 animation-fill-mode: both;
7236 }
7237 .vbo-info-overlay-block-animation:target {
7238 visibility: visible;
7239 }
7240 .vbo-info-overlay-content-hidden {
7241 display: none;
7242 }
7243 .vbo-admin-wizard-container {
7244 margin-bottom: 10px;
7245 }
7246 .vbo-admin-wizard-container .vbo-wizard-btn {
7247 background: #3961bf;
7248 border: 1px solid #3961bf;
7249 color: #fff;
7250 font-weight: bold;
7251 padding: 10px 14px;
7252 margin-right: 5px;
7253 }
7254 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7255 background: #27417d;
7256 border-color: #27417d;
7257 }
7258 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7259 background: #5c77b5;
7260 border-color: #5c77b5;
7261 }
7262 .vbo-admin-wizard-container .vbo-wizard-btn i {
7263 margin-right: 5px;
7264 }
7265
7266 @-webkit-keyframes VikbounceInUp {
7267 from,
7268 60%,
7269 75%,
7270 90%,
7271 to {
7272 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7273 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7274 }
7275
7276 from {
7277 opacity: 0;
7278 -webkit-transform: translate3d(-50%, 150%, 0);
7279 transform: translate3d(-50%, 150%, 0);
7280 }
7281
7282 60% {
7283 opacity: 1;
7284 -webkit-transform: translate3d(-50%, 100%, 0);
7285 transform: translate3d(-50%, 100%, 0);
7286 }
7287
7288 75% {
7289 -webkit-transform: translate3d(-50%, 20%, 0);
7290 transform: translate3d(-50%, 20%, 0);
7291 }
7292
7293 90% {
7294 -webkit-transform: translate3d(-50%, -25%, 0);
7295 transform: translate3d(-50%, -25%, 0);
7296 }
7297
7298 to {
7299 -webkit-transform: translate3d(-50%, -50%, 0);
7300 transform: translate3d(-50%, -50%, 0);
7301 }
7302 }
7303
7304 @keyframes VikbounceInUp {
7305 from,
7306 60%,
7307 75%,
7308 90%,
7309 to {
7310 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7311 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7312 }
7313
7314 from {
7315 opacity: 0;
7316 -webkit-transform: translate3d(-50%, 150%, 0);
7317 transform: translate3d(-50%, 150%, 0);
7318 }
7319
7320 60% {
7321 opacity: 1;
7322 -webkit-transform: translate3d(-50%, 100%, 0);
7323 transform: translate3d(-50%, 100%, 0);
7324 }
7325
7326 75% {
7327 -webkit-transform: translate3d(-50%, 20%, 0);
7328 transform: translate3d(-50%, 20%, 0);
7329 }
7330
7331 90% {
7332 -webkit-transform: translate3d(-50%, -25%, 0);
7333 transform: translate3d(-50%, -25%, 0);
7334 }
7335
7336 to {
7337 -webkit-transform: translate3d(-50%, -50%, 0);
7338 transform: translate3d(-50%, -50%, 0);
7339 }
7340 }
7341
7342 .bounceInUp {
7343 -webkit-animation-name: VikbounceInUp;
7344 animation-name: VikbounceInUp;
7345 }
7346
7347 .vbo-info-overlay-content-wizard {
7348 padding: 25px;
7349 width: 50%;
7350 height: 80%;
7351 }
7352 .vbo-info-overlay-content-wizard {
7353 display: none;
7354 }
7355 .vbo-info-overlay-content-animated {
7356 display: block;
7357 }
7358 .vbo-info-overlay-content-wizard h3 {
7359 text-align: left;
7360 border-bottom: 0;
7361 font-size: 22px;
7362 margin-bottom: 0;
7363 }
7364 .vbo-tariffs-wizard-help-wrap {
7365 margin-bottom: 20px;
7366 }
7367 .vbo-tariffs-wizard-help-wrap p span {
7368 font-style: italic;
7369 }
7370 .vbo-tariffs-wizard-help-wrap h4 {
7371 font-size: 20px;
7372 margin-top: 30px;
7373 font-weight: normal;
7374 }
7375 .vbo-tariffs-wizard-prices-wrap {
7376 display: flex;
7377 flex-wrap: wrap;
7378 justify-content: center;
7379 }
7380 .vbo-tariffs-wizard-price {
7381 flex-basis: 25%;
7382 text-align: center;
7383 border: 2px solid #a3cae1;
7384 padding: 25px;
7385 margin: 4px;
7386 border-radius: 4px;
7387 }
7388 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7389 display: block;
7390 font-weight: bold;
7391 margin-bottom: 5px;
7392 }
7393 .vbo-tariffs-wizard-prices-submit {
7394 text-align: center;
7395 margin-top: 15px;
7396 }
7397 .vbo-rplans-wizard-wrap {
7398 display: flex;
7399 }
7400 .vbo-tariffs-wizard-help-wrap h4 {
7401 text-align: center;
7402 }
7403 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7404 display: inline-block;
7405 padding: 15px;
7406 border: 1px solid #ddd;
7407 border-radius: 4px;
7408 flex: 1;
7409 margin: 5px;
7410 }
7411 .vbo-rplans-wizard-tprice-name {
7412 display: inline-block;
7413 width: 100%;
7414 }
7415 .vbo-rplans-wizard-tprice-name label {
7416 font-weight: bold;
7417 font-size: 18px;
7418 display: inline-block;
7419 }
7420 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7421 float: right;
7422 margin: 0;
7423 padding-top: 0;
7424 padding-bottom: 0;
7425 }
7426 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7427 margin-bottom: 0;
7428 }
7429 .vbo-rplans-wizard-tprice-bkincl label {
7430 display: inline-block;
7431 }
7432 .vbo-rplans-wizard-tprice-bkincl input {
7433 margin-top: 0 !important;
7434 }
7435 .fileinput-button {
7436 position: relative;
7437 overflow: hidden;
7438 display: inline-block;
7439 }
7440 .fileinput-button input {
7441 position: absolute;
7442 top: 0;
7443 right: 0;
7444 margin: 0;
7445 opacity: 0;
7446 -ms-filter: 'alpha(opacity=0)';
7447 font-size: 200px;
7448 direction: ltr;
7449 cursor: pointer;
7450 }
7451 /* Fixes for IE < 8 */
7452 @media screen\9 {
7453 .fileinput-button input {
7454 filter: alpha(opacity=0);
7455 font-size: 100%;
7456 height: 100%;
7457 }
7458 }
7459 .progress {
7460 background-color: var(--vbo-config-child-bg-color);
7461 border-radius: 4px;
7462 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7463 height: 20px;
7464 margin-bottom: 20px;
7465 overflow: hidden;
7466 }
7467 .progress-bar {
7468 background-color: var(--vbo-blue-color);
7469 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7470 color: #fff;
7471 float: left;
7472 font-size: 12px;
7473 height: 100%;
7474 line-height: 20px;
7475 text-align: center;
7476 transition: width 0.6s ease 0s;
7477 width: 0;
7478 }
7479 .progress-bar-success {
7480 background-color: var(--vbo-green-color) !important;
7481 }
7482 .vbo-info-overlay-content .files {
7483 display: inline-block;
7484 width: 100%;
7485 min-height: 40%;
7486 border: 2px dashed var(--vbo-config-border-color);
7487 box-sizing: border-box;
7488 padding: 10px;
7489 }
7490 .vbo-upload-photo {
7491 float: left;
7492 margin: 0 10px 0 0;
7493 padding: 5px;
7494 }
7495 .vbo-upload-photo canvas {
7496 border: 1px solid var(--vbo-basic-btn);
7497 border-radius: 4px;
7498 }
7499 .vbo-upload-photo p {
7500 margin: 0;
7501 text-align: center;
7502 }
7503 .vbo-upload-photo span {
7504 font-weight: bold;
7505 text-align: center;
7506 display: block;
7507 text-align: center;
7508 color: var(--vbo-config-titles-color-light);
7509 }
7510 .vbo-upload-photo p button {
7511 margin-top: 5px;
7512 }
7513 .vbo-info-overlay-content #progress {
7514 margin-top: 15px;
7515 }
7516 .vbo-upload-done {
7517 display: none;
7518 width: 100%;
7519 text-align: center;
7520 padding-top: 15px;
7521 margin-top: 10px;
7522 }
7523 .vbo-upload-done .btn i:before {
7524 color: #fff;
7525 }
7526 .vbo-toggle-imgcaption {
7527 position: absolute;
7528 width: 22px;
7529 font-size: 16px;
7530 z-index: 100;
7531 margin-left: -11px;
7532 margin-top: -6px;
7533 background: var(--vbo-main-bg-color);
7534 border-radius: 50%;
7535 object-fit: cover;
7536 border: 1px solid var(--vbo-config-border-color);
7537 height: 22px;
7538 line-height: 22px;
7539 display: inline-block;
7540 text-align: center;
7541 color: var(--vbo-config-titles-color-light);
7542 }
7543 .vbo-toggle-imgcaption-on {
7544 color: var(--vbo-base-color);
7545 }
7546 .vbo-rmphotos-cont {
7547 margin-bottom: 10px;
7548 }
7549 .vbo-small-p-info {
7550 font-size: smaller;
7551 margin: 10px 0 0;
7552 text-align: right;
7553 }
7554 .vbo-bulkupload-cont {
7555 margin: 20px 0 0 0;
7556 }
7557 /* Multi Photos Upload Modal Window - End */
7558 /* Room Units Distinctive Features - Start */
7559 .vbo-distfeature-row {
7560 display: none;
7561 }
7562 .vbo-distfeatures-toggle-cont {
7563 display: block;
7564 text-align: left;
7565 }
7566 .vbo-distfeatures-cont {
7567 display: none;
7568 background-color: var(--vbo-config-child-bg-color);
7569 padding: 20px;
7570 margin-top: 5px;
7571 }
7572 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7573 background-color: var(--vbo-input-style) !important;
7574 }
7575 .vbo-runit-features-cont {
7576 display: block;
7577 margin-bottom: 10px;
7578 padding-bottom: 10px;
7579 border-bottom: 1px solid var(--vbo-config-border-color);
7580 }
7581 .vbo-runit-features-cont:last-child {
7582 margin-bottom: 0;
7583 border-bottom: 0;
7584 padding-bottom: 0;
7585 }
7586 .vbo-runit-num {
7587 display: block;
7588 font-weight: bold;
7589 }
7590 .vbo-runit-features {
7591 display: block;
7592 }
7593 .vbo-runit-feature {
7594 display: flex;
7595 margin: 5px 0 5px 0;
7596 }
7597 .vbo-runit-feature input {
7598 margin-right: 10px;
7599 }
7600 .vbo-runit-feature input:focus {
7601 background: #fff;
7602 }
7603 .vbo-feature-add {
7604 cursor: pointer;
7605 }
7606 .vbo-feature-remove {
7607 cursor: pointer;
7608 display: inline-block;
7609 font-size: 20px;
7610 align-self: center;
7611 }
7612 /* Room Units Distinctive Features - End */
7613 .vbo-closed-date-entry {
7614 display: inline-block;
7615 background-color: var(--vbo-toolbar-bg-color);
7616 border: 1px solid var(--vbo-toolbar-bg-color);
7617 border-radius: 30px;
7618 margin: 5px 5px 0px 0;
7619 padding: 5px 10px;
7620 color: var(--vbo-base-color);
7621 font-weight: bold;
7622 }
7623 .vbo-closed-date-rm {
7624 cursor: pointer;
7625 display: inline-block;
7626 margin-left: 3px;
7627 width: 18px;
7628 height: 18px;
7629 line-height: 15px;
7630 font-size: 8px;
7631 text-align: center;
7632 border-radius: 50%;
7633 color: var(--vbo-blue-color);
7634 line-height: 20px;
7635 float: right;
7636 }
7637 .vbo-closed-date-rm:hover {
7638 background: var(--vbo-blue-color);
7639 color: #fff;
7640 }
7641 .vbo-closed-date-rm i {
7642 margin: 0 !important;
7643 }
7644 /* Occupancy Pricing Override - Start */
7645 .occupancy-room {
7646 display: block;
7647 margin-left: 5px;
7648 }
7649 .occupancy-room-name {
7650 display: block;
7651 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7652 font-weight: bold;
7653 border-radius: 2px;
7654 border: 1px solid var(--vbo-config-border-color);
7655 cursor: pointer;
7656 padding: 8px 10px;
7657 margin: 5px 0 0;
7658 }
7659 .occupancy-room-data {
7660 display: none;
7661 padding: 20px;
7662 background: var(--vbo-config-child-bg-color);
7663 }
7664 .occupancy-room-data .occupancy-adults-data {
7665 margin: 0 0 15px;
7666 }
7667 .occupancy-room-data .occupancy-adults-data:last-child {
7668 margin-bottom: 0;
7669 }
7670 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7671 vertical-align: top;
7672 }
7673 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7674 padding: 5px 10px;
7675 }
7676 .occupancy-adults-lbl {
7677 display: inline-block;
7678 margin-bottom: 5px;
7679 font-weight: bold;
7680 }
7681 .occupancy-adults-ovr > * {
7682 margin-right: 5px;
7683 }
7684 /* Occupancy Pricing Override - End */
7685 /* Crons - Start */
7686 .vbo-shell-wrap {
7687 width: 100%;
7688 -webkit-border-radius: 3px;
7689 -moz-border-radius: 3px;
7690 border-radius: 3px;
7691 }
7692 .vbo-shell-top-bar {
7693 text-align: center;
7694 color: var(--vbo-config-title-color);
7695 padding: 5px 0;
7696 margin: 0;
7697 font-size: 1.15em;
7698 border: 1px solid var(--vbo-config-border-color);
7699 border-bottom: none;
7700 -webkit-border-top-left-radius: 3px;
7701 -webkit-border-top-right-radius: 3px;
7702 -moz-border-radius-topleft: 3px;
7703 -moz-border-radius-topright: 3px;
7704 border-top-left-radius: 3px;
7705 border-top-right-radius: 3px;
7706 background: var(--vbo-config-child-bg-color);
7707 }
7708 .vbo-shell-body {
7709 margin: 0;
7710 padding: 5px;
7711 list-style: none;
7712 background: #141414;
7713 color: #fff;
7714 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7715 font-size: 0.95em;
7716 line-height: 1.6em;
7717 -webkit-border-bottom-right-radius: 3px;
7718 -webkit-border-bottom-left-radius: 3px;
7719 -moz-border-radius-bottomright: 3px;
7720 -moz-border-radius-bottomleft: 3px;
7721 border-bottom-right-radius: 3px;
7722 border-bottom-left-radius: 3px;
7723 }
7724 .vbo-shell-body p:before {
7725 content: '$';
7726 position: absolute;
7727 left: 0;
7728 top: 0;
7729 }
7730 .vbo-shell-body span:before {
7731 content: '-';
7732 position: absolute;
7733 left: 0;
7734 top: 0;
7735 }
7736 .vbo-shell-body p, .vbo-shell-body span {
7737 word-wrap: break-word;
7738 position: relative;
7739 padding: 0 0 0 15px;
7740 display: block;
7741 margin: 2px 0 4px 0;
7742 }
7743 .vbo-cronexec-log {
7744 margin-top: 5px;
7745 }
7746 .vbo-cronexec-log pre {
7747 background: #141414 none repeat scroll 0 0;
7748 border-radius: 0;
7749 color: #fff;
7750 padding: 0;
7751 }
7752 /* Crons - End */
7753 /* Graphs & Statistics - Start */
7754 .vbo-stats-wrapper {
7755 background: var(--vbo-main-bg-color);
7756 padding: 20px 12px;
7757 }
7758 .vbo-stats-wrapper .adminform .adminlegend {
7759 font-weight: bold;
7760 width: 100%;
7761 margin-bottom: 20px;
7762 }
7763 .vbo-graph-bottom-wrapper {
7764 margin-top: 35px;
7765 }
7766 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
7767 display: flex;
7768 flex-wrap: wrap;
7769 }
7770 .vbo-graph-top-left, .vbo-graph-bottom-left {
7771 flex: 1;
7772 margin-right: 20px;
7773 }
7774 .vbo-graph-top-right, .vbo-graph-bottom-right {
7775 flex-basis: 25%;
7776 }
7777 .vbo-graphstats-left {
7778 background: var(--vbo-config-bg-color);
7779 padding: 30px;
7780 border-radius: 16px;
7781 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7782 }
7783 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
7784 width: 100% !important;
7785 }
7786 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
7787 height: 250px;
7788 }
7789 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
7790 background: var(--vbo-config-bg-color);
7791 padding: 20px;
7792 border-radius: 16px;
7793 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7794 margin-bottom: 15px;
7795 }
7796 .vbo-graph-top-right .vbo-graphstats-thirdright {
7797 border-bottom: 2px solid var(--vbo-base-color);
7798 }
7799 .vbo-graphstats-thirdright {
7800 margin-top: 25px;
7801 }
7802 .vbo-graphstats-thirdright > p {
7803 font-weight: bold;
7804 padding: 0;
7805 text-align: right;
7806 }
7807 .vbo-graphstats-thirdright > p:first-child {
7808 padding-top: 10px;
7809 }
7810 .vbo-graphstats-thirdright > p i {
7811 font-size: 11px;
7812 }
7813 .vbo-graphstats-thirdright p span {
7814 display: inline-block;
7815 min-width: 155px;
7816 float: left;
7817 text-align: left;
7818 }
7819 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
7820 text-align: center;
7821 margin-top: 0;
7822 margin-bottom: 10px;
7823 border-bottom: 1px solid var(--vbo-basic-btn);
7824 padding-bottom: 10px;
7825 }
7826 .vbo-graph-bottom-right h4 {
7827 text-align: center;
7828 margin-top: 0;
7829 margin-bottom: 10px;
7830 border-bottom: 1px solid var(--vbo-basic-btn);
7831 padding-bottom: 0;
7832 }
7833 .vbo-graphstats-countries {
7834 padding-bottom: 10px;
7835 }
7836 .vbo-graphstats-country-wrap {
7837 display: inline-block;
7838 width: 100%;
7839 margin: 2px 0;
7840 }
7841 .vbo-graphstats-country-wrap > span {
7842 vertical-align: middle;
7843 }
7844 .vbo-graphstats-country-img {
7845 display: inline-block;
7846 margin-right: 5px;
7847 }
7848 .vbo-graphstats-country-name {
7849 display: inline-block;
7850 font-weight: bold;
7851 min-width: 120px;
7852 margin-right: 5px;
7853 }
7854 .vbo-graphstats-country-totb.badge {
7855 display: inline-block;
7856 float: right;
7857 background-color: transparent;
7858 border: 2px solid var(--vbo-config-text-color-light);
7859 color: var(--vbo-config-titles-color-light);
7860 border-radius: 50px;
7861 }
7862 .vbo-graphstats-mod-containers {
7863 display: flex;
7864 flex-wrap: wrap;
7865 justify-content: center;
7866 }
7867 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
7868 flex-basis: 50%;
7869 }
7870 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
7871 background: var(--vbo-config-bg-color);
7872 padding: 20px;
7873 border-radius: 16px;
7874 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7875 margin-bottom: 15px;
7876 margin-right: 5px;
7877 }
7878 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
7879 font-weight: bold;
7880 color: var(--vbo-config-titles-color-light);
7881 margin-bottom: 10px;
7882 }
7883 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
7884 font-size: 26px;
7885 font-weight: bold;
7886 }
7887 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
7888 font-size: 13px;
7889 display: inline-block;
7890 vertical-align: top;
7891 color: var(--vbo-config-titles-color-light);
7892 }
7893 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
7894 font-size: 14px;
7895 display: inline-block;
7896 vertical-align: top;
7897 }
7898 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
7899 color: var(--vbo-green-color);
7900 }
7901 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
7902 color: var(--vbo-red-color);
7903 }
7904 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
7905 text-align: center;
7906 }
7907 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
7908 display: inline-block;
7909 text-align: center;
7910 margin: 10px 0 0;
7911 padding: 10px 0;
7912 width: 100%;
7913 }
7914 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
7915 display: inline-block;
7916 margin: 3px 7px;
7917 font-weight: bold;
7918 }
7919 #vbo-graphstats-left-legend ul.line-legend li {
7920 border: 1px solid var(--vbo-config-border-color);
7921 border-radius: 20px;
7922 padding: 10px 12px;
7923 }
7924 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
7925 display: inline-block;
7926 float: left;
7927 height: 15px;
7928 margin: 0 10px 0 0;
7929 width: 15px;
7930 border-radius: 4px;
7931 font-weight: bold;
7932 }
7933 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
7934 text-align: center;
7935 }
7936 #vbo-graphstats-right-legend-nights ul.pie-legend {
7937 display: flex;
7938 margin: 10px 0 0;
7939 padding: 0;
7940 width: 100%;
7941 -ms-flex-wrap: wrap;
7942 -webkit-flex-wrap: wrap;
7943 flex-wrap: wrap;
7944 }
7945 #vbo-graphstats-right-legend ul.pie-legend {
7946 display: flex;
7947 margin: 10px 0 0;
7948 padding: 0;
7949 width: 100%;
7950 -ms-flex-wrap: wrap;
7951 -webkit-flex-wrap: wrap;
7952 flex-wrap: wrap;
7953 }
7954 #vbo-graphstats-right-legend-nights ul.pie-legend li {
7955 display: inline-block;
7956 margin: 3px 7px;
7957 -ms-flex: 0 0 45%;
7958 -webkit-flex: 0 0 45%;
7959 flex: 0 0 45%;
7960 text-align: left;
7961 font-weight: bold;
7962 }
7963 #vbo-graphstats-right-legend ul.pie-legend li {
7964 display: inline-block;
7965 margin: 3px 7px;
7966 -ms-flex: 0 0 45%;
7967 -webkit-flex: 0 0 45%;
7968 flex: 0 0 45%;
7969 text-align: left;
7970 font-weight: bold;
7971 }
7972 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
7973 display: inline-block;
7974 float: left;
7975 height: 15px;
7976 margin: 0 10px 0 0;
7977 width: 15px;
7978 border-radius: 4px;
7979 font-weight: bold;
7980 }
7981 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
7982 display: inline-block;
7983 float: left;
7984 height: 15px;
7985 margin: 0 10px 0 0;
7986 width: 15px;
7987 border-radius: 4px;
7988 }
7989 .vbo-graphstats-legend-sub {
7990 display: inline-block;
7991 font-size: smaller;
7992 margin-left: 3px;
7993 }
7994 .vbo-graph-introtitle {
7995 display: block;
7996 font-weight: bold;
7997 margin-bottom: 10px;
7998 text-align: center;
7999 }
8000 .vbo-graph-introtitle span {
8001 font-size: 18px;
8002 color: var(--vbo-config-title-color);
8003 }
8004 .vbo-graphstats-thirdright-nights-bestworst {
8005 padding: 0;
8006 }
8007 .vbo-graphstats-thirdright-nights-bestworst > span {
8008 font-weight: bold;
8009 display: block;
8010 }
8011 .vbo-chart-icon-negative {
8012 color: var(--vbo-red-color);
8013 }
8014 .vbo-chart-icon-positive {
8015 color: var(--vbo-green-color);
8016 }
8017
8018 /* Graphs & Statistics - End */
8019 /* Invoices - Start */
8020 .vbo-invoices-wrapper {
8021 display: block;
8022 overflow: hidden;
8023 padding: 15px;
8024 margin-bottom: 20px;
8025 background: var(--vbo-config-child-bg-color);
8026 }
8027 .vbo-invoices-inv-container {
8028 position: relative;
8029 margin: 10px;
8030 width: 300px;
8031 height: 235px;
8032 z-index : 1;
8033 float:left;
8034 background: var(--vbo-config-bg-color);
8035 box-shadow: 0 0 10px rgba(0,0,0,.08);
8036 border: 1px solid var(--vbo-basic-btn);
8037 border-radius: 5px;
8038 -webkit-perspective: 1000;
8039 perspective: 1000;
8040 }
8041 .vbo-invoices-inv-inner {
8042 cursor: pointer;
8043 width: 100%;
8044 height: 100%;
8045 -webkit-transform-style: preserve-3d;
8046 -webkit-transition: all 0.7s linear;
8047 transform-style: preserve-3d;
8048 transition: all 0.7s linear;
8049 }
8050 .vbo-invoices-inv-container.vbo-invoice-active {
8051 border: 1px solid var(--vbo-base-color);
8052 }
8053 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8054 -webkit-transform: rotateY(180deg);
8055 transform: rotateY(180deg);
8056 }
8057 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8058 padding: 8px 15px;
8059 box-shadow: none;
8060 border-color: var(--vbo-config-border-color);
8061 }
8062 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8063 background-color: var(--vbo-light-color-btn);
8064 }
8065 .vbo-invoices-inv-face {
8066 position: absolute;
8067 width: 100%;
8068 height: 100%;
8069 backface-visibility: hidden;
8070 -webkit-backface-visibility: hidden;
8071 }
8072 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8073 display: flex;
8074 flex-wrap: wrap;
8075 display: block;
8076 -webkit-transform: rotateY(180deg);
8077 transform: rotateY(180deg);
8078 box-sizing: border-box;
8079 text-align: center;
8080 background-color: var(--vbo-config-bg-color);
8081 border-radius: 5px;
8082 }
8083 .vbo-invoices-inv-frontright {
8084 overflow: hidden;
8085 padding: 10px;
8086 }
8087 .vbo-invoices-inv-entry {
8088 display: block;
8089 margin-bottom: 5px;
8090 }
8091 .vbo-invoices-inv-entry-custname {
8092 margin-top: 5px;
8093 }
8094 .vbo-invoices-inv-entry-lbl {
8095 display: inline-block;
8096 margin-right: 5px;
8097 font-weight: bold;
8098 }
8099 .vbo-invoices-inv-entry-val {
8100 display: inline-block;
8101 vertical-align: top;
8102 }
8103 .vbo-invoices-inv-ckbox {
8104 position: absolute;
8105 top: 5px;
8106 left: 5px;
8107 margin: 1px;
8108 }
8109 .vbo-invoices-inv-back-commands {
8110 margin:10px 0;
8111 }
8112 .vbo-invoices-inv-back-commands .btn {
8113 margin:2px;
8114 }
8115 .vbo-invoices-inv-back-entries {
8116 background: var(--vbo-basic-btn-hover);
8117 border-top:1px solid var(--vbo-config-border-color);
8118 padding: 10px 20px;
8119 font-size: 12px;
8120 width: auto;
8121 display: inline-block;
8122 border-radius: 4px;
8123 margin: 2px;
8124 text-align: left;
8125 }
8126 .vbo-invoices-inv-entry-val small {
8127 font-size: 12px;
8128 }
8129 .vbo-invoices-inv-entry-val .label {
8130 margin-left: 3px;
8131 }
8132 .vbo-invoices-inv-frontleft {
8133 position: relative;
8134 }
8135 .vbo-invoices-inv-totals {
8136 position: absolute;
8137 bottom: 2px;
8138 width: calc(100% - 10px);
8139 display: flex;
8140 flex-wrap: wrap;
8141 padding: 6px;
8142 box-sizing: border-box;
8143 border: 1px solid var(--vbo-config-border-color);
8144 margin: 5px;
8145 border-radius: 4px;
8146 }
8147 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8148 font-weight: bold;
8149 margin-right: 5px;
8150 }
8151 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8152 margin-left: auto;
8153 }
8154 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8155 padding: 2px 6px;
8156 }
8157 /* Invoices - End */
8158 /* Snapshot - Start */
8159 .vbo-info-overlay-snapshot {
8160 position: fixed;
8161 left: 50%;
8162 top: 50%;
8163 transform: translate(-50%, -50%);
8164 width: 40%;
8165 height: 60%;
8166 z-index: 101;
8167 padding: 20px;
8168 border-radius: 5px;
8169 background-color: var(--vbo-config-bg-color);
8170 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8171 }
8172 .vbo-info-overlay-snapshot-controls {
8173 display: block;
8174 text-align: center;
8175 }
8176 .vbo-info-overlay-snapshot-controls button {
8177 margin: 0 5px;
8178 }
8179 .vbo-info-overlay-snapshot-controls button i {
8180 margin-right: 5px;
8181 }
8182 .vbo-info-overlay-snapshot-movie {
8183 display: block;
8184 text-align: center;
8185 overflow: auto;
8186 margin: 10px auto;
8187 }
8188 .vbo-cur-idscan {
8189 display: inline-block;
8190 background: var(--vbo-main-bg-color);
8191 padding: 10px 15px;
8192 border-radius: 2px;
8193 border: 1px solid var(--vbo-config-border-color);
8194 color: var(--vbo-config-title-color);
8195 white-space: nowrap;
8196 overflow: hidden;
8197 text-overflow: ellipsis;
8198 max-width: 120px;
8199 margin: 0px 0 0px 10px;
8200 vertical-align: top;
8201 }
8202
8203 /* Snapshot - End */
8204 /* Draggable Elements - Start */
8205 .vbo-draggable-sp {
8206 width: 98%;
8207 cursor: move;
8208 }
8209 .vbo-dragging-sp {
8210 border-radius: 8px;
8211 border: 1px dashed var(--vbo-config-title-color);
8212 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8213 }
8214 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8215 border-right: 0;
8216 border-radius: 0;
8217 }
8218 .vbo-dragging-cells-tmp {
8219 border-radius: 8px;
8220 border: 1px dashed var(--vbo-config-bg-color);
8221 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8222 }
8223 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8224 margin: 0 !important;
8225 }
8226 .vbo-dragged-cells-tmp {
8227 border-radius: 8px;
8228 border: 1px dashed var(--vbo-config-bg-color);
8229 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8230 animation: Vikshake 0.5s ease-in-out;
8231 -webkit-animation: Vikshake 0.5s ease-in-out;
8232 -moz-animation: Vikshake 0.5s ease-in-out;
8233 }
8234 @keyframes Vikshake {
8235 0% {
8236 transform: translateX(0);
8237 }
8238 20% {
8239 transform: translateX(-10px);
8240 }
8241 40% {
8242 transform: translateX(10px);
8243 }
8244 60% {
8245 transform: translateX(-10px);
8246 }
8247 80% {
8248 transform: translateX(10px);
8249 }
8250 100% {
8251 transform: translateX(0);
8252 }
8253 }
8254 @-webkit-keyframes Vikshake {
8255 0% {
8256 transform: translateX(0);
8257 }
8258 20% {
8259 transform: translateX(-10px);
8260 }
8261 40% {
8262 transform: translateX(10px);
8263 }
8264 60% {
8265 transform: translateX(-10px);
8266 }
8267 80% {
8268 transform: translateX(10px);
8269 }
8270 100% {
8271 transform: translateX(0);
8272 }
8273 }
8274 @-moz-keyframes Vikshake {
8275 0% {
8276 transform: translateX(0);
8277 }
8278 20% {
8279 transform: translateX(-10px);
8280 }
8281 40% {
8282 transform: translateX(10px);
8283 }
8284 60% {
8285 transform: translateX(-10px);
8286 }
8287 80% {
8288 transform: translateX(10px);
8289 }
8290 100% {
8291 transform: translateX(0);
8292 }
8293 }
8294 .vboverviewtable > * {
8295 -webkit-touch-callout: none;
8296 -webkit-user-select: none;
8297 -moz-user-select: none;
8298 -ms-user-select: none;
8299 }
8300 table.vboverviewtable td.vbo-overv-avcell {
8301 position: relative;
8302 }
8303 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8304 min-width: 80px;
8305 max-width: 80px;
8306 height: 50px;
8307 }
8308 table.vboverviewtable th, table.vboverviewtable td {
8309 -moz-box-sizing: border-box;
8310 -webkit-box-sizing: border-box;
8311 box-sizing: border-box;
8312 border-right: 1px solid var(--vbo-config-border-color);
8313 border-bottom: 1px solid var(--vbo-config-border-color);
8314 }
8315 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8316 padding: 10px;
8317 }
8318 table.vboverviewtable tr:last-child td {
8319 border-bottom: 0;
8320 }
8321 table.vboverviewtable td:last-child {
8322 border-right: 0;
8323 }
8324 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8325 position: relative;
8326 }
8327 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8328 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8329 position: absolute;
8330 top: 50%;
8331 left: 50%;
8332 transform: translate(-50%, -50%);
8333 overflow: auto;
8334 text-align: center;
8335 }
8336 .vbo-overv-row-snake td {
8337 padding-bottom: 16px;
8338 vertical-align: bottom;
8339 }
8340 .vboverviewtablerow .vbo-checkinday span {
8341 margin-top: -2px;
8342 display: block;
8343 }
8344 .vboverviewtablerow-subunit td {
8345 position: relative;
8346 }
8347 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8348 position: absolute;
8349 }
8350 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8351 top: auto;
8352 left: auto;
8353 right: 3px;
8354 bottom: 1px;
8355 transform: none;
8356 cursor: pointer;
8357
8358 visibility: hidden;
8359 }
8360 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8361 top: auto;
8362 left: auto;
8363 right: 3px;
8364 bottom: 0;
8365 transform: none;
8366 }
8367 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8368 animation: 1s vbonotefadeIn;
8369 animation-fill-mode: forwards;
8370 }
8371
8372 @keyframes vbonotefadeIn {
8373 99% {
8374 visibility: hidden;
8375 }
8376 100% {
8377 visibility: visible;
8378 }
8379 }
8380 .vbo-roomdaynote-full:before {
8381 content: "";
8382 width: 100%;
8383 height: 3px;
8384 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);;
8385 position: absolute;
8386 bottom: 0;
8387 left: 0;
8388 }
8389 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8390 height: 19px;
8391 }
8392 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8393 content: attr(data-notes);
8394 color: #fff;
8395 font-size: 12px;
8396 position: absolute;
8397 bottom: 1px;
8398 left: 4px;
8399 width: max-content;
8400 z-index: 1;
8401 max-width: 200px;
8402 white-space: nowrap;
8403 overflow: hidden;
8404 text-overflow: ellipsis;
8405 }
8406 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8407 color: var(--vbo-base-color);
8408 font-size: 14px;
8409 }
8410 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8411 color: var(--vbo-base-color-hover);
8412 opacity: .8;
8413 }
8414 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8415 color: var(--vbo-config-bg-color);
8416 }
8417 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8418 color: var(--vbo-base-color-hover);
8419 }
8420 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8421 opacity: .8;
8422 }
8423 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8424 color: var(--vbo-config-bg-color);
8425 }
8426 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8427 color: #fff;
8428 z-index: 10;
8429 }
8430 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8431 color: #b8d5f5;
8432 }
8433 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8434 width: calc(70% - 15px);
8435 }
8436 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8437 width: calc(34% - 20px);
8438 }
8439 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8440 width: calc(34% - 10px);
8441 }
8442 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8443 width: 40px;
8444 text-overflow: ellipsis;
8445 overflow: hidden;
8446 text-align: left;
8447 }
8448 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8449 width: 110px;
8450 text-overflow: ellipsis;
8451 overflow: hidden;
8452 text-align: left;
8453 }
8454 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8455 width: 190px;
8456 text-overflow: ellipsis;
8457 overflow: hidden;
8458 text-align: left;
8459 }
8460 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8461 width: auto !important;
8462 }
8463 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8464 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8465 width: 50%;
8466 }
8467 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8468 display: none;
8469 }
8470 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8471 display: inline-block;
8472 margin-left: 5px;
8473 }
8474 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8475 font-weight: bold;
8476 }
8477 .vbo-modal-roomdaynotes-addnew {
8478 border: 1px solid var(--vbo-config-border-color);
8479 padding: 10px 20px 20px;
8480 border-radius: 4px;
8481 background: var(--vbo-config-child-bg-color);
8482 }
8483 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8484 margin: 10px 0;
8485 }
8486 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8487 display: block;
8488 margin-bottom: 5px;
8489 }
8490 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8491 width: 100% !important;
8492 box-sizing: border-box;
8493 min-height: 80px;
8494 }
8495 tr.vboverviewtablerow-subunit {
8496 display: none;
8497 }
8498 .vbo-info-overlay-content-fests {
8499 padding: 0;
8500 }
8501 .vbo-info-overlay-content-fests > h3 {
8502 padding-top: 15px;
8503 padding-bottom: 15px;
8504 }
8505 .vbo-overlay-fests-list {
8506 padding: 10px 30px;
8507 }
8508 .vbo-overlay-fest-details {
8509 display: flex;
8510 margin: 4px 0 15px;
8511 padding: 10px;
8512 border: 1px solid var(--vbo-config-border-color);
8513 border-radius: 4px;
8514 }
8515 .vbo-roverw-roomdaynotes-title {
8516 font-size: 15px;
8517 margin-bottom: 7px;
8518 }
8519 .vbo-roverv-roomdaynotes-note-details {
8520 border: 1px solid #bce3ec;
8521 }
8522 .vbo-overlay-fest-details .vbo-fest-info {
8523 margin-right: 15px;
8524 align-self: center;
8525 }
8526 .vbo-overlay-fest-details .vbo-fest-cmds {
8527 margin-left: auto;
8528 }
8529 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8530 margin-right: 0;
8531 }
8532 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8533 font-size: 1.1em;
8534 font-weight: bold;
8535 }
8536 .vbo-overlay-fests-addnew {
8537 margin: 0 30px 30px;
8538 border: 1px solid var(--vbo-config-border-color);
8539 padding: 15px;
8540 background: var(--vbo-config-child-bg-color);
8541 }
8542 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8543 width: 70% !important;
8544 }
8545 .vbo-info-overlay-content input#invoice_num[type="number"] {
8546 width: 115px !important;
8547 }
8548 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8549 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8550 border: 1px solid var(--vbo-config-border-color);
8551 border-radius: 2px;
8552 padding: 5px 10px;
8553 }
8554 .vbo-overlay-fests-addnew-elem textarea {
8555 width: 100%;
8556 min-height: 80px;
8557 box-sizing: border-box;
8558 }
8559 .vbo-ovrv-flt-butn {
8560 position: fixed;
8561 bottom: 40px;
8562 right: 10px;
8563 padding: 8px;
8564 border-radius: 4px;
8565 background: none repeat scroll 0 0 #02679a;
8566 color: #fff;
8567 cursor: pointer;
8568 }
8569 .vbo-ovrv-flt-butn-shake {
8570 animation: Vikshake 0.5s ease-in-out;
8571 -webkit-animation: Vikshake 0.5s ease-in-out;
8572 -moz-animation: Vikshake 0.5s ease-in-out;
8573 }
8574 span.vbo-overview-subroom-toggle {
8575 cursor: pointer;
8576 margin-left: auto;
8577 margin-right: 1px;
8578 margin-top: 5px;
8579 }
8580 span.vbo-overview-subroom-toggle i {
8581 color: var(--vbo-config-title-color);
8582 }
8583 span.vbo-overview-subroom-toggle-active i {
8584 color: var(--vbo-base-color);
8585 }
8586 .vbo-info-overlay-loading-dnd {
8587 color: var(--vbo-config-bg-color);
8588 display: block;
8589 font-size: 30px;
8590 left: 20%;
8591 position: fixed;
8592 text-align: center;
8593 top: 20%;
8594 width: 60%;
8595 padding: 30px;
8596 z-index: 101;
8597 background: var(--vbo-config-title-color);
8598 border-radius: 20px;
8599 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8600 }
8601 .vbo-loading-dnd-head {
8602 display: block;
8603 font-weight: bold;
8604 }
8605 .vbo-loading-dnd-body {
8606 display: block;
8607 font-size: smaller;
8608 margin-top: 30px;
8609 }
8610 .vbo-loading-dnd-response {
8611 background: var(--vbo-body-text-color);
8612 border-radius: 8px;
8613 display: block;
8614 font-size: 15px;
8615 margin: 15px auto 0;
8616 padding: 25px;
8617 }
8618 .vbo-loading-dnd-footer {
8619 display: block;
8620 font-size: smaller;
8621 margin-top: 30px;
8622 }
8623 #vbo-dnd-response form {
8624 margin-top: 10px;
8625 }
8626 #vbo-dnd-canvas-success {
8627 height: 100px;
8628 }
8629 /* Draggable Elements - End */
8630 /* Overview Tooltip - Start */
8631 .vbo-overview-tipblock {
8632 bottom: 0;
8633 color: var(--vbo-body-text-color);
8634 max-height: 400px;
8635 min-height: 140px;
8636 overflow: auto;
8637 position: absolute;
8638 right: 0;
8639 width: 400px;
8640 z-index: 1001;
8641 }
8642 .vbo-overview-tipblock-expanded {
8643 width: 800px;
8644 min-height: 240px;
8645 right: 0;
8646 }
8647 .vbo-overview-tipexpander {
8648 position: absolute;
8649 top: 1px;
8650 left: 1px;
8651 }
8652 .vbo-overview-expandtoggle {
8653 display: inline-block;
8654 width: 26px;
8655 height: 26px;
8656 line-height: 24px;
8657 color: #fff;
8658 background: #666;
8659 text-align: center;
8660 border-radius: 2px;
8661 font-size: 14px;
8662 cursor: pointer;
8663 }
8664 .vbo-overview-expandtoggle:hover {
8665 background: #999;
8666 }
8667 .vbo-overview-tipinner {
8668 display: block;
8669 padding: 10px 0 0 5px;
8670 }
8671 .vbo-overview-tiploading {
8672 display: block;
8673 font-weight: bold;
8674 background-color: rgba(255,255,255, .9);
8675 padding: 10px 15px;
8676 border-radius: 3px;
8677 box-shadow: 0 0 10px rgba(0,0,0,.1);
8678 }
8679 .vbo-overview-tip-bookingcont {
8680 margin: 4px 0;
8681 position: relative;
8682 display: flex;
8683 font-size: 12px;
8684 box-shadow: 0 0 10px rgba(0,0,0,.1);
8685 }
8686 .vbo-overview-tip-bookingcont:first-child {
8687 margin-top: 0;
8688 }
8689 .vbo-overview-tip-bookingcont:last-child {
8690 margin-bottom: 0;
8691 }
8692 .vbo-overview-tip-bookingcont-left {
8693 flex-basis: 35%;
8694 display: inline-block;
8695 vertical-align: top;
8696 text-align: left;
8697 background-color: rgba(232,235,240, .9);
8698 padding: 15px 20px;
8699 border-top-left-radius: 3px;
8700 border-bottom-left-radius: 3px;
8701 }
8702 .vbo-overview-tip-bookingcont-right {
8703 flex: 1;
8704 display: inline-block;
8705 vertical-align: top;
8706 text-align: left;
8707 background-color: rgba(255,255,255, .9);
8708 padding: 10px 20px;
8709 border-top-right-radius: 3px;
8710 border-bottom-right-radius: 3px;
8711 }
8712 .vbo-overview-tip-bookingcont-right > div,
8713 .vbo-overview-tip-bookingcont-left > div {
8714 margin: 5px 0;
8715 line-height: 1.3em;
8716 white-space: break-spaces;
8717 }
8718 .vbo-overview-tip-bookingcont span {
8719 margin-top: 0 !important;
8720 position: relative !important;
8721 left: auto !important;
8722 top: auto !important;
8723 transform: initial !important;
8724 text-align: left !important;
8725 overflow: initial !important;
8726 }
8727 .vbo-overview-tip-bookingcont-total {
8728 border-top: 1px solid var(--vbo-config-border-color);
8729 text-align: right;
8730 font-size: 13px;
8731 padding-top: 2px;
8732 }
8733 .vbo-overview-tip-cnt .vbo-channelimg-small {
8734 max-width: 70px;
8735 }
8736 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
8737 float: inherit;
8738 padding-left: 5px;
8739 vertical-align: bottom;
8740 }
8741 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
8742 font-weight: bold;
8743 display: block;
8744 color: var(--vbo-config-titles-color-light);
8745 text-transform: uppercase;
8746 font-size: 11px;
8747 }
8748 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
8749 float: right;
8750 }
8751 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
8752 display: inline-block;
8753 margin-right: 3px;
8754 }
8755 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
8756 font-weight: bold;
8757 display: inline-block;
8758 }
8759 .vbo-overview-tip-optindexes select {
8760 max-width: 180px !important;
8761 }
8762 .vbo-overview-tip-bstatus .label {
8763 background: transparent !important;
8764 padding: 0;
8765 font-size: inherit;
8766 line-height: auto;
8767 text-transform: uppercase;
8768 }
8769 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
8770 background: transparent !important;
8771 color: var(--vbo-green-color) !important;
8772 }
8773 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
8774 color: var(--vbo-warning-color) !important;
8775 background: transparent !important;
8776 }
8777 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
8778 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
8779 color: var(--vbo-red-color) !important;
8780 background: transparent !important;
8781 }
8782 .vbo-overview-tip-lbl .tooltip {
8783 min-width: 140px !important;
8784 }
8785 .vbo-overview-tip-bctag-wrap {
8786 z-index: 10;
8787 margin: 15px 0 0;
8788 position: relative;
8789 }
8790 .vbo-overview-tip-bctag {
8791 background-color: var(--vbo-config-bg-color);
8792 border: 1px solid var(--vbo-config-border-color);
8793 border-radius: 4px;
8794 cursor: pointer;
8795 height: 22px;
8796 width: 22px;
8797 text-align: center;
8798 vertical-align: top;
8799 font-size: 10px !important;
8800 line-height: 25px !important;
8801 }
8802 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
8803 margin: 0;
8804 }
8805 .vbo-overview-tip-bctag i[class^="vboicn-"] {
8806 margin-right: 0;
8807 }
8808 .vbo-overview-tip-bctag-subtip {
8809 background-color: var(--vbo-config-bg-color);
8810 left: 37px;
8811 position: absolute;
8812 top: -9px;
8813 width: 250px;
8814 z-index: 1000001;
8815 padding: 7px;
8816 box-shadow: 0 4px 4px rgba(0,0,0, .3);
8817 border-radius: 2px;
8818 }
8819 .vbo-overview-tip-bctag-subtip:before {
8820 content: "";
8821 position: absolute;
8822 top:50%;
8823 left: -8px;
8824 transform: translate(0, -50%);
8825 width: 0;
8826 height: 0;
8827 border-style: solid;
8828 border-width: 5px 8px 5px 0;
8829 border-color: transparent #fff transparent transparent;
8830 }
8831 .vbo-overview-tip-bctag-subtip-circle {
8832 border-radius: 50%;
8833 display: inline-block;
8834 height: 16px;
8835 margin: 2px;
8836 width: 16px;
8837 cursor: pointer;
8838 padding: 1px;
8839 border: 1px solid var(--vbo-config-bg-color);
8840 }
8841 .vbo-overview-tip-bctag-subtip-circle > div {
8842 width: 100%;
8843 height: 100%;
8844 border-radius: 50%;
8845 }
8846
8847 .vbo-blist-tip-bctag-subtip {
8848 position: relative;
8849 }
8850 .vbo-blist-tip-bctag-subtip-inner {
8851 background-color: var(--vbo-config-bg-color);
8852 left: 50%;
8853 position: absolute;
8854 top: 0;
8855 width: 250px;
8856 z-index: 99;
8857 padding: 7px;
8858 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
8859 border-radius: 4px;
8860 transform: translate(-50%, 0%);
8861 }
8862 .vbo-blist-tip-bctag-subtip-circle {
8863 border-radius: 50%;
8864 display: inline-block;
8865 height: 16px;
8866 margin: 2px;
8867 width: 16px;
8868 cursor: pointer;
8869 padding: 1px;
8870 border: 1px solid #fff;
8871 }
8872 .vbo-blist-tip-bctag-subtip-circle > div {
8873 width: 100%;
8874 height: 100%;
8875 border-radius: 50%;
8876 }
8877 .vbo-overview-tagslegend {
8878 display: inline-block;
8879 margin-top: 5px;
8880 }
8881 .vbo-overview-legend-tag {
8882 float: left;
8883 margin-right: 4px;
8884 }
8885 .vbo-overview-tagslegend-lbl {
8886 display: inline-block;
8887 font-size: 12px;
8888 float: left;
8889 font-weight: bold;
8890 margin-right: 5px;
8891 }
8892 /* Overview Tooltip - End */
8893 /* Booking Checkin - Start */
8894 .vbo-bookdet-container {
8895 padding: 15px 20px 5px;
8896 background: var(--vbo-config-bg-color);
8897 border: 1px solid var(--vbo-basic-btn);
8898 box-shadow: 0 0 10px rgba(0,0,0,.1);
8899 margin-bottom: 20px;
8900 border-radius: 4px;
8901 text-align: left;
8902 box-sizing: border-box;
8903 }
8904 .vbo-bookdet-wrap {
8905 display: inline-block;
8906 margin: 0 10px 10px 10px;
8907 min-width: 50px;
8908 vertical-align: top;
8909 border-right: 1px solid var(--vbo-config-border-color);
8910 padding-right: 20px;
8911 }
8912 .vbo-bookdet-wrap:last-child {
8913 border: 0;
8914 }
8915 .vbo-bookdet-head {
8916 color: var(--vbo-config-titles-color-light);
8917 margin: 0;
8918 overflow-wrap: break-word;
8919 padding: 3px 0;
8920 text-align: left;
8921 position: relative;
8922 font-weight: bold;
8923 text-transform: uppercase;
8924 font-size: 11px;
8925 }
8926 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
8927 margin-left: 5px;
8928 }
8929 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
8930 margin-right: 5px !important;
8931 }
8932 .vbo-bookdet-foot {
8933 font-size: 16px;
8934 font-weight: bold;
8935 overflow-wrap: break-word;
8936 text-align: left;
8937 padding: 3px 0;
8938 }
8939 .vbo-customer-info-box {
8940 display: inline-block;
8941 }
8942 .vbo-customer-info-box .vbo-customer-info-box-avatar {
8943 margin-right: 3px;
8944 vertical-align: middle;
8945 display: inline-block;
8946 }
8947 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
8948 border-radius: 50%;
8949 display: inline-block;
8950 cursor: pointer;
8951 object-fit: cover;
8952 }
8953 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
8954 width: 30px;
8955 height: 30px;
8956 object-fit: cover;
8957 }
8958 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
8959 width: 48px;
8960 height: 48px;
8961 object-fit: cover;
8962 }
8963 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
8964 width: 64px;
8965 height: 64px;
8966 object-fit: cover;
8967 }
8968 .vbo-customer-info-box .vbo-customer-info-box-name {
8969 display: inline-block;
8970 vertical-align: middle;
8971 }
8972 .vbo-bookdet-foot .btn-primary {
8973 border: var(--vbo-base-color);
8974 padding: 3px 12px;
8975 font-weight: bold;
8976 }
8977 .vbo-bookdet-foot .label {
8978 padding: 5px 14px !important;
8979 font-size: 12px;
8980 border-radius: 24px;
8981 letter-spacing: .3px;
8982 }
8983 .vbo-label-overbooking {
8984 cursor: pointer;
8985 }
8986 .vbo-label-overbooking:hover {
8987 background-color: var(--vbo-red-color-hover) !important;
8988 }
8989 .vbo-label-nested.vbo-label-overbooking {
8990 padding: 3px 5px !important;
8991 font-weight: 500;
8992 line-height: 12px;
8993 font-size: 11px;
8994 }
8995 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
8996 padding: 4px 12px;
8997 font-size: 13px;
8998 }
8999 .vbo-bookdet-foot .vbo-dorefund-btn {
9000 position: relative;
9001 }
9002 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
9003 content: attr(data-totrefunds);
9004 position: absolute;
9005 background-color: var(--vbo-config-bg-color);
9006 color: var(--vbo-config-title-color);
9007 font-weight: bold;
9008 font-size: 13px;
9009 border-radius: 4px;
9010 text-align: center;
9011 padding: 1px 4px;
9012 top: -8px;
9013 border: 2px solid var(--vbo-red-color);
9014 right: -12px;
9015 box-shadow: 0 2px 4px rgba(0,0,0,.15);
9016 }
9017 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9018 padding: 15px 20px 5px;
9019 background: var(--vbo-config-bg-color);
9020 border: 1px solid var(--vbo-main-bg-color);
9021 box-shadow: 0 0 10px rgba(0,0,0,.1);
9022 margin-bottom: 5px;
9023 border-radius: 4px;
9024 text-align: left;
9025 box-sizing: border-box;
9026 }
9027 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9028 padding: 10px 20px 10px;
9029 }
9030 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9031 display: inline-block;
9032 }
9033 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9034 font-weight: bold;
9035 }
9036 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9037 display: inline-block;
9038 }
9039 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9040 padding: 8px 11px;
9041 margin-left: 15px;
9042 }
9043 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9044 padding: 10px 20px 10px;
9045 display: flex;
9046 flex-wrap: wrap;
9047 }
9048 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9049 display: inline-block;
9050 align-self: center;
9051 }
9052 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9053 display: inline-block;
9054 vertical-align: top;
9055 margin-left: 15px;
9056 flex: 1;
9057 }
9058 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9059 margin-bottom: 5px
9060 }
9061 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9062 margin-bottom: 0;
9063 }
9064 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9065 font-weight: bold;
9066 font-size: 1.1em;
9067 }
9068 .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 {
9069 display: block;
9070 }
9071 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9072 font-style: italic;
9073 }
9074 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9075 width: 100%;
9076 display: inline-block;
9077 border-bottom: 1px solid var(--vbo-config-border-color);
9078 padding: 20px 0 0;
9079 margin-bottom: -5px;
9080 }
9081 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9082 float: left;
9083 text-align: center;
9084 color: var(--vbo-config-titles-color-light);
9085 }
9086 .vbo-bookingdet-innercontainer {
9087 display: flex;
9088 -ms-flex-wrap: wrap;
9089 -webkit-flex-wrap: wrap;
9090 flex-wrap: wrap;
9091 }
9092 .vbo-bookingdet-innercontainer > div {
9093 padding: 18px;
9094 }
9095 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9096 background: var(--vbo-config-bg-color);
9097 padding: 15px;
9098 border-radius: 8px;
9099 margin: 10px 0;
9100 position: relative;
9101 }
9102 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9103 margin-top: 0;
9104 }
9105 .vbo-bookingdet-admin-entry > span {
9106 margin-bottom: 4px;
9107 display: inline-block;
9108 font-weight: bold;
9109 color: var(--vbo-config-titles-color-light);
9110 }
9111 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9112 font-weight: bold;
9113 text-transform: uppercase;
9114 margin-bottom: 5px;
9115 }
9116 .vbo-bookingdet-detcont > div {
9117 margin: 8px 0;
9118 }
9119 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9120 margin-top: 20px;
9121 }
9122 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9123 width: 100px !important;
9124 }
9125 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9126 display: flex;
9127 width: 100%;
9128 box-sizing: border-box;
9129 padding: 5px 6px !important;
9130 font-size: 12px;
9131 }
9132 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9133 align-self: center;
9134 margin-right: 8px;
9135 }
9136 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9137 margin-left: auto;
9138 padding: 4px 10px;
9139 }
9140 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9141 background-color: transparent !important;
9142 border: 1px solid var(--vbo-blue-color);
9143 color: var(--vbo-blue-color);
9144 }
9145 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9146 background: var(--vbo-blue-color);
9147 }
9148 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9149 background-color: transparent !important;
9150 border: 1px solid var(--vbo-green-color);
9151 color: var(--vbo-green-color);
9152 }
9153 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9154 background: var(--vbo-green-color) !important;
9155 }
9156 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9157 background: var(--vbo-green-color-hover);
9158 }
9159 .vbo-bookingdet-detcont-label-review {
9160 margin-top: 20px;
9161 display: inline-block;
9162 }
9163 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9164 border: 1px solid var(--vbo-orange-color);
9165 background: var(--vbo-config-bg-color) !important;
9166 color: var(--vbo-orange-color);
9167 }
9168 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9169 color: var(--vbo-orange-color) !important;
9170 display: block;
9171 }
9172 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9173 background: transparent;
9174 }
9175 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9176 color: var(--vbo-orange-color-hover) !important;
9177 }
9178 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9179 background: var(--vbo-config-child-bg-color);
9180 }
9181 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9182 width: 100% !important;
9183 box-sizing: border-box;
9184 height: auto;
9185 }
9186 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9187 margin: 0 0 10px;
9188 vertical-align: top;
9189 display: inline-block;
9190 width: 43%;
9191 padding: 0 5px;
9192 }
9193 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9194 display: block;
9195 font-weight: bold;
9196 font-size: 1em;
9197 color: var(--vbo-config-title-color);
9198 }
9199 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9200 word-wrap: break-word;
9201 }
9202 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9203 border: 2px solid var(--vbo-red-color);
9204 }
9205 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9206 -webkit-flex: 0 0 20%;
9207 -ms-flex: 0 0 20%;
9208 flex: 0 0 20%;
9209 }
9210 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9211 -webkit-flex: 1;
9212 -ms-flex: 1;
9213 flex: 1;
9214 }
9215 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9216 font-weight: bold;
9217 }
9218 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9219 font-size: 1.2em;
9220 }
9221 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9222 -webkit-flex: 1;
9223 -ms-flex: 1;
9224 flex: 1;
9225 background: var(--vbo-config-bg-color);
9226 border-radius: 8px;
9227 margin: 18px 15px 20px;;
9228 padding: 0;
9229 }
9230 .vbo-bookingdet-noteslogs-btns {
9231 border-top-left-radius: 8px;
9232 border-top-right-radius: 8px;
9233 background: var(--vbo-config-child-bg-color);
9234 padding: 0;
9235 border-bottom: 1px solid var(--vbo-config-border-color);
9236 }
9237 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9238 display: inline-block;
9239 }
9240 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9241 margin-right: 5px;
9242 }
9243 .vbo-bookingdet-noteslogs-btn a {
9244 font-weight: bold;
9245 text-transform: uppercase;
9246 padding: 16px 20px;
9247 display: inline-block;
9248 color: var(--vbo-config-titles-color-light);
9249 }
9250 .vbo-bookingdet-noteslogs-btn-active a {
9251 border-bottom: 2px solid var(--vbo-base-color);
9252 color: var(--vbo-base-color);
9253 background: var(--vbo-config-bg-color);
9254 }
9255 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9256 border: 0;
9257 background: transparent;
9258 padding: 0;
9259 }
9260 .vbo-bookingdet-noteslogs-cont {
9261 padding: 10px;
9262 }
9263 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9264 max-width: 100%;
9265 width: 100%;
9266 box-sizing: border-box;
9267 }
9268 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9269 width: 100% !important;
9270 box-sizing: border-box;
9271 padding: 15px;
9272 background: var(--vbo-config-child-bg-color);
9273 }
9274 .vbo-booking-history-firstrow {
9275 font-size: .9em;
9276 text-transform: uppercase;
9277 font-weight: bold;
9278 color: var(--vbo-config-titles-color-light);
9279 border: 0;
9280 }
9281 .vbo-booking-history-container tbody {
9282 border: 0 !important;
9283 }
9284 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9285 font-weight: bold;
9286 }
9287 .vbo-booking-history-container > .table > tbody > tr > td {
9288 white-space: normal !important;
9289 }
9290 .vbo-editbooking-custarea textarea {
9291 height: 250px;
9292 max-height: 400px;
9293 }
9294 .vbo-bookingdet-summary .table-responsive {
9295 background: var(--vbo-config-bg-color);
9296 border-radius: 8px;
9297 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9298 }
9299 .vbo-bookingdet-summary .table {
9300 margin-bottom: 0;
9301 }
9302 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9303 border-top: 0;
9304 }
9305 .vbo-bookingdet-summary .table td {
9306 padding: 10px 15px;
9307 }
9308 .vbo-editbooking-summary-room {
9309 background: var(--vbo-config-bg-color);
9310 border-radius: 8px;
9311 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9312 margin-bottom: 20px;
9313 padding-bottom: 15px;
9314 }
9315 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9316 padding: 15px;
9317 white-space: normal;
9318 }
9319 .vbo-bookingdet-summary-room-firstcell {
9320 width: 33%;
9321 }
9322 .vbo-bookingdet-summary-roomnum {
9323 font-size: 1.4em;
9324 display: inline-block;
9325 margin: 0 0 10px;
9326 font-weight: bold;
9327 }
9328 .vbo-bookingdet-summary-roomnum i {
9329 border: 1px solid var(--vbo-config-border-color);
9330 padding: 5px;
9331 border-radius: 3px;
9332 margin-right: 6px;
9333 color: var(--vbo-config-text-color-light);
9334 font-size: 14px;
9335 }
9336 .vbo-bookingdet-summary-roomname {
9337 font-size: 1.4em;
9338 display: inline-block;
9339 font-weight: bold;
9340 }
9341 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9342 margin-top: 2px;
9343 }
9344 .vbo-wider-badges-wrap .badge {
9345 font-weight: normal;
9346 padding: 2px 6px;
9347 }
9348 .vbo-bookdet-splitstay-details {
9349 margin-top: 5px;
9350 min-width: initial;
9351 }
9352 .vbo-bookdet-splitstay-details > div {
9353 display: inline-block;
9354 }
9355 .vbo-bookdet-splitstay-details > div > span {
9356 border-right: 1px solid var(--vbo-basic-btn);
9357 }
9358 .vbo-bookdet-splitstay-details > div > span:last-child {
9359 border-right: 0;
9360 }
9361 .vbo-bookingdet-summary-room-wrap {
9362 display: flex;
9363 flex-wrap: wrap;
9364 }
9365 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9366 margin-left: auto;
9367 }
9368 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9369 float: right;
9370 }
9371 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9372 max-width: 200px;
9373 }
9374 .vbo-bookingdet-summary-roomguests {
9375 text-transform: uppercase;
9376 color: var(--vbo-config-titles-color-light);
9377 font-size: .9em;
9378 }
9379 .vbo-bookingdet-summary-roomguests > div {
9380 display: inline-block;
9381 margin-right: 4px;
9382 }
9383 .vbo-bookingdet-summary-total {
9384 background: var(--vbo-light-color-btn);
9385 font-weight: bold;
9386 }
9387 .vbo-bookingdet-summary-total > td {
9388 border-top: 2px solid var(--vbo-config-border-color);
9389 }
9390 .vbo-bookingdet-summary-totpaid {
9391 background: var(--vbo-config-child-bg-color);
9392 }
9393 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9394 color: var(--vbo-blue-color);
9395 }
9396 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9397 color: var(--vbo-red-color);
9398 }
9399 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9400 text-align: left;
9401 }
9402 .vbo-editbooking-summary-room > div {
9403 padding: 15px 15px 0;
9404 }
9405 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9406 font-weight: bold;
9407 text-transform: uppercase;
9408 }
9409 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9410 text-transform: initial;
9411 font-weight: normal;
9412 }
9413 .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 {
9414 display: inline-block;
9415 vertical-align: middle;
9416 margin: 0;
9417 }
9418 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9419 margin-right: 10px;
9420 }
9421 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9422 width: 16px;
9423 color: var(--vbo-config-text-color-light);
9424 }
9425 .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 {
9426 height: 25px;
9427 }
9428 .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 {
9429 left: 28px;
9430 }
9431 .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 {
9432 height: 20px;
9433 width: 20px;
9434 }
9435 .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 {
9436 height: 26px;
9437 }
9438 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9439 margin-top: 5px;
9440 border-top: 1px solid var(--vbo-config-border-color);
9441 padding-top: 10px;
9442 }
9443 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9444 border-top-left-radius: 8px;
9445 border-top-right-radius: 8px;
9446 background: var(--vbo-config-child-bg-color);
9447 border-bottom: 1px solid var(--vbo-config-border-color);
9448 padding-bottom: 15px;
9449 }
9450 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9451 margin-top: 8px;
9452 }
9453 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9454 margin-right: 5px;
9455 color: #999;
9456 }
9457 .vbo-editbooking-room-remove {
9458 float: right;
9459 display: inline-block;
9460 }
9461 .vbo-editbooking-summary-room > div > h4 {
9462 font-weight: bold;
9463 text-transform: uppercase;
9464 border-bottom: 1px solid var(--vbo-config-border-color);
9465 padding-bottom: 10px;
9466 }
9467 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9468 margin-right: 5px;
9469 display: inline-block;
9470 }
9471 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9472 color: var(--vbo-config-text-color-light);
9473 margin-right: 3px;
9474 }
9475 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9476 border-bottom: 0;
9477 margin-bottom: 0;
9478 }
9479 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9480 border-top: 1px solid var(--vbo-config-border-color);
9481 padding-top: 10px;
9482 }
9483 .vbo-editbooking-room-traveler-guestsinfo {
9484 padding: 0 5px;
9485 }
9486 .vbo-editbooking-room-traveler-guestsinfo > div {
9487 display: inline-block;
9488 vertical-align: top;
9489 margin: 5px 10px 5px 0;
9490 }
9491 .vbo-editbooking-room-traveler-guestsinfo > div i {
9492 color: var(--vbo-config-text-color-light);
9493 }
9494 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9495 margin-top: 36px;
9496 }
9497 .vbo-editbooking-room-traveler-guestsinfo label {
9498 display: block;
9499 font-size: 12px;
9500 font-weight: bold;
9501 color: var(--vbo-config-titles-color-light);
9502 margin-bottom: 2px;
9503 }
9504 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9505 background: var(--vbo-input-style);
9506 }
9507 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9508 display: grid;
9509 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9510 }
9511 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9512 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9513 display: inline-block;
9514 vertical-align: top;
9515 padding: 15px;
9516 margin: 5px;
9517 border-radius: 5px;
9518 border: 1px solid var(--vbo-config-border-color);
9519 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9520 }
9521 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9522 flex: 0 0 33%;
9523 }
9524 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9525 border: 1px solid var(--vbo-green-color);
9526 }
9527 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9528 flex: 0 0 33%;
9529 }
9530 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9531 display: inline-block;
9532 vertical-align: top;
9533 }
9534 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9535 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9536 color: var(--vbo-config-titles-color-light);
9537 font-weight: bold;
9538 }
9539 .vbo-editbooking-room-pricetype-cost {
9540 font-size: 18px;
9541 font-weight: bold;
9542 }
9543 .vbo-editbooking-room-pricetype-seltax {
9544 margin-top: 10px;
9545 }
9546 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9547 float: right;
9548 margin-top: 10px;
9549 }
9550 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
9551 display: block;
9552 margin-top: 10px;
9553 }
9554 .vbo-editbooking-room-pricetype-older-inner {
9555 display: inline-block;
9556 }
9557 .vbo-editbooking-room-pricetype-older-inner label {
9558 margin-bottom: 3px;
9559 }
9560 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
9561 font-size: 15px;
9562 }
9563 .vbo-editbooking-room-pricetype-check-older {
9564 display: inline-block;
9565 float: right;
9566 }
9567 .vbo-editbooking-room-service-price {
9568 font-size: 16px;
9569 font-weight: bold;
9570 }
9571 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
9572 text-transform: initial;
9573 }
9574 .vbo-editbooking-room-service-select select {
9575 margin-bottom: 0;
9576 }
9577 .vbo-editbooking-room-extracost {
9578 margin: 5px;
9579 }
9580 .vbo-editbooking-room-extracost > div {
9581 display: inline-block;
9582 vertical-align: top;
9583 margin: 0 5px 0 0;
9584 }
9585 .vbo-editbooking-room-extracost > div .btn.btn-danger {
9586 padding: 8px 14px;
9587 }
9588 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
9589 position: relative;
9590 }
9591 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
9592 position: absolute;
9593 right: 2px;
9594 height: calc(100% - 2px);
9595 background: var(--vbo-base-color);
9596 border-left: 1px solid var(--vbo-base-color);
9597 color: var(--vbo-contrast-text-color);
9598 border-top-right-radius: 2px;
9599 border-bottom-right-radius: 2px;
9600 top: 1px;
9601 width: 32px;
9602 font-size: 13px;
9603 cursor: pointer;
9604 }
9605 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
9606 background: var(--vbo-base-color-hover)
9607 }
9608 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
9609 position: absolute;
9610 top: 50%;
9611 left: 50%;
9612 transform: translate(-50%, -50%);
9613 }
9614 .vbo-editbooking-summary-totpaid {
9615 padding-bottom: 0;
9616 }
9617 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
9618 border-bottom-left-radius: 8px;
9619 border-bottom-right-radius: 8px;
9620 }
9621 .vbo-editbooking-totpaid {
9622 display: inline-block;
9623 }
9624 .vbo-editbooking-totpaid label {
9625 font-size: 18px;
9626 font-weight: bold;
9627 margin-bottom: 10px;
9628 }
9629 .vbo-editbooking-totrefund {
9630 margin-left: 35px;
9631 }
9632 .vbo-editbooking-totrefund label {
9633 font-size: 15px;
9634 font-weight: normal;
9635 }
9636 .vbo-editbooking-addroom {
9637 display: inline-block;
9638 float: right;
9639 margin-top: 15px;
9640 }
9641 .vbo-roomdet-wrapper {
9642 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
9643 border: 1px solid var(--vbo-basic-btn);
9644 display: inline-block;
9645 margin-bottom: 4px;
9646 width: 100%;
9647 border-radius: 6px;
9648 box-shadow: 0 0 10px rgba(0,0,0,.05);
9649 }
9650 .vbo-roomdet-wrap {
9651 display: flex;
9652 -ms-flex-wrap: wrap;
9653 -webkit-flex-wrap: wrap;
9654 flex-wrap: wrap;
9655 }
9656 .vbo-roomdet-entry {
9657 flex: 1;
9658 }
9659 .vbo-roomdet-head {
9660 border-bottom: 1px solid var(--vbo-config-border-color);
9661 font-size: larger;
9662 padding: 12px 15px 12px;
9663 font-weight: bold;
9664 font-size: 13px;
9665 color: var(--vbo-config-titles-color-light);
9666 }
9667 .vbo-roomdet-foot {
9668 padding: 8px 15px;
9669 }
9670 .vbo-roomdet-guests-toggle {
9671 padding: 7px 8px 7px;
9672 border-radius: 2px;
9673 margin-top: 5px;
9674 display: inline-block;
9675 cursor: pointer;
9676 }
9677 .vbo-roomdet-guests-toggle i {
9678 font-size: larger;
9679 display: inline-block;
9680 float: left;
9681 margin-right: 8px;
9682 }
9683 .vbo-roomdet-guests-toggleword {
9684 display: inline-block;
9685 margin-top: -1px;
9686 float: left;
9687 }
9688 .vbo-guestscount-incomplete {
9689 background: var(--vbo-blue-color);
9690 color: #fff;
9691 }
9692 .vbo-guestscount-complete {
9693 background: var(--vbo-green-color);
9694 color: #fff;
9695 }
9696 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
9697 background: var(--vbo-green-color-hover);
9698 }
9699 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
9700 background: var(--vbo-blue-color-hover);
9701 }
9702 .vbo-roomdet-guests-details {
9703 display: none;
9704 padding: 8px 0 8px 15px;
9705 margin: 5px 10px;
9706 background: var(--vbo-config-child-bg-color);
9707 border-top: 1px solid var(--vbo-basic-btn);
9708 }
9709 .vbo-roomdet-guest-details {
9710 margin-bottom: 5px;
9711 margin-left: -15px;
9712 padding-bottom: 10px;
9713 border-bottom: 1px solid var(--vbo-config-border-color);
9714 display: flex;
9715 flex-wrap: wrap;
9716 }
9717 .vbo-roomdet-guest-details:last-child {
9718 border-bottom: 0;
9719 }
9720 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
9721 width: calc(25% - 20px);
9722 margin: 5px 10px;
9723 display: inline-block;
9724 }
9725 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
9726 height: 40px;
9727 border-radius: 2px;
9728 }
9729 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
9730 line-height: 38px;
9731 }
9732 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
9733 height: 38px;
9734 }
9735 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
9736 position: relative;
9737 }
9738 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
9739 position: absolute;
9740 top: 12px;
9741 right: 10px;
9742 font-size: 16px;
9743 }
9744 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
9745 align-self: center;
9746 font-size: 16px;
9747 margin-right: 14px;
9748 width: 100%;
9749 }
9750 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
9751 width: calc(100% - 20px);
9752 }
9753 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
9754 width: calc(25% - 15px);
9755 }
9756 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
9757 width: 100% !important;
9758 max-width: 100%;
9759 }
9760 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
9761 width: 100% !important;
9762 max-width: 100%;
9763 }
9764 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
9765 margin-bottom: 3px;
9766 font-weight: 500;
9767 }
9768 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
9769 width: 90px;
9770 border: 1px solid var(--vbo-config-border-color);
9771 background-color: var(--vbo-config-bg-color);
9772 border-radius: 4px;
9773 text-align: center;
9774 margin: 5px;
9775 padding: 3px;
9776 position: relative;
9777 display: inline-block;
9778 }
9779 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
9780 color: var(--vbo-config-titles-color-light);
9781 text-decoration: none;
9782 display: block;
9783 line-height: 1.3em;
9784 padding: 6px 3px;
9785 }
9786 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
9787 font-size: 18px;
9788 }
9789 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
9790 width: 90px;
9791 display: inline-block;
9792 overflow: hidden;
9793 text-overflow: ellipsis;
9794 font-size: 13px;
9795 white-space: nowrap;
9796 }
9797 .vbo-roomdet-guest-detail-num span {
9798 font-weight: bold;
9799 flex-basis: 100px;
9800 }
9801 .vbo-checkin-main-block {
9802 display: flex;
9803 -ms-flex-wrap: wrap;
9804 -webkit-flex-wrap: wrap;
9805 flex-wrap: wrap;
9806 }
9807 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
9808 flex-basis: 60px;
9809 }
9810 .vbo-roomsdet-container {
9811 display: inline-block;
9812 -ms-flex: 1;
9813 -webkit-flex: 1;
9814 flex: 1;
9815 margin-right: 5px;
9816 }
9817 .vbo-checkin-payment-detail-v {
9818 float: right;
9819 margin-left: 5px;
9820 }
9821 .vbo-checkin-payment-container {
9822 display: inline-block;
9823 vertical-align: top;
9824 background: var(--vbo-light-color-btn);
9825 -ms-flex: 0 0 18%;
9826 -webkit-flex: 0 0 18%;
9827 flex: 0 0 18%;
9828 float: right;
9829 padding: 15px;
9830 margin-left: 5px;
9831 border-radius: 6px;
9832 box-shadow: 0 0 10px rgba(0,0,0,.05);
9833 }
9834 .vbo-checkin-payment-detail {
9835 margin: 5px 0;
9836 display: inline-block;
9837 width: 100%;
9838 }
9839 .vbo-checkin-payment-detail-click {
9840 background: var(--vbo-base-color);
9841 color: #fff;
9842 padding: 3px 10px;
9843 border-radius: 2px;
9844 margin-top: 10px;
9845 cursor: pointer;
9846 }
9847 .vbo-checkin-payment-detail:first-child {
9848 font-size: larger;
9849 }
9850 .vbo-checkin-payment-detail-lbl {
9851 vertical-align: middle;
9852 }
9853 .vbo-checkin-notes-wrap {
9854 clear: both;
9855 width: 100%;
9856 margin: 5px 0;
9857 }
9858 .vbo-checkin-notes-inner {
9859 margin: 0 auto;
9860 width: 60%;
9861 text-align: center;
9862 }
9863 .vbo-checkin-notes-trig {
9864 color: var(--vbo-config-titles-color-light);
9865 }
9866 .vbo-checkin-notes-trig span {
9867 cursor: pointer;
9868 }
9869 .vbo-checkin-notes-cont {
9870 display: none;
9871 padding: 4px;
9872 }
9873 .vbo-checkin-notes-cont textarea {
9874 width: 100% !important;
9875 height: 100px;
9876 }
9877 .vbo-checkin-commands-wrap {
9878 margin: 25px 0 15px;
9879 }
9880 .vbo-checkin-commands-inner {
9881 text-align: center;
9882 }
9883 .vbo-checkin-commands-btn {
9884 display: inline-block;
9885 margin-left: 15px;
9886 }
9887 .vbo-checkin-commands-btn:first-child {
9888 margin-left: 0;
9889 }
9890 .vbo-checkin-commands-btn .btn-large {
9891 padding: 10px 14px;
9892 border-radius: 3px;
9893 font-size: inherit;
9894 }
9895 .vbo-checkin-update-wrap {
9896 clear: both;
9897 width: 100%;
9898 margin: 5px 0;
9899 }
9900 .vbo-checkin-update-inner {
9901 margin: 0 auto;
9902 width: 60%;
9903 text-align: center;
9904 }
9905 .vbo-checkin-custdet-cont {
9906 width: 100%;
9907 margin-top: 10px;
9908 padding: 4px;
9909 }
9910 .vbo-checkin-custdet-entry {
9911 display: inline-block;
9912 width: calc(33% - 10px);
9913 margin: 10px 5px;
9914 vertical-align: top;
9915 }
9916 .vbo-checkin-custdet-key {
9917 display: block;
9918 color: var(--vbo-config-titles-color-light);
9919 }
9920 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
9921 color: var(--vbo-red-color);
9922 }
9923 .vbo-checkin-custdet-value {
9924 display: block;
9925 font-size: larger;
9926 }
9927 #jmodal-box-vbo-checkin-booking {
9928 height: 100%;
9929 margin: 19px;
9930 overflow: hidden;
9931 overflow-y: scroll;
9932 box-sizing: border-box;
9933 }
9934 #jmodal-box-vbo-checkin-booking .modal-body {
9935 max-height: inherit;
9936 }
9937 #vbo-overlay-title .vbo-info-overlay-title-close {
9938 float: right;
9939 margin-top: -4px;
9940 margin-right: 0px;
9941 cursor: pointer;
9942 }
9943 div.modal {
9944 z-index: 9999999 !important;
9945 }
9946 div.modal.in {
9947 background-color: var(--vbo-body-bg-color);
9948 }
9949 div.modal.in .close:hover, div.modal.in .close:focus {
9950 color: var(--vbo-config-titles-color-light);
9951 }
9952 div.modal.in .modal-header + div.modal-body-wrapper {
9953 height: calc(100% - 130px) !important;
9954 }
9955 .vbo-sign-share-meth {
9956 margin: 10px 0;
9957 }
9958 .vbo-sign-share-meth label {
9959 margin-bottom: 3px;
9960 color: var(--vbo-body-text-color);
9961 }
9962 .vbo-sign-share-meth input {
9963 display: block !important;
9964 margin-bottom: 5px !important;
9965 }
9966 .vbo-sign-share-meth-close .btn {
9967 background: var(--vbo-red-color);
9968 border-color: var(--vbo-red-color);
9969 }
9970 .vbo-sign-share-meth-close .btn:hover {
9971 background: var(--vbo-red-color-hover);
9972 border-color: var(--vbo-red-color-hover);
9973 }
9974 #jmodal-vbo-vcm-rates-res {
9975 overflow-y: auto;
9976 }
9977 .vbo-vcm-rates-res-container {
9978 padding: 20px;
9979 }
9980 .vbo-vcm-rates-res-success {
9981 margin-bottom: 10px;
9982 border-bottom: 1px solid var(--vbo-config-border-color);
9983 padding-bottom: 10px;
9984 }
9985 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
9986 display: inline-block;
9987 vertical-align: top;
9988 border: 2px solid var(--vbo-green-color);
9989 padding: 10px;
9990 border-radius: 4px;
9991 margin: 4px;
9992 }
9993 .vbo-vcm-rates-res-channel-esit {
9994 display: inline-block;
9995 margin-right: 5px;
9996 font-size: 14px;
9997 border-radius: 50%;
9998 object-fit: cover;
9999 padding: 5px;
10000 width: 13px;
10001 height: 13px;
10002 line-height: 12px;
10003 text-align: center;
10004 vertical-align: top;
10005 }
10006 .vbo-vcm-rates-res-channel-esit i {
10007 font-size: 14px;
10008 }
10009 .vbo-vcm-rates-res-channel-logo {
10010 display: inline-block;
10011 }
10012 .vbo-vcm-rates-res-channel-logo img {
10013 max-width: 120px;
10014 }
10015 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10016 color: #fff;
10017 background: var(--vbo-green-color);
10018 }
10019 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10020 margin: 5px;
10021 border: 1px solid var(--vbo-green-color);
10022 padding: 10px;
10023 }
10024 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10025 border: 1px solid var(--vbo-red-color);
10026 padding: 10px 0 0;
10027 border-radius: 4px;
10028 margin: 8px 0;
10029 }
10030 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10031 color: #fff;
10032 background: var(--vbo-red-color);
10033 margin-left: 10px;
10034 }
10035 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10036 color: #fff;
10037 background: var(--vbo-orange-color);
10038 margin-left: 10px;
10039 }
10040 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10041 padding-bottom: 10px;
10042 }
10043 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10044 overflow-y: auto;
10045 max-height: 150px;
10046 }
10047 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10048 margin-bottom: 0;
10049 border-radius: 0 !important;
10050 padding: 10px;
10051 border-bottom-left-radius: 4px !important;
10052 border-bottom-right-radius: 4px !important;
10053 border: 0;
10054 border-top: 1px solid var(--vbo-config-border-color);
10055 }
10056 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10057 border: 1px solid var(--vbo-orange-color);
10058 padding: 10px 0 0;
10059 border-radius: 4px;
10060 margin: 8px 0;
10061 }
10062 .vbo-ratesoverview-bottom-container {
10063 border: 1px solid var(--vbo-config-border-color);
10064 margin-top: 20px;
10065 padding: 20px;
10066 border-radius: 9px;
10067 }
10068 .vbo-ratesoverview-bottom-head {
10069 width: 100%;
10070 display: inline-block;
10071 }
10072 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10073 float: left;
10074 }
10075 .vbo-ratesoverview-roomdetails {
10076 padding-top: 0;
10077 }
10078 .vbo-ratesoverview-roomdetails h3 {
10079 text-align: center;
10080 display: inline-block;
10081 margin-top: 10px;
10082 }
10083 .vbo-ratesoverview-obp-toggle-inner {
10084 float: right;
10085 margin-left: 20px;
10086 }
10087 .vbo-ratesoverview-obp-toggle-txt {
10088 display: inline-block;
10089 vertical-align: top;
10090 margin: 5px 0 0 5px;
10091 cursor: pointer;
10092 }
10093 .vbo-ratesoverview-caltab-wrapper {
10094 display: flex;
10095 -ms-flex-wrap: wrap;
10096 -webkit-flex-wrap: wrap;
10097 flex-wrap: wrap;
10098 margin-bottom: 30px;
10099 }
10100 .vbo-ratesoverview-period-container {
10101 display: inline-block;
10102 -ms-flex: 0 0 15%;
10103 -webkit-flex: 0 0 15%;
10104 flex: 0 0 15%;
10105 margin-left: 2px;
10106 }
10107 .vbo-table-responsive {
10108 -ms-flex: 1%;
10109 -webkit-flex: 1%;
10110 flex: 1%;
10111 overflow-x: scroll;
10112 }
10113 .vbratesoverviewtable tr td:first-child {
10114 position: sticky;
10115 left: 0;
10116 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10117 z-index: 1;
10118 background-clip: padding-box !important;
10119 }
10120 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10121 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10122 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10123 cursor: not-allowed;
10124 }
10125 .vbratesoverviewtable {
10126 border-spacing: 0;
10127 border-collapse: collapse;
10128 max-width: none;
10129 }
10130 .vbratesoverviewtable td {
10131 border-spacing: 0;
10132 border-collapse: collapse;
10133 border-right: 1px solid var(--vbo-config-bg-color);
10134 border-bottom: 1px solid var(--vbo-config-bg-color);
10135 }
10136 .vbratesoverviewtable tr:last-child td {
10137 border-bottom: 0;
10138 }
10139 .vbratesoverviewtable tr:first-child td {
10140 border-bottom: 0;
10141 }
10142 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10143 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10144 font-weight: bold;
10145 padding: 10px 10px;
10146 }
10147 .vbratesoverviewtable td .vbo-occ-label {
10148 display: inline-block;
10149 background: #999;
10150 border-radius: 4px;
10151 font-size: .9em;
10152 color: #fff;
10153 padding: 2px 6px;
10154 margin-left: 3px;
10155 font-weight: normal;
10156 }
10157 .vbo-roverw-curminlos-active {
10158 color: var(--vbo-red-color);
10159 font-weight: bold;
10160 }
10161 .vbratesoverviewtable .bluedays {
10162 min-width: 80px;
10163 }
10164 .vbratesoverviewtable .bluedays:hover {
10165 background-color: #73aecc;
10166 }
10167 .vbratesoverviewtable .bluedays:active {
10168 background-color: #89b8d0;
10169 }
10170 .vbratesoverviewtable .skip-bluedays-click:hover {
10171 background-color: #02679a;
10172 }
10173 .vbo-ratesoverview-period-inner {
10174 padding: 15px;
10175 background: var(--vbo-basic-btn);
10176 }
10177 .vbo-ratesoverview-period-lbl {
10178 font-weight: bold;
10179 font-size: 16px;
10180 margin: 0 5px 5px;
10181 }
10182 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10183 display: flex;
10184 -ms-flex-wrap: wrap;
10185 -webkit-flex-wrap: wrap;
10186 flex-wrap: wrap;
10187 }
10188 .vbo-ratesoverview-period-boxes-inner > div {
10189 display: inline-block;
10190 flex: 1;
10191 background: var(--vbo-config-bg-color);
10192 margin: 5px;
10193 padding: 15px 5px;
10194 text-align: center;
10195 border-radius: 4px;
10196 cursor: pointer;
10197 }
10198 .vbo-ratesoverview-period-box-lbl {
10199 font-weight: bold;
10200 margin-bottom: 5px;
10201 color: var(--vbo-config-titles-color-light);
10202 }
10203 .vbo-ratesoverview-period-box-val > div > span {
10204 display: block;
10205 font-weight: bold;
10206 color: var(--vbo-base-color);
10207 }
10208 .vbo-ratesoverview-period-wday {
10209 font-size: 12px;
10210 }
10211 .vbo-ratesoverview-period-mday {
10212 font-size: 24px;
10213 margin: 3px 0;
10214 }
10215 .vbo-ratesoverview-period-month {
10216 font-size: 12px;
10217 text-transform: uppercase;
10218 font-weight: normal;
10219 }
10220 .vbo-ratesoverview-period-box-val i {
10221 font-size: 28px;
10222 color: var(--vbo-blue-color);
10223 }
10224 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10225 position: relative;
10226 }
10227 .vbo-ratesoverview-period-box-cals-inner {
10228 position: absolute;
10229 top: 0;
10230 right: 0;
10231 width: 630px;
10232 padding: 10px;
10233 z-index: 1;
10234 border-radius: 10px;
10235 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10236 background: var(--vbo-config-bg-color);
10237 border: 1px solid var(--vbo-main-bg-color);
10238 }
10239 .vbo-ratesoverview-period-box-cals-inner > div {
10240 display: inline-block;
10241 vertical-align: top;
10242 }
10243 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10244 border-right: 1px solid var(--vbo-basic-btn);
10245 padding-right: 4px;
10246 }
10247 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10248 padding: 3px 0;
10249 color: var(--vbo-config-titles-color-light);
10250 border-bottom: 1px solid var(--vbo-basic-btn);
10251 margin: 0 0 5px;
10252 text-align: center;
10253 text-transform: uppercase;
10254 font-size: 11px;
10255 }
10256 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10257 width: 160px;
10258 }
10259 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10260 width: 100% !important;
10261 }
10262 .vbo-receipt-company-block {
10263 text-align: center;
10264 }
10265 .vbo-receipt-company-info::first-line {
10266 font-weight: bold;
10267 }
10268 .vbo-resmodcanc-block select {
10269 max-width: 225px;
10270 }
10271 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10272 margin: 0;
10273 }
10274 .vbo-resmodcanc-lim label {
10275 display: inline-block;
10276 }
10277 .vbo-ratesoverview-orphans-wrapper {
10278 padding: 15px;
10279 margin: 2px 10px 0;
10280 border-radius: 6px;
10281 background: var(--vbo-basic-btn);
10282 border: 1px solid var(--vbo-red-color);
10283 }
10284 .vbo-ratesoverview-orphans-lbl {
10285 font-weight: bold;
10286 font-size: 16px;
10287 margin-bottom: 10px;
10288 }
10289 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10290 color: var(--vbo-red-color);
10291 }
10292 .vbo-ratesoverview-orphans-list {
10293 max-height: 179px;
10294 overflow: hidden;
10295 overflow-y: scroll;
10296 }
10297 .vbo-ratesoverview-orphans-list > div {
10298 margin: 3px 0;
10299 }
10300 /* Signature Pad - Start */
10301 .vbo-signature-container {
10302 display: -webkit-box;
10303 display: -ms-flexbox;
10304 display: flex;
10305 -webkit-box-pack: center;
10306 -ms-flex-pack: center;
10307 justify-content: center;
10308 -webkit-box-align: center;
10309 -ms-flex-align: center;
10310 align-items: center;
10311 height: 70vh;
10312 width: 100%;
10313 -webkit-user-select: none;
10314 -moz-user-select: none;
10315 -ms-user-select: none;
10316 user-select: none;
10317 margin: 0;
10318 padding: 0;
10319 font-family: Helvetica, Sans-Serif;
10320 }
10321 .vbo-signature-pad {
10322 position: relative;
10323 display: -webkit-box;
10324 display: -ms-flexbox;
10325 display: flex;
10326 -webkit-box-orient: vertical;
10327 -webkit-box-direction: normal;
10328 -ms-flex-direction: column;
10329 flex-direction: column;
10330 font-size: 10px;
10331 width: 100%;
10332 height: 100%;
10333 max-width: 700px;
10334 max-height: 460px;
10335 border: 1px solid var(--vbo-config-border-color);
10336 background-color: var(--vbo-config-bg-color);
10337 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10338 border-radius: 4px;
10339 padding: 16px;
10340 }
10341 .vbo-signature-pad::before, .vbo-signature-pad::after {
10342 position: absolute;
10343 z-index: -1;
10344 content: "";
10345 width: 40%;
10346 height: 10px;
10347 bottom: 10px;
10348 background: transparent;
10349 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10350 }
10351 .vbo-signature-pad::before {
10352 left: 20px;
10353 -webkit-transform: skew(-3deg) rotate(-3deg);
10354 transform: skew(-3deg) rotate(-3deg);
10355 }
10356 .vbo-signature-pad::after {
10357 right: 20px;
10358 -webkit-transform: skew(3deg) rotate(3deg);
10359 transform: skew(3deg) rotate(3deg);
10360 }
10361 .vbo-signature-pad-head {
10362 margin-bottom: 8px;
10363 text-align: center;
10364 display: flex;
10365 flex-wrap: wrap;
10366 }
10367 .vbo-signature-pad-head .pull-right {
10368 margin-left: auto;
10369 }
10370 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10371 flex-basis: 100%;
10372 margin-top: 5px;
10373 }
10374 .vbo-signature-pad-head-terms {
10375 display: inline-block;
10376 padding: 0 10px;
10377 }
10378 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10379 text-decoration: none;
10380 }
10381 .vbo-signature-pad-body {
10382 position: relative;
10383 -webkit-box-flex: 1;
10384 -ms-flex: 1;
10385 flex: 1;
10386 border: 1px solid var(--vbo-config-child-bg-color);
10387 }
10388 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10389 position: absolute;
10390 left: 0;
10391 top: 0;
10392 width: 100%;
10393 height: 100%;
10394 border-radius: 4px;
10395 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10396 }
10397 .vbo-signature-pad-footer {
10398 text-align: center;
10399 margin-top: 8px;
10400 }
10401 .vbo-signature-signabove {
10402 color: var(--vbo-body-text-color);
10403 font-size: 1.2em;
10404 }
10405 .vbo-signature-cmds {
10406 display: -webkit-box;
10407 display: -ms-flexbox;
10408 display: flex;
10409 -webkit-box-pack: justify;
10410 -ms-flex-pack: justify;
10411 justify-content: space-between;
10412 margin-top: 8px;
10413 }
10414 .vbo-signature-cmd {
10415 display: inline-block;
10416 margin-right: 5px;
10417 }
10418 .vbo-signature-cmds > div:last-child {
10419 margin-right: 0;
10420 }
10421 .vbo-current-signature-p {
10422 display: block;
10423 text-align: center;
10424 font-weight: bold;
10425 font-size: 14px;
10426 }
10427 .vbo-signature-currentimg img {
10428 max-width: 100%;
10429 }
10430 /* Signature Pad - End */
10431 /* Booking Checkin - End */
10432 /* Booking Details Tabs - Start */
10433 .vbo-bookingdet-tabs {
10434 float: left;
10435 }
10436 .vbo-bookingdet-tab {
10437 display: inline-block;
10438 cursor: pointer;
10439 padding: 16px;
10440 margin: 0;
10441 font-size: 1.2em;
10442 text-transform: uppercase;
10443 font-weight: bold;
10444 }
10445 .vbo-bookingdet-tab-active {
10446 border-bottom: 3px solid var(--vbo-base-color);
10447 color: var(--vbo-base-color);
10448 }
10449 .vbo-bookingdet-commands {
10450 float: right;
10451 }
10452 .vbo-bookingdet-command {
10453 display: inline-block;
10454 margin: 3px;
10455 }
10456 .vbo-bookingdet-command .btn.vbo-config-btn {
10457 padding: 10px 14px;
10458 background-color: var(--vbo-light-color-btn);
10459 color: var(--vbo-base-color);
10460 border: 1px solid var(--vbo-config-border-color);
10461 }
10462 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10463 background: var(--vbo-base-color-hover);
10464 border: 1px solid var(--vbo-base-color-hover);
10465 color: #fff;
10466 }
10467 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10468 background: var(--vbo-base-color-hover);
10469 border: 1px solid var(--vbo-base-color-hover);
10470 }
10471 .vbo-bookingdet-command i {
10472 margin-right: 5px;
10473 }
10474 .vbo-bookingdet-tab-cont {
10475 display: block;
10476 background: var(--vbo-basic-btn);
10477 padding-top: 15px;
10478 }
10479 img.vbo-channelimg-medium {
10480 max-height: 20px;
10481 }
10482 /* Booking Details Tabs - End */
10483 /* VikUpdater - Start */
10484 .vik-box-error {
10485 padding: 10px;
10486 border: 2px dashed var(--vbo-red-color);
10487 color: var(--vbo-red-color);
10488 font-weight: bolder;
10489 }
10490 .vik-box-error hr {
10491 border-top-color: var(--vbo-red-color);
10492 }
10493 .vik-update-changelog {
10494 padding: 10px;
10495 border: 2px dashed var(--vbo-middle-color-btn);
10496 }
10497 .vik-update-changelog h2 {
10498 margin-bottom: 25px;
10499 }
10500 .vik-update-changelog ul li strong {
10501 display: inline-block;
10502 width: 220px;
10503 }
10504 .vik-update-changelog div.box-separator {
10505 border-top: 1px solid var(--vbo-config-border-color);
10506 margin: 20px 0;
10507 }
10508 .vik-update-changelog > *:first-child,
10509 .vik-box-error > *:first-child {
10510 margin-top: 0;
10511 }
10512 .vik-update-changelog > *:last-child,
10513 .vik-box-error > *:last-child {
10514 margin-bottom: 0;
10515 }
10516 /* VikUpdater - End */
10517 .vbo-colortag-square {
10518 background-color: var(--vbo-config-bg-color);
10519 border: 1px solid var(--vbo-config-title-color);
10520 border-radius: 4px;
10521 cursor: pointer;
10522 display: inline-block;
10523 height: 30px;
10524 margin-right: 10px;
10525 width: 30px;
10526 text-align: center;
10527 vertical-align: top;
10528 line-height: 30px;
10529 }
10530 .vbo-colortag-circle {
10531 border-radius: 50%;
10532 cursor: pointer;
10533 display: inline-block;
10534 height: 14px;
10535 margin: 1px;
10536 padding: 0;
10537 vertical-align: middle;
10538 width: 14px;
10539 }
10540 .vbo-allbsearchcust-loading-inp {
10541 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
10542 }
10543 .vbo-allbsearchcust-res {
10544 top: 36px;
10545 position: absolute;
10546 z-index: 2;
10547 width: 100%;
10548 }
10549 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
10550 list-style: none;
10551 text-align: left;
10552 padding: 0;
10553 margin: 0 0 0 -1px;
10554 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
10555 background-color: var(--vbo-config-bg-color);
10556 border: 1px solid var(--vbo-config-border-color);
10557 white-space: nowrap;
10558 max-height: 200px;
10559 width: 100%;
10560 overflow-y: scroll;
10561 }
10562 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
10563 font-size: 13px;
10564 }
10565 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
10566 list-style: none;
10567 text-align: left;
10568 white-space: nowrap;
10569 }
10570 .vbo-allbookings-fm .btn-group select {
10571 max-width: 150px;
10572 margin-bottom: 0;
10573 border-radius: 2px;
10574 border: 1px solid var(--vbo-config-border-color);
10575 padding: 8px 10px;
10576 height: inherit;
10577 }
10578 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
10579 min-width: 80%;
10580 }
10581 /* Config: Do not edit this */
10582 /* FontAwesome fixes - Start */
10583 i.fa-sort-desc {
10584 vertical-align: top;
10585 }
10586 /* FontAwesome fixes - End */
10587 /* Select2 fixes - Start */
10588 .select2-search--dropdown .select2-search__field {
10589 width: 100% !important;
10590 }
10591 input[type="search"].select2-search__field {
10592 height: auto !important;
10593 margin-bottom: 2px !important;
10594 }
10595 .select2-container.select2-container--default.select2-container--open {
10596 z-index: 9999999999 !important;
10597 }
10598 /* Select2 fixes - End */
10599 .vikpaymentparam {
10600 display: block;
10601 padding: 2px;
10602 }
10603 .vikpaymentparamlabel {
10604 display: inline-block;
10605 min-width: 150px;
10606 }
10607 .vikpaymentparamlbl-textarea {
10608 display: block;
10609 }
10610 .vikpaymentparaminput {
10611 display: inline-block !important;
10612 }
10613 .vikpaymentparaminput.vikpaymentparaminput-tarea {
10614 width: 100%;
10615 }
10616 .vikpaymentparamlabelhelp {
10617 font-size: smaller;
10618 font-style: italic;
10619 padding-left: 5px;
10620 }
10621 .vbo-config-param-cell {
10622 background: none repeat scroll 0 0 var(--vbo-light-color-btn);;
10623 border-right: 1px solid var(--vbo-config-border-color);
10624 vertical-align: middle !important;
10625 }
10626 .vbo-config-param-cell.vbo-config-param-cell-warn {
10627 color: var(--vbo-red-color) !important;
10628 }
10629 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
10630 float: right;
10631 }
10632 .vbo-smstpl-bgroup {
10633 white-space: inherit !important;
10634 }
10635 .vbo-smstpl-bgroup button {
10636 margin: 2px 0;
10637 }
10638 .vbo-smstpl-bgroup button:first-child {
10639 margin-left:-1px !important;
10640 border-radius:0 !important;
10641 }
10642 .vbo-smstpl-control textarea {
10643 margin-top:5px;
10644 }
10645 .vbo-custmail-bgroup .btn-small {
10646 padding: 2px 5px !important;
10647 margin: 1px 4px;
10648 }
10649 .vbo-spblock-inline {
10650 display: inline-block;
10651 margin-right: 8px;
10652 }
10653 .vbo-spblock-inline input {
10654 display: inline-block;
10655 }
10656 .vbo-spblock-inline label {
10657 display: inline;
10658 vertical-align: middle;
10659 }
10660 #vbo-sms-balance {
10661 margin: 8px 0;
10662 padding: 5px;
10663 }
10664 .fieldset-left {
10665 float: left;
10666 margin-right: 20px;
10667 }
10668 .fieldset-half {
10669 float: left;
10670 width: 48%;
10671 }
10672 ul.dropdown-menu {
10673 z-index: 9999;
10674 }
10675 span.badge a {
10676 color: #fff;
10677 }
10678 span.badge a:hover {
10679 color: #fff;
10680 text-decoration: none;
10681 }
10682 i.icn-bigger {
10683 font-size: larger;
10684 }
10685 i.icn-nomargin {
10686 margin: 0 !important;
10687 }
10688 i.icn-float-left {
10689 float: left;
10690 }
10691 i.icn-float-right {
10692 float: right;
10693 }
10694 i.icn-clickable {
10695 cursor: pointer;
10696 }
10697 i.vbo-quest-popover {
10698 color: var(--vbo-config-title-color);
10699 }
10700 i.vbo-quest-popover:hover {
10701 color: var(--vbo-blue-color);
10702 }
10703 .popover {
10704 z-index: 9999999999 !important;
10705 }
10706 i.vbo-icn-img {
10707 font-size: 20px;
10708 }
10709 /* Joomla 3.x */
10710 .vbo-config-tabs-wrap div.current {
10711 background: var(--vbo-main-bg-color);
10712 clear: both;
10713 padding: 10px;
10714 }
10715 .vbo-config-tabs-wrap div.current dd.tabs {
10716 margin-left: 0;
10717 }
10718 .vbo-config-tabs-wrap dl.tabs {
10719 float: left;
10720 margin: 10px 0 -1px -3px;
10721 z-index: 50;
10722 }
10723 .vbo-config-tabs-wrap dl.tabs dt.open {
10724 color: #000000;
10725 z-index: 1;
10726 }
10727 .vbo-config-tabs-wrap dl.tabs dt {
10728 color: #666666;
10729 float: left;
10730 margin-left: 3px;
10731 padding: 4px 10px;
10732 }
10733 .vbo-config-tabs-wrap dt.tabs span h3 {
10734 font-size: 13px;
10735 margin: 0;
10736 display: inline-block;
10737 padding: 4px 8px;
10738 }
10739 .vbo-config-tabs-wrap dt.tabs:hover h3 {
10740 background: var(--vbo-toolbar-bg-color);
10741 border-radius: 4px;
10742 }
10743 #ui-datepicker-div select {
10744 line-height: 1em;
10745 padding: 5px 14px 5px 8px !important;
10746 min-height: 20px;
10747 height: auto !important;
10748 }
10749 .vbo-link-add {
10750 font-size: 13px;
10751 border-radius: 3px;
10752 }
10753 .vbo-link-add i {
10754 margin-right: 5px;
10755 display: inline-block;
10756 }
10757 .btn.vbo-config-btn, .vbo-link-add {
10758 background-color: var(--vbo-base-color);
10759 border: 1px solid var(--vbo-base-color);
10760 color: #fff;
10761 padding: 10px 14px;
10762 display: inline-block;
10763 }
10764 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
10765 background-color: var(--vbo-base-color-hover) !important;
10766 border: 1px solid var(--vbo-base-color-hover) !important;
10767 color: #fff;
10768 }
10769 .btn.vbo-config-btn:active, .vbo-link-add:active {
10770 background-color: var(--vbo-link-text-color) !important;
10771 color: #fff;
10772 }
10773 .vbo-config-btn.vbo-config-btn-rounded {
10774 border-radius: 50%;
10775 width: 25px;
10776 height: 25px;
10777 text-align: center;
10778 }
10779 .vbo-config-btn.vbo-config-btn-rounded i {
10780 margin-right: 0;
10781 }
10782 .vbo-config-btn-rounded.vbo-config-btn-large {
10783 height: 50px;
10784 width: 50px;
10785 font-size: 24px;
10786 }
10787 .vbo-config-tabs-wrap dl.tabs {
10788 margin: 10px 0 0;
10789 width: 100%;
10790 border-bottom: 1px solid var(--vbo-config-border-color);
10791 }
10792 .vbo-config-tabs-wrap dl.tabs dt h3 i {
10793 margin-right: 5px;
10794 font-size: 15px;
10795 }
10796 .vbo-config-tabs-wrap dl.tabs dt {
10797 padding: 5px;
10798 margin-left: 0;
10799 border: 0;
10800 display: inline-block;
10801 float: none;
10802 }
10803 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
10804 color: var(--vbo-config-title-color);
10805 }
10806 .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 {
10807 color: var(--vbo-base-color);
10808 }
10809 .vbo-config-tabs-wrap dl.tabs dt.open a {
10810 color: #000;
10811 }
10812 .vbo-config-tabs-wrap dl.tabs dt.open {
10813 border-bottom: 2px solid var(--vbo-base-color);
10814 }
10815 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
10816 color: var(--vbo-config-title-color);
10817 }
10818 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
10819 border-bottom: 2px solid var(--vbo-base-color);
10820 }
10821 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
10822 color: inherit;
10823 }
10824 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
10825 background: transparent;
10826 border-bottom: 0;
10827 float: right;
10828 }
10829 .vbo-config-body {
10830 margin-top: -20px;
10831 }
10832
10833 .vbo-admin-container {
10834 background: var(--vbo-main-bg-color);
10835 clear: both;
10836 padding: 10px;
10837 display: flex;
10838 flex-wrap: wrap;
10839 }
10840 .vbo-admin-container > div {
10841 flex-basis: calc(50% - 10px);
10842 }
10843 .vbo-admin-container.vbo-params-container-wide > div {
10844 flex-basis: 100%;
10845 }
10846 .vbo-admin-container .adminform {
10847 width: auto;
10848 display: inherit;
10849 background: var(--vbo-config-bg-color);
10850 border-radius: 6px;
10851 margin: 20px 0;
10852 padding: 15px 30px;
10853 box-shadow: 0 0 2px rgba(0,0,0,.1);
10854 }
10855 .vbo-admin-container .vbo-config-maintab-left {
10856 margin-right: 10px;
10857 }
10858 .vbo-admin-container .vbo-config-maintab-right {
10859 margin-left: 10px;
10860 }
10861 /* With this class we create a 100% width settings block */
10862 .vbo-config-tab-container > .adminform {
10863 width: 100%;
10864 }
10865 .vbo-config-tab-container .adminform {
10866 margin-top: 0;
10867 }
10868 .vbo-config-tab-container {
10869 padding-top: 10px !important;
10870 }
10871 .vbo-admin-container .adminlegend {
10872 border-bottom: 0;
10873 font-size: 22px;
10874 line-height: 1.2em;
10875 font-weight: bold;
10876 color: var(--vbo-config-titles-color-light);
10877 width: 100%;
10878 }
10879 .modal-body .adminlegend {
10880 width: 100%;
10881 }
10882 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
10883 width: auto;
10884 float: inherit;
10885 margin-bottom: 10px;
10886 }
10887 .modal-body-wrapper .vbo-admin-container .adminlegend {
10888 float: none;
10889 }
10890 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
10891 margin-top: 15px;
10892 }
10893 .vbo-btn-icon-right i {
10894 margin-left: 5px;
10895 margin-right: 0;
10896 }
10897 .vbo-btn-icon-left i {
10898 margin-right: 5px;
10899 margin-left: 0;
10900 }
10901 .vbo-admin-container .adminlegend i {
10902 margin-right: 5px;
10903 }
10904 .vbo-admin-container .vbo-param-container {
10905 display: flex;
10906 margin: 25px 0;
10907 }
10908 .vbo-param-container-highlighted {
10909 color: var(--vbo-red-color);
10910 }
10911 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
10912 margin-bottom: 0;
10913 }
10914 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
10915 max-width: 225px;
10916 }
10917 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
10918 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
10919 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
10920 vertical-align: top;
10921 }
10922 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
10923 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
10924 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
10925 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
10926 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
10927 vertical-align: inherit !important;
10928 }
10929 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
10930 padding: 8px 5px;
10931 border-color: var(--vbo-config-border-color);
10932 }
10933 .vbo-admin-container .vbo-param-container.vbo-param-child {
10934 margin-top: -20px;
10935 }
10936 .vbo-admin-container .vbo-param-container.vbo-param-nested {
10937 border-top: 2px solid var(--vbo-basic-btn);
10938 background: var(--vbo-config-child-bg-color);
10939 padding: 10px 15px;
10940 margin: 0;
10941 }
10942 .vbo-admin-container .vbo-param-container .vbo-param-label {
10943 flex-basis: 250px;
10944 font-size: 14px;
10945 margin-right: 20px;
10946 margin-bottom: 5px;
10947 }
10948 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
10949 display: block;
10950 margin-bottom: 5px;
10951 }
10952 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
10953 .vbo-admin-container .vbo-param-container-full {
10954 flex-wrap: wrap;
10955 }
10956 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
10957 flex-basis: 100%;
10958 margin-bottom: 10px;
10959 }
10960 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
10961 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
10962 width: 100%;
10963 }
10964
10965 /* This "-full" class is to enlarge the one column admin structure.
10966 * This needs to be used together with the "vbo-admin-container" class.
10967 */
10968 .vbo-admin-container-full .vbo-params-wrap {
10969 flex-basis: 100%;
10970 }
10971 /* This "-compact" class is to reduce the padding between the settings.
10972 * This needs to be used together with the "vbo-admin-container" class.
10973 */
10974 .vbo-admin-container-compact .vbo-param-container {
10975 margin: 12px 0;
10976 }
10977 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
10978 margin-bottom: 0;
10979 padding-bottom: 0;
10980 }
10981 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
10982 flex-basis: 235px;
10983 }
10984 .vbo-admin-container .vbo-param-container .vbo-param-setting {
10985 flex: 1;
10986 max-width: 100%;
10987 }
10988 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
10989 display: block;
10990 font-size: .9em;
10991 margin-top: 4px;
10992 font-style: italic;
10993 color: var(--vbo-config-title-color);
10994 }
10995 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
10996 font-weight: bold;
10997 color: var(--vbo-red-color);
10998 }
10999 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
11000 margin-left: 5px;
11001 font-style: italic;
11002 color: var(--vbo-config-title-color);
11003 }
11004 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
11005 display: inline-block;
11006 margin-right: 10px;
11007 }
11008 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11009 margin-bottom: 5px;
11010 }
11011 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11012 margin-bottom: 0;
11013 }
11014 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11015 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11016 background: var(--vbo-main-bg-color);
11017 padding: 10px 15px;
11018 border-radius: 2px;
11019 border: 1px solid var(--vbo-config-border-color);
11020 color: var(--vbo-config-title-color);
11021 display: inline-block;
11022 white-space: nowrap;
11023 overflow: hidden;
11024 text-overflow: ellipsis;
11025 max-width: 120px;
11026 margin: 0;
11027 vertical-align: top;
11028 }
11029 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11030 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11031 color: var(--vbo-base-color);
11032 border-color: var(--vbo-base-color);
11033 background-color: var(--vbo-config-bg-color);
11034 }
11035 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11036 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11037 background-color: var(--vbo-config-child-bg-color);
11038 }
11039 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11040 margin-right: 3px;
11041 font-size: 16px;
11042 }
11043 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11044 margin: 2px 0;
11045 height: 40px;
11046 }
11047 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11048 vertical-align: top;
11049 }
11050 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11051 vertical-align: top;
11052 }
11053 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11054 margin-bottom: 0;
11055 }
11056 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11057 margin-top: 0;
11058 }
11059 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11060 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11061 border-left: 1px solid var(--vbo-main-bg-color);
11062 padding-left: 10px;
11063 margin-left: 10px;
11064 }
11065 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11066 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11067 margin: 0 10px 3px 0;
11068 display: inline-block;
11069 }
11070 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11071 margin-top: 0;
11072 }
11073 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11074 margin-left: 0;
11075 }
11076 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,
11077 .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"] {
11078 border: 1px solid var(--vbo-config-border-color);
11079 border-radius: 2px;
11080 padding: 8px 10px;
11081 margin-bottom: 0;
11082 box-sizing: border-box;
11083 height: auto;
11084 }
11085 input[type="number"].vbo-small-input {
11086 width: 70px !important;
11087 vertical-align: inherit;
11088 }
11089 input[type="number"].vbo-medium-input {
11090 width: 100px !important;
11091 vertical-align: inherit;
11092 }
11093 .vbo-booking-special-requests {
11094 border: 1px solid var(--vbo-blue-color);
11095 padding: 10px;
11096 border-radius: 15px;
11097 border-top-left-radius: 0;
11098 background: var(--vbo-config-child-bg-color);
11099 margin: 0 5px;
11100 }
11101 .vbo-booking-admin-notes {
11102 background: var(--vbo-config-child-bg-color);
11103 padding: 10px;
11104 margin: 0;
11105 font-style: italic;
11106 }
11107 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11108 .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 {
11109 background: var(--vbo-input-style-deactive);
11110 }
11111 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11112 width: 100px !important;
11113 }
11114 input[type="number"].vbo-large-input-number {
11115 width: 180px !important;
11116 }
11117 .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 {
11118 margin-bottom: 0;
11119 border-radius: 2px;
11120 border: 1px solid var(--vbo-config-border-color);
11121 padding: 8px 10px;
11122 height: inherit;
11123 }
11124 .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 {
11125 padding: 8px 10px;
11126 border-radius: 0 2px 2px 0;
11127 border: 1px solid var(--vbo-config-border-color);
11128 }
11129 .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,
11130 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11131 margin-right: 0;
11132 }
11133 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11134 background: var(--vbo-base-color);
11135 border: 1px solid var(--vbo-base-color);
11136 color: #fff;
11137 padding: 10px 14px;
11138 }
11139 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11140 color: #fff;
11141 }
11142 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11143 background: var(--vbo-base-color-hover) !important;
11144 }
11145 .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 {
11146 background: var(--vbo-link-text-color) !important;
11147 }
11148 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11149 margin-right: 5px;
11150 display: inline-block;
11151 }
11152 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11153 margin-top: 5px;
11154 }
11155 .vbo-admin-container .vbo-param-container .btn-danger {
11156 padding: 10px 14px;
11157 font-size: 12px;
11158 line-height: 15px;
11159 border-radius: 3px;
11160 }
11161 select.vbo-select-small {
11162 padding: 0px 24px 0px 8px !important;
11163 min-height: 25px;
11164 font-size: 12px;
11165 height: 25px !important;
11166 }
11167 .vbo-btn-toolbar .btn i {
11168 margin-right: 5px;
11169 }
11170 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11171 margin-right: 0;
11172 }
11173 .iti.iti--allow-dropdown {
11174 background: var(--vbo-input-style);
11175 border: 1px solid var(--vbo-config-border-color);
11176 display: flex;
11177 z-index: 0;
11178 }
11179 .iti.iti--allow-dropdown .iti__flag-container {
11180 position: relative;
11181 }
11182 .iti.iti--allow-dropdown .iti__selected-flag {
11183 border-right: 1px solid var(--vbo-config-border-color);
11184 }
11185 .iti.iti--allow-dropdown input[type="tel"] {
11186 border: 0;
11187 border-radius: 2px;
11188 padding: 5px 10px;
11189 margin-bottom: 0;
11190 height: auto;
11191 flex: 1;
11192 }
11193 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11194 background: var(--vbo-config-child-bg-color);
11195 }
11196 .vbo-uploaded-files i.fa-file {
11197 font-size: 68px !important;
11198 }
11199 .vbo-uploaded-files .file-elem a .file-extension {
11200 font-size: 14px !important;
11201 }
11202 .vbo-uploaded-files .file-elem {
11203 width: calc(100% / 7) !important;
11204 }
11205 .vbo-bookingdet-btncont .vbo-config-btn {
11206 margin-top: 5px;
11207 }
11208 .vbo-bookingdet-btncont .vbo-config-btn i {
11209 margin-right: 8px;
11210 }
11211 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11212 display: inline-block;
11213 margin-left: 10px;
11214 border: 1px solid var(--vbo-config-border-color);
11215 padding: 8px 9px;
11216 margin-top: 0px;
11217 border-radius: 2px;
11218 background: var(--vbo-config-child-bg-color);
11219 vertical-align: top;
11220 }
11221 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11222 background: var(--vbo-config-bg-color);
11223 }
11224 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11225 margin-bottom: 0;
11226 height: auto;
11227 }
11228 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11229 margin-bottom: 0;
11230 }
11231 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11232 border: 0 !important;
11233 background: transparent;
11234 }
11235 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11236 padding: 0;
11237 }
11238 .vbo-param-container .vbo-param-setting .select2-container--default {
11239 width: 70% !important;
11240 }
11241 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11242 width: 100%;
11243 }
11244 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11245 width: 100% !important;
11246 background: var(--vbo-config-bg-color);
11247 }
11248 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
11249 background-color: #b6d8ee;
11250 border: 1px solid #b8d1e1;
11251 border-radius: 30px;
11252 padding: 5px 10px;
11253 color: #2d5593;
11254 font-weight: bold;
11255 }
11256 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11257 display: inline-block;
11258 margin-left: 3px;
11259 margin-right: 0;
11260 width: 18px;
11261 height: 18px;
11262 line-height: 15px;
11263 font-size: 16px;
11264 text-align: center;
11265 border-radius: 50%;
11266 color: #1f90d9;
11267 float: right;
11268 }
11269 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11270 background: #1f90d9;
11271 color: #fff;
11272 }
11273 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11274 margin-left: 5px;
11275 }
11276 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11277 height: 36px;
11278 border: 1px solid #ddd;
11279 border-radius: 2px;
11280 }
11281 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11282 font-weight: normal;
11283 font-size: 14px;
11284 }
11285 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11286 height: 36px;
11287 }
11288 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11289 line-height: 35px;
11290 }
11291 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11292 border: 0;
11293 }
11294 .vbo-preferred-countries-sortlist {
11295 margin-left: 0;
11296 max-width: 380px;
11297 }
11298 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11299 list-style-type: none;
11300 margin: 0;
11301 padding: 10px 15px;
11302 display: block;
11303 border: 1px solid var(--vbo-basic-btn);
11304 background: var(--vbo-config-child-bg-color);
11305 margin: 5px 3px;
11306 cursor: grab;
11307 }
11308 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11309 color: var(--vbo-config-titles-color-light);
11310 float: right;
11311 margin-top: 4px;
11312 }
11313 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11314 background: var(--vbo-config-bg-color);
11315 color: var(--vbo-base-color);
11316 border-color: var(--vbo-base-color);
11317 }
11318 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11319 color: var(--vbo-base-color);
11320 }
11321 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11322 margin-top: 4px;
11323 }
11324 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11325 cursor: pointer;
11326 }
11327 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11328 color: var(--vbo-base-color);
11329 }
11330 input[type="text"],
11331 input[type="password"],
11332 input[type="date"],
11333 input[type="email"],
11334 input[type="url"],
11335 input[type="search"],
11336 input[type="tel"],
11337 select {
11338 width: auto !important;
11339 }
11340 .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 {
11341 width: 70% !important;
11342 }
11343 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11344 width: 100%;
11345 }
11346 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11347 width: 200px !important;
11348 }
11349 .vbo-param-container input[type="number"].vbo-input-number-small {
11350 width: 80px !important;
11351 }
11352 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11353 width: auto !important;
11354 }
11355 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11356 color: var(--vbo-base-color-hover);
11357 }
11358 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11359 color: var(--vbo-link-text-color);
11360 }
11361 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11362 width: calc(70% - 2px);
11363 }
11364 .vbo-payment-params-container .vbo-param-setting img {
11365 max-width: 300px;
11366 }
11367
11368 input[type="number"] {
11369 width: 100px !important;
11370 }
11371 table.adminform label {
11372 display: inline;
11373 margin:0 0 0 5px;
11374 }
11375 table.adminform td {
11376 padding: 6px 0;
11377 }
11378 table.adminform div.input-append {
11379 display: inline;
11380 }
11381 .icon-vikbooking:before {
11382 font-family: "Font Awesome 5 Free", FontAwesome !important;
11383 font-weight: 900;
11384 content: "\f236";
11385 background: none !important;
11386 }
11387 .icon-vikbookingconfig:before {
11388 font-family: "Font Awesome 5 Free", FontAwesome !important;
11389 font-weight: 900;
11390 content: "\f236";
11391 background: none !important;
11392 }
11393 .icon-vikbookingstats:before {
11394 font-family: "Font Awesome 5 Free", FontAwesome !important;
11395 font-weight: 900;
11396 content: "\f236";
11397 background: none !important;
11398 }
11399 /* Joomla 3.7.0 - Start */
11400 .field-calendar, .vbo-field-calendar {
11401 display: inline-block;
11402 vertical-align: top;
11403 }
11404 .field-calendar .input-append, .vbo-field-calendar .input-append {
11405 display: flex;
11406 }
11407 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11408 padding: 8px 10px;
11409 border-radius: 0 2px 2px 0;
11410 border: 1px solid var(--vbo-config-border-color);
11411 }
11412 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11413 font-size: 14px;
11414 margin-right: 0;
11415 }
11416 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11417 margin-right: 0;
11418 }
11419 .btn-group .calendar-head-row {
11420 font-size: 13px;
11421 }
11422 /* Joomla 3.7.0 - End */
11423
11424 /* Reports - Start */
11425 .vbo-reports-container {
11426 background: var(--vbo-basic-btn);
11427 padding: 0 0 10px;
11428 }
11429 .vbo-reports-filters-outer {
11430 margin-top: 0;
11431 height: auto;
11432 background: var(--vbo-basic-btn-hover);
11433 padding: 10px;
11434 box-sizing: border-box;
11435 }
11436 .vbo-reports-filters-outer > div {
11437 display: inline-block;
11438 margin: 2px 0;
11439 }
11440 .vbo-reports-filters-export {
11441 float: right;
11442 }
11443 .vbo-reports-filters-report {
11444 margin: 0 20px;
11445 }
11446 .vbo-report-filter-lbl {
11447 margin-bottom: 2px;
11448 }
11449 .vbo-reports-filters-report .vbo-report-filter-wrap {
11450 display: inline-block;
11451 }
11452 .vbo-report-filter-val input, .vbo-report-filter-val select {
11453 margin: 0 !important;
11454 }
11455 .vbo-reports-output {
11456 margin: 10px;
11457 }
11458 .vbo-report-layout-type {
11459 text-align: right;
11460 display: inline-block;
11461 width: 100%;
11462 }
11463 .vbo-report-layout-type .vbo-report-layout-type-inner {
11464 background: var(--vbo-config-bg-color);
11465 margin-left: 10px;
11466 border: 1px solid var(--vbo-config-border-color);
11467 display: flex;
11468 width: 170px;
11469 float: right;
11470 margin-right: 10px;
11471 }
11472 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11473 display: inline-block;
11474 }
11475 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11476 border-right: 1px solid var(--vbo-config-border-color);
11477 margin-bottom: 0;
11478 padding: 9px 7px;
11479 flex-basis: 25px;
11480 text-align: center;
11481 font-size: 16px;
11482 }
11483 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11484 color: var(--vbo-config-titles-color-light);
11485 }
11486 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11487 margin-bottom: 0;
11488 border-radius: 2px;
11489 border: 0;
11490 padding: 8px 10px;
11491 height: inherit;
11492 flex: 1;
11493 }
11494 .vbo-report-chart-wrap > h4 {
11495 margin-top: 30px;
11496 font-size: 18px;
11497 margin-bottom: 10px;
11498 border-bottom: 1px solid var(--vbo-config-border-color);
11499 padding-bottom: 10px;
11500 margin-left: 10px;
11501 }
11502 .vbo-report-chart-inner {
11503 display: flex;
11504 flex-wrap: wrap;
11505 margin-bottom: 40px;
11506 }
11507 .vbo-report-chart-main {
11508 flex: 1;
11509 }
11510 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11511 background: var(--vbo-config-bg-color);
11512 border: 1px solid var(--vbo-config-bg-color);
11513 padding: 20px;
11514 border-radius: 16px;
11515 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11516 margin-bottom: 15px;
11517 position: relative;
11518 height: 70%;
11519 }
11520 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11521 font-weight: bold;
11522 color: var(--vbo-config-titles-color-light);
11523 margin-bottom: 10px;
11524 }
11525 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11526 font-size: 26px;
11527 font-weight: bold;
11528 }
11529 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
11530 display: inline-block;
11531 margin: 4px 0 6px;
11532 white-space: nowrap;
11533 }
11534 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
11535 font-size: 13px;
11536 display: inline-block;
11537 vertical-align: middle;
11538 color: var(--vbo-config-titles-color-light);
11539 }
11540 .vbo-report-chart-main .vbo-report-chart-metas {
11541 display: flex;
11542 flex-wrap: wrap;
11543 }
11544 .vbo-report-chart-main .vbo-report-chart-meta {
11545 flex-basis: 25%;
11546 }
11547 .vbo-report-chart-main .vbo-report-chart-meta-inner {
11548 margin: 0 5px;
11549 }
11550 .vbo-report-chart-main .vbo-report-chart-content {
11551 background: var(--vbo-config-bg-color);
11552 padding: 30px;
11553 border-radius: 16px;
11554 margin: 20px 5px;
11555 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11556 }
11557 .vbo-report-chart-right {
11558 flex-basis: 20%;
11559 margin-left: 15px;
11560 }
11561 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
11562 height: 30px;
11563 width: 4px;
11564 background: #ddd;
11565 content: "";
11566 position: absolute;
11567 left: -3px;
11568 top: 17px;
11569 }
11570 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
11571 background: var(--vbo-green-color);
11572 }
11573 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
11574 background: var(--vbo-red-color);
11575 }
11576 .chart-line-legend {
11577 margin-left: 0;
11578 text-align: center;
11579 }
11580 .chart-line-legend li {
11581 display: inline-block;
11582 list-style-type: none;
11583 border: 1px solid var(--vbo-config-border-color);
11584 border-radius: 20px;
11585 padding: 8px 15px 5px;
11586 margin: 5px;
11587 }
11588 .chart-line-legend li span {
11589 display: inline-block;
11590 vertical-align: top;
11591 }
11592 .chart-line-legend li .legend-entry {
11593 width: 15px;
11594 height: 15px;
11595 margin-right: 8px;
11596 border-radius: 4px;
11597 display: inline-block;
11598 }
11599 .chart-line-legend li .legend-label {
11600 margin-top: -2px;
11601 font-weight: bold;
11602 font-size: 12px;
11603 }
11604 .chart-line-legend {
11605 margin-top: 10px;
11606 }
11607 .vbo-report-sheetnchart {
11608 display: flex;
11609 }
11610 .vbo-report-sheetnchart .vbo-report-sheet {
11611 flex-basis: 60%;
11612 margin-right: 10px;
11613 }
11614 .vbo-report-sheetnchart .vbo-report-chart-wrap {
11615 flex: 1;
11616 }
11617 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
11618 display: flex;
11619 flex-wrap: wrap;
11620 }
11621 .vbo-report-sheetnchart .vbo-report-chart-right {
11622 flex-basis: 100%;
11623 margin: 0;
11624 }
11625 .vbo-report-chart-metas-bottom {
11626 margin-bottom: 20px;
11627 }
11628 .vbo-report-sheetnchart .vbo-report-chart-meta {
11629 flex-basis: 33%;
11630 }
11631 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
11632 margin: 0 5px;
11633 }
11634 .vbo-reports-output .table-responsive {
11635 border-radius: 8px;
11636 box-shadow: 0 0px 20px rgba(0,0,0,.1);
11637 margin: 0 5px 18px;
11638 background: var(--vbo-config-bg-color);
11639 }
11640 .vbo-reports-output table {
11641 margin-bottom: 0;
11642 }
11643 .vbo-reports-output table thead {
11644 background: var(--vbo-config-child-bg-color);
11645 text-transform: uppercase;
11646 font-weight: bold;
11647 }
11648 .vbo-reports-output table thead th {
11649 padding: 15px 15px;
11650 color: var(--vbo-config-title-color);
11651 font-size: 12px;
11652 white-space: nowrap;
11653 }
11654 .vbo-reports-output table thead th a {
11655 color: var(--vbo-config-title-color);
11656 }
11657 .vbo-reports-output table thead th i {
11658 margin-left: 3px;
11659 font-size: .9em;
11660 }
11661 .vbo-reports-output table tbody td:first-child {
11662 width: 150px;
11663 }
11664 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
11665 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
11666 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
11667 display: none;
11668 }
11669 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
11670 padding: 15px 15px;
11671 }
11672 .vbo-reports-output table tbody tr:nth-child(2n) {
11673 background: var(--vbo-config-child-bg-color);
11674 }
11675 .vbo-reports-output table tbody tr td:first-child span {
11676 font-weight: bold;
11677 }
11678 .vbo-reports-output table tfoot {
11679 background: var(--vbo-config-child-bg-color);
11680 }
11681 .vbo-reports-output table tfoot td h3 {
11682 margin: 12px 0;
11683 font-size: 14px;
11684 }
11685 .vbo-reports-output table tfoot tr:last-child td {
11686 vertical-align: middle;
11687 }
11688 .vbo-reports-output table tfoot tr td:not(:first-child) span {
11689 font-weight: bold;
11690 font-size: 14px;
11691 white-space: nowrap;
11692 }
11693 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
11694 display: inline-block;
11695 margin-right: 15px;
11696 }
11697 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
11698 margin: 0;
11699 }
11700 .vbo-info-overlay-content.vbo-info-overlay-report {
11701 text-align: center;
11702 }
11703 .vbo-info-overlay-content.vbo-info-overlay-report > div {
11704 margin: 0 10px;
11705 display: inline-block;
11706 }
11707 .vbo-report-load-comune span,
11708 .vbo-report-load-provincia span,
11709 .vbo-report-load-nazione span,
11710 .vbo-report-load-cittadinanza span,
11711 .vbo-report-load-doctype span,
11712 .vbo-report-load-docnum span,
11713 .vbo-report-load-docissue span,
11714 .vbo-report-load-docplace span,
11715 .vbo-report-load-sesso span,
11716 .vbo-report-load-dbirth span,
11717 .vbo-report-load-field span {
11718 display: inline-block;
11719 border: 1px solid var(--vbo-red-color);
11720 cursor: pointer;
11721 color: var(--vbo-red-color);
11722 padding: 0px 7px;
11723 }
11724 .vbo-report-load-elem-filled span {
11725 border: 0;
11726 padding: 0;
11727 color: var(--vbo-blue-color-hover);
11728 }
11729 #ui-datepicker-div {
11730 z-index: 2147483647 !important;
11731 border: 1px solid var(--vbo-config-border-color);
11732 border-radius: 4px;
11733 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
11734 }
11735 /* Reports - End */
11736
11737 /* Trackings - Start */
11738 .btn-toolbar.vbo-trackings-filters {
11739 margin-bottom: 20px;
11740 margin-top: 0 !important;
11741 height: auto !important;
11742 background: var(--vbo-toolbar-bg-color);
11743 padding: 10px;
11744 box-sizing: border-box;
11745 }
11746 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
11747 margin-right: 3px;
11748 }
11749 .vbo-trackings-table {
11750 background: var(--vbo-config-child-bg-color);
11751 }
11752 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
11753 background: var(--vbo-config-child-bg-color) !important;
11754 }
11755 .vbo-trackings-table-head {
11756 border-top: 1px solid var(--vbo-config-border-color);
11757 padding: 12px 15px 0;
11758 font-weight: bold;
11759 }
11760 .vbo-trackings-table-head-inner {
11761 display: flex;
11762 padding: 0 15px;
11763 }
11764 .vbo-trackings-table-head-inner > div i {
11765 margin-left: 5px;
11766 }
11767 .vbo-trackings-table-head-inner > div * {
11768 text-transform: uppercase;
11769 color: var(--vbo-config-titles-color-light);
11770 }
11771 .vbo-trackings-table-head-cell {
11772 flex: 1;
11773 padding: 0 5px;
11774 }
11775 .vbo-trackings-table-cell-ckb input {
11776 margin-top: 0;
11777 }
11778 .vbo-trackings-table-body {
11779 padding: 15px 15px 30px;
11780 }
11781 .vbo-trackings-table-body-row {
11782 display: flex;
11783 flex-wrap: wrap;
11784 background: var(--vbo-config-bg-color);
11785 padding: 15px;
11786 border-radius: 4px;
11787 margin: 15px 0;
11788 box-shadow: 0 4px 6px rgba(0,0,0,.05);
11789 }
11790 .vbo-trackings-table-body-cell {
11791 flex: 1;
11792 padding: 0 5px;
11793 }
11794 .vbo-trackings-table-cell-chevron {
11795 flex: 0 0 30px;
11796 cursor: pointer;
11797 padding-left: 0;
11798 }
11799 .vbo-trackings-table-cell-ckb {
11800 flex: 0 0 30px;
11801 }
11802 .vbo-trackings-table-cell-id {
11803 flex: 0 0 60px;
11804 }
11805 .vbo-trackings-table-body-subrow {
11806 display: none;
11807 flex: 0 0 100%;
11808 }
11809 .vbo-trackings-table-body-hidden-lbl {
11810 display: none;
11811 }
11812 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
11813 font-weight: bold;
11814 font-size: 1.1em;
11815 }
11816 .vbo-tracking-identifier-container {
11817 margin: 20px 0;
11818 background: var(--vbo-config-child-bg-color);
11819 border-radius: 4px;
11820 }
11821 .vbo-tracking-info-details {
11822 padding: 15px;
11823 display: flex;
11824 flex-wrap: wrap;
11825 border-bottom: 1px solid var(--vbo-config-border-color);
11826 }
11827 .vbo-tracking-info-details:last-child {
11828 border:0;
11829 }
11830 .vbo-tracking-info-details > div {
11831 flex: 1;
11832 padding: 0 10px
11833 }
11834 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
11835 flex: 0 0 15%;
11836 }
11837 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
11838 flex: 0 0 80px;
11839 }
11840 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
11841 flex: 0 0 15%;
11842 }
11843 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
11844 flex: 0 0 100%;
11845 }
11846 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
11847 margin-top: 0;
11848 }
11849 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
11850 flex: 0 0 10%;
11851 }
11852 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
11853 flex: 0 0 20%;
11854 }
11855 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
11856 display: inline-block;
11857 }
11858 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
11859 margin-right: 15px;
11860 }
11861 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
11862 font-weight: bold;
11863 }
11864 .vbo-tracking-info-device-cont i {
11865 font-size: 18px;
11866 }
11867 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
11868 font-size: 22px;
11869 }
11870 .vbo-tracking-info-subrow-lbl {
11871 text-transform: uppercase;
11872 font-weight: bold;
11873 color: #999;
11874 margin-bottom: 5px;
11875 }
11876 .vbo-tracking-info-dates-cont > div {
11877 margin-bottom: 5px;
11878 }
11879 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
11880 font-weight: bold;
11881 display: block;
11882 margin: 0;
11883 }
11884 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
11885 font-weight: bold;
11886 }
11887 .vbo-trackings-custcampaign {
11888 margin-bottom: 20px;
11889 background: var(--vbo-config-bg-color);
11890 border-radius: 10px;
11891 border: 1px solid var(--vbo-basic-btn);
11892 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
11893 padding: 15px;
11894 }
11895 .vbo-trackings-custcampaign-box {
11896 display: inline-block;
11897 margin-right: 14px;
11898 }
11899 .vbo-trackings-custcampaign-box label {
11900 margin-bottom: 5px;
11901 font-weight: 500;
11902 }
11903 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
11904 width: 100% !important;
11905 }
11906 .vbo-tracking-info-party-room {
11907 margin-bottom: 5px;
11908 }
11909 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
11910 display: block;
11911 text-transform: uppercase;
11912 font-weight: bold;
11913 }
11914 .vbo-tracking-info-booking-cont .vbo-status-label.label-success {
11915 border: 2px solid var(--vbo-green-color);
11916 color: var(--vbo-green-color);
11917 background: transparent !important;
11918 }
11919 .vbo-tracking-info-booking-cont .vbo-status-label.label-error {
11920 border: 2px solid var(--vbo-red-color);
11921 color: var(--vbo-red-color);
11922 background: transparent !important;
11923 }
11924 .vbo-tracking-info-booking-cont .vbo-status-label.label-warning {
11925 border: 2px solid var(--vbo-orange-color);
11926 color: var(--vbo-orange-color);
11927 background: transparent !important;
11928 }
11929 .vbo-tracking-info-booking-cont a {
11930 background: var(--vbo-base-color);
11931 color: #fff;
11932 border: 2px solid var(--vbo-base-color);
11933 display: table;
11934 margin-top: 5px;
11935 padding: 5px 10px;
11936 border-radius: 3px;
11937 font-weight: bold;
11938 }
11939 .vbo-tracking-info-booking-cont a:hover {
11940 background: transparent;
11941 color: var(--vbo-base-color-hover);
11942 text-decoration: none;
11943 }
11944 .vbo-tracking-info-search-results {
11945 margin-top: 10px;
11946 }
11947 .vbo-tracking-info-search-result {
11948 border: 2px solid var(--vbo-config-border-color);
11949 border-radius: 4px;
11950 padding: 10px 15px;
11951 margin: 5px 0;
11952 }
11953 .vbo-tracking-info-search-result p {
11954 margin-bottom: 0;
11955 padding-bottom: 0;
11956 font-weight: bold;
11957 }
11958 .vbo-tracking-info-search-result i {
11959 margin-right: 5px;
11960 }
11961 .vbo-tracking-info-search-result-warning {
11962 border-color: var(--vbo-orange-color);
11963 }
11964 .vbo-tracking-info-search-result-warning i {
11965 color: var(--vbo-orange-color);
11966 }
11967 .vbo-tracking-info-search-result-error {
11968 border-color: var(--vbo-red-color);
11969 }
11970 .vbo-tracking-info-search-result-error i {
11971 color: var(--vbo-red-color);
11972 }
11973 .vbo-tracking-info-search-result-info {
11974 border-color: var(--vbo-blue-color);
11975 }
11976 .vbo-tracking-info-search-result-info i {
11977 color: var(--vbo-blue-color);
11978 }
11979 .vbo-tracking-info-search-result-success {
11980 border-color: var(--vbo-green-color);
11981 }
11982 .vbo-tracking-info-search-result-success i {
11983 color: var(--vbo-green-color);
11984 }
11985 #vbo-add-trkcampaign {
11986 margin-top: 5px;
11987 }
11988 .vbo-trackings-custcampaign-uri {
11989 font-weight: bold;
11990 margin-right: 0;
11991 }
11992 .vbo-trackings-custcampaign label {
11993 display: block;
11994 }
11995 .vbo-trackings-tabs > div {
11996 display: inline-block;
11997 cursor: pointer;
11998 padding: 11px 0px;
11999 margin: 0 12px;
12000 font-size: 1.2em;
12001 text-transform: uppercase;
12002 font-weight: bold;
12003 text-align: center;
12004 color: var(--vbo-config-titles-color-light);
12005 }
12006 .vbo-trackings-tabs > .vbo-trackings-tab-active {
12007 border-bottom: 2px solid var(--vbo-blue-color);
12008 color: var(--vbo-blue-color);
12009 }
12010 .vbo-trackings-tabcont-stats {
12011 background: var(--vbo-config-child-bg-color);
12012 border-top: 1px solid var(--vbo-config-border-color);
12013 padding: 10px;
12014 }
12015 .vbo-trackings-chart-bestnights {
12016 display: flex;
12017 flex-wrap: wrap;
12018 }
12019 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12020 flex: 100%;
12021 font-size: 1.1em;
12022 margin-left: 5px;
12023 border-bottom: 1px solid var(--vbo-config-border-color);
12024 padding-bottom: 10px;
12025 text-transform: uppercase;
12026 }
12027 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12028 background: var(--vbo-config-bg-color);
12029 padding: 15px;
12030 border-radius: 4px;
12031 margin: 5px;
12032 flex-basis: 10%;
12033 box-shadow: 0 0 10px rgba(0,0,0,.05);
12034 }
12035 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12036 font-weight: bold;
12037 margin-bottom: 10px;
12038 display: block;
12039 border-bottom: 1px solid var(--vbo-config-border-color);
12040 padding-bottom: 5px;
12041 text-transform: uppercase;
12042 color: var(--vbo-config-titles-color-light);
12043 }
12044 .vbo-trackings-chart-tot {
12045 font-size: 26px;
12046 color: var(--vbo-base-color);
12047 margin-right: 4px;
12048 }
12049 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12050 margin-bottom: 10px;
12051 }
12052 .vbo-trackings-chart-middle {
12053 display: flex;
12054 margin-top: 20px;
12055 }
12056 .vbo-trackings-chart-avgvals {
12057 flex: 55%;
12058 padding-right: 50px;
12059 }
12060 .vbo-trackings-chart-referrers {
12061 flex: 1;
12062 }
12063 .vbo-trackings-chart-avgval-listcont {
12064 display: flex;
12065 flex-wrap: wrap;
12066 }
12067 .vbo-trackings-chart-avgval-listcont > div {
12068 flex: 1;
12069 background: var(--vbo-config-bg-color);
12070 padding: 15px;
12071 border-radius: 4px;
12072 box-shadow: 0 0 10px rgba(0,0,0,.05);
12073 margin: 5px;
12074 }
12075 .vbo-trackings-chart-avgval-listcont > div h5 {
12076 margin-top: 0;
12077 }
12078 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12079 margin-right: 0;
12080 }
12081 .vbo-trackings-chart-pcent {
12082 font-size: 1.1em;
12083 color: var(--vbo-config-titles-color-light);
12084 font-weight: bold;
12085 }
12086 .vbo-trackings-chart-referrer {
12087 background: var(--vbo-config-bg-color);
12088 padding: 15px;
12089 border-radius: 4px;
12090 box-shadow: 0 0 10px rgba(0,0,0,.05);
12091 margin: 10px 5px;
12092 }
12093 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12094 color: var(--vbo-green-color);
12095 }
12096 .vbo-trackings-cookiediscl {
12097 font-style: italic;
12098 width: 70%;
12099 }
12100 /* Trackings - End */
12101
12102 .vbo-choosebusy-table {
12103 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12104 border: 1px solid rgb(221, 221, 221);
12105 margin: 0 0 20px;
12106 }
12107 .vbo-choosebusy-tr1 td {
12108 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12109 vertical-align: middle;
12110 padding: 14px;
12111 border-bottom: 1px solid rgb(204, 204, 204);
12112 font-size: 16px;
12113 font-weight: 500;
12114 }
12115 .vbo-choosebusy-tr2 td img {
12116 border-radius: 0 !important;
12117 width: 100%;
12118 }
12119 .vbo-choosebusy-tr3 td {
12120 padding: 10px;
12121 }
12122 .vbo-choosebusy-tr3 td .badge {
12123 padding:3px 8px;
12124 border-radius: 3px;
12125 }
12126 #filter-bar .btn-group {
12127 margin-left:5px;
12128 }
12129 .table-responsive {
12130 overflow-x: auto;
12131 overflow-y: hidden;
12132 min-height: 0.01%;
12133 }
12134 .table {
12135 width: 100%;
12136 max-width: 100%;
12137 margin-bottom: 20px;
12138 }
12139 .vbo-receipt-company-block-outer {
12140 margin: 10px 0;
12141 display: inline-block;
12142 width: 100%;
12143 }
12144 .vbo-receipt-company-block {
12145 display: inline-block;
12146 margin: 0 10px;
12147 }
12148 .vbo-receipt-numdate-block {
12149 display: inline-block;
12150 float: right;
12151 margin: 0 10px;
12152 background: var(--vbo-basic-btn);
12153 padding: 15px;
12154 }
12155 .vbo-receipt-company-logo {
12156 display: inline-block;
12157 float: left;
12158 }
12159 .vbo-receipt-company-info {
12160 float: left;
12161 text-align: left;
12162 }
12163 .vbo-receipt-numdate-title {
12164 font-size: 18px;
12165 margin-bottom: 10px;
12166 }
12167 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12168 font-size: 12px;
12169 font-weight: bold;
12170 color: var(--vbo-config-text-color-light);
12171 display: block;
12172 margin-bottom: 5px;
12173 }
12174 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12175 display: inline-block;
12176 vertical-align: top;
12177 }
12178 .vbo-receipt-numdate-num {
12179 margin-right: 5px;
12180 }
12181 .vbo-hidein-print {
12182 margin-bottom: 0 !important;
12183 }
12184 .vbo-showin-print {
12185 display: none;
12186 }
12187 .vbo-receipt-print-confirm {
12188 text-align: center;
12189 display: inline-block;
12190 width: 100%;
12191 }
12192 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12193 display: inline-block;
12194 background: var(--vbo-base-color);
12195 color: #fff;
12196 padding: 5px 15px;
12197 border-radius: 4px;
12198 font-weight: bold;
12199 margin: 10px;
12200 cursor: pointer;
12201 }
12202 .vbo-receipt-print-btn i {
12203 margin-right: 5px;
12204 }
12205 .vbo-receipt-notes-container {
12206 padding: 18px;
12207 }
12208 .vbo-receipt-notes-inner {
12209 background: var(--vbo-config-bg-color);
12210 padding: 15px;
12211 border-radius: 8px;
12212 margin: 10px 0;
12213 }
12214 .vbo-receipt-notes-tarea textarea {
12215 height: 200px;
12216 }
12217 /* Tableaux */
12218 .vbo-tableaux-container {
12219 background: var(--vbo-config-child-bg-color);
12220 padding: 5px 15px 10px;
12221 }
12222 .vbo-tableaux-months-wrap {
12223 display: flex;
12224 flex-wrap: wrap;
12225 border: 1px solid var(--vbo-config-border-color);
12226 margin: 15px 0;
12227 background: var(--vbo-config-bg-color);
12228 border-radius: 4px;
12229 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12230 }
12231 .vbo-tableaux-months-wrap > div {
12232 flex: 1;
12233 border-right: 1px solid var(--vbo-config-border-color);
12234 text-align: center;
12235 display: flex;
12236 }
12237 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12238 border-top-left-radius: 4px;
12239 border-bottom-left-radius: 4px;
12240 }
12241 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12242 border-top-right-radius: 4px;
12243 border-bottom-right-radius: 4px;
12244 border: 0;
12245 }
12246 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12247 padding: 15px 10px;
12248 cursor: pointer;
12249 flex: 1;
12250 }
12251 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12252 display: block;
12253 }
12254 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12255 background: var(--vbo-config-child-bg-color);
12256 }
12257 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12258 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12259 background: var(--vbo-base-color);
12260 color: #fff;
12261 }
12262 .vbo-tableaux-tbl-container {
12263 margin-top: 10px;
12264 }
12265 .vbo-tableaux-table {
12266 background: var(--vbo-config-bg-color);
12267 border-radius: 4px;
12268 box-shadow: 0 0 4px rgba(0,0,0,.05);
12269 width: 100%;
12270 margin-bottom: 200px;
12271 }
12272 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12273 text-align: center;
12274 padding: 10px 4px;
12275 background: var(--vbo-light-color-btn);
12276 border-left: 1px solid var(--vbo-config-border-color);
12277 }
12278 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12279 border-left: 0;
12280 }
12281 .vbo-tableaux-table-head-cell-monyear {
12282 color: var(--vbo-config-titles-color-light);
12283 font-weight: normal;
12284 }
12285 .vbo-tableaux-table-head-cell-wmday {
12286 font-size: 15px;
12287 }
12288 .vbo-tableaux-table tr {
12289 border-bottom: 1px solid var(--vbo-config-border-color);
12290 }
12291 .vbo-tableaux-table td {
12292 border-right: 1px solid var(--vbo-config-border-color);
12293 min-width: 100px;
12294 max-width: 100px;
12295 padding: 20px 0;
12296 position: relative;
12297 background-clip: padding-box !important;
12298 }
12299 .vbo-tableaux-table tr td:first-child {
12300 position: sticky;
12301 left: 0;
12302 background: var(--vbo-config-child-bg-color);
12303 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12304 min-width: 150px;
12305 max-width: 150px;
12306 z-index: 2;
12307 font-weight: bold;
12308 padding: 15px 15px;
12309 font-size: 14px;
12310 }
12311 .vbo-tableaux-roomrow td {
12312 vertical-align: top;
12313 }
12314 .vbo-tableaux-daycell {
12315 color: var(--vbo-config-titles-color-light);
12316 font-weight: bold;
12317 text-align: center;
12318 padding: 10px;
12319 font-size: 13px;
12320 }
12321 .vbo-tableaux-festcell {
12322 background: #cea7c7;
12323 color: #fff;
12324 cursor: pointer;
12325 }
12326 .vbo-tableaux-festcell:hover {
12327 background: #bb90b3;
12328 }
12329 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12330 background: #e1aed8;
12331 }
12332 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12333 background: var(--vbo-base-color);
12334 color: #fff;
12335 font-weight: bold;
12336 padding: 7px 5px;
12337 margin: 2px 0;
12338 white-space: nowrap;
12339 position: relative;
12340 }
12341 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12342 background: var(--vbo-config-bg-color);
12343 color: var(--vbo-config-title-color);
12344 border-top: 1px solid var(--vbo-config-title-color);
12345 border-bottom: 1px solid var(--vbo-config-title-color);
12346 height: 14px;
12347 margin: 2px -1.5px;
12348 box-sizing: content-box;
12349 }
12350 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12351 border-left: 1px solid var(--vbo-config-title-color);
12352 }
12353 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12354 border-right: 1px solid var(--vbo-config-title-color);
12355 }
12356 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12357 background: transparent;
12358 display: inline-block;
12359 width: 100%;
12360 }
12361 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12362 font-size: 13px;
12363 }
12364 .vbo-tableaux-booking-avatar {
12365 z-index: 1;
12366 position: absolute;
12367 top: -6px;
12368 left: -8px;
12369 }
12370 .vbo-tableaux-booking-avatar img {
12371 height: 24px;
12372 width: 24px;
12373 border-radius: 50%;
12374 object-fit: cover;
12375 border: 2px solid #fff;
12376 }
12377 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12378 top: -1px;
12379 left: -3px;
12380 }
12381 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12382 border: 0;
12383 }
12384 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12385 padding-left: 25px;
12386 }
12387 .vbo-overv-avcell .vbo-tableaux-guest-name {
12388 font-weight: normal;
12389 font-size: 12px;
12390 }
12391 .vbo-tableaux-booking > span {
12392 position: relative;
12393 z-index: 1;
12394 }
12395 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12396 display: inline-block;
12397 margin-left: 5px;
12398 }
12399 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12400 width: 64%;
12401 float: right;
12402 border-top-left-radius: 20px;
12403 border-bottom-left-radius: 20px;
12404 padding-left: 10px;
12405 position: relative;
12406 margin-right: -2px;
12407 }
12408 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12409 position: relative;
12410 z-index: 1;
12411 }
12412 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12413 /* overflow: hidden;
12414 display: table-cell; */
12415 display: inline-block;
12416 width: 130px;
12417 clip-path: inset( -100vw 0 -100vw -8px );
12418 }
12419 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12420 top: -5px;
12421 }
12422 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12423 width: 64%;
12424 float: left;
12425 border-top-right-radius: 20px;
12426 border-bottom-right-radius: 20px;
12427 padding-right: 10px;
12428 }
12429 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12430 display: inline-block;
12431 width: 100%;
12432 }
12433 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12434 padding: 10px 15px;
12435 font-size: 1.2em;
12436 font-weight: bold;
12437 color: var(--vbo-base-color);
12438 border-left: 0;
12439 }
12440 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12441 border-left: 2px solid var(--vbo-config-border-color);
12442 }
12443 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12444 border-left: 2px solid var(--vbo-config-border-color);
12445 }
12446 .vbo-tableaux-table .vbo-tableaux-todaycell {
12447 background: var(--vbo-config-child-bg-color);
12448 }
12449 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12450 background: #d9b9d3;
12451 }
12452 .vbo-pmsperm-entry-wrap {
12453 display: flex;
12454 flex-wrap: wrap;
12455 background: var(--vbo-config-child-bg-color);
12456 margin: 5px 0;
12457 padding: 10px
12458 }
12459 .vbo-pmsperm-entry-wrap > div {
12460 margin: 5px;
12461 }
12462 .vbo-pmsperm-entry-wrap > div:first-child {
12463 flex-basis: 105px;
12464 }
12465 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12466 padding: 8px 14px;
12467 }
12468 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12469 margin-bottom: 0 !important;
12470 }
12471 .vbo-pmsperm-entry-cont:last-child {
12472 display: flex;
12473 }
12474 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12475 margin-top: 24px;
12476 }
12477 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12478 text-align: center;
12479 margin-top: 15px;
12480 }
12481 .vbo-tableauxperms-info-add {
12482 margin-bottom: 15px;
12483 text-align: center;
12484 }
12485 .vbo-pmsperm-entry-lbl {
12486 font-weight: bold;
12487 margin-bottom: 4px;
12488 }
12489 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
12490 margin-bottom: 10px;
12491 }
12492 #filter-bar.vbo-tableaux-filters {
12493 height: auto;
12494 background: var(--vbo-toolbar-bg-color);
12495 padding: 10px 10px 6px;
12496 box-sizing: border-box;
12497 }
12498 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
12499 background: var(--vbo-input-style);
12500 border-color: var(--vbo-config-border-color);
12501 }
12502 /* eInvoicing - start */
12503 .vbo-einvoicing-cellaction[data-einvaction="0"] {
12504 background: var(--vbo-red-color);
12505 }
12506 .vbo-einvoicing-cellaction[data-einvaction="1"] {
12507 background: var(--vbo-green-color);
12508 }
12509 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
12510 background: var(--vbo-blue-color);
12511 }
12512 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
12513 background: var(--vbo-orange-color);
12514 }
12515 #driversettingsform .vbo-driver-fieldset {
12516 margin-top: 20px;
12517 }
12518 #driversettingsform .vbo-driver-fieldset {
12519 border-bottom: 0;
12520 }
12521 .vbo-info-overlay-driver {
12522 height: 90% !important;
12523 }
12524 .vbo-drivers-filters-outer {
12525 display: inline-block;
12526 width: 100%;
12527 margin-top: 0;
12528 height: auto;
12529 background: var(--vbo-config-border-color);
12530 padding: 10px;
12531 box-sizing: border-box;
12532 }
12533 .vbo-drivers-filters-outer > div {
12534 display: inline-block;
12535 }
12536 .vbo-drivers-container {
12537 background: var(--vbo-main-bg-color);
12538 }
12539 .vbo-drivers-filters-driver {
12540 margin: 0 15px 0 0;
12541 }
12542 .vbo-drivers-filters-driver > div {
12543 display: inline-block;
12544 vertical-align: top;
12545 margin-right: 5px;
12546 }
12547 .vbo-drivers-custom-actions {
12548 float: right;
12549 }
12550 .vbo-drivers-custom-actions > div {
12551 display: inline-block;
12552 vertical-align: top;
12553 }
12554 .vbo-drivers-topbar {
12555 display: inline-block;
12556 width: 100%;
12557 margin-bottom: 10px;
12558 border-bottom: 1px solid var(--vbo-config-border-color);
12559 padding-bottom: 10px;
12560 }
12561 .vbo-drivers-topbar > div {
12562 display: inline-block;
12563 vertical-align: top;
12564 }
12565 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
12566 margin-top: 22px;
12567 }
12568 .vbo-drivers-output {
12569 padding-bottom: 17px;
12570 }
12571 .vbo-drivers-output .table-responsive {
12572 border-radius: 8px;
12573 box-shadow: 0 0px 20px #0000001a;
12574 margin: 18px;
12575 background: var(--vbo-config-bg-color);
12576 }
12577 .vbo-drivers-output table {
12578 margin-bottom: 0;
12579 }
12580 .vbo-drivers-output table thead {
12581 background: var(--vbo-config-child-bg-color);
12582 text-transform: uppercase;
12583 font-weight: bold;
12584 }
12585 .vbo-drivers-output table thead th {
12586 padding: 15px 15px;
12587 color: var(--vbo-config-title-color);
12588 }
12589 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
12590 padding: 15px 15px;
12591 }
12592 .vbo-drivers-output table tbody tr td:first-child span {
12593 font-weight: bold;
12594 }
12595 .vbo-drivers-output table tbody tr:nth-child(2n) {
12596 background: var(--vbo-config-child-bg-color);
12597 }
12598 .vbo-drivers-output table tfoot {
12599 background: var(--vbo-config-child-bg-color);
12600 }
12601 .vbo-drivers-output table tfoot tr:last-child td {
12602 vertical-align: middle;
12603 }
12604 .vbo-drivers-output table td .btn.btn-danger {
12605 padding: 4px 12px;
12606 font-weight: normal;
12607 font-size: 13px;
12608 }
12609 .vbo-drivers-output .vbo-driver-customoutput {
12610 display: inline-block;
12611 color: #fff;
12612 padding: 5px 4px;
12613 border-radius: 5px;
12614 height: 15px;
12615 width: 15px;
12616 cursor: pointer;
12617 }
12618 .vbo-drivers-output .vbo-driver-output-vieweinv {
12619 background: #999;
12620 border:1px solid #999;
12621 }
12622 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
12623 background: #888;
12624 }
12625 .vbo-drivers-output .vbo-driver-output-editeinv {
12626 background: var(--vbo-blue-color);
12627 border: 1px solid var(--vbo-blue-color);
12628 }
12629 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
12630 background: var(--vbo-blue-color-hover);
12631 }
12632 .vbo-drivers-output .vbo-driver-output-rmeinv {
12633 background: var(--vbo-red-color);
12634 border: 1px solid var(--vbo-red-color);
12635 }
12636 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
12637 background: var(--vbo-red-color-hover);
12638 }
12639 .vbo-drivers-output .fa-external-link {
12640 color: #444;
12641 margin-right: 5px;
12642 }
12643 .vbo-drivers-output .fa-external-link:hover {
12644 color: var(--vbo-blue-color);
12645 }
12646 /* eInvoicing - end */
12647
12648 /* Opportunities */
12649 .vbo-menu-updates .vbo-opportunities-btnbadge {
12650 background: var(--vbo-blue-color);
12651 border-color: var(--vbo-blue-color);
12652 position: relative;
12653 z-index: 1;
12654 }
12655 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
12656 background: var(--vbo-blue-color-hover);
12657 border-color: var(--vbo-blue-color-hover);
12658 }
12659 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
12660 background: var(--vbo-blue-color-hover);
12661 border-color: var(--vbo-blue-color-hover);
12662 }
12663 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
12664 content: attr(data-opportunity-count);
12665 background: var(--vbo-red-color);
12666 color: #fff;
12667 border: 1px solid var(--vbo-blue-color);
12668 width: 20px;
12669 height: 20px;
12670 border-radius: 50%;
12671 position: absolute;
12672 top: -5px;
12673 left: -8px;
12674 font-weight: bold;
12675 font-size: 11px;
12676 line-height: 20px;
12677 text-align: center;
12678 }
12679 .vbo-menu-updates .vbo-opportunities-btnbadge i {
12680 margin-right: 5px;
12681 }
12682 /* Guest Reviews */
12683 .vbo-menu-updates .vbo-reviews-btnbadge {
12684 background: #20a9b0;
12685 border-color: #20a9b0;
12686 position: relative;
12687 z-index: 0;
12688 }
12689 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
12690 background: #57bbbf;
12691 border-color: #57bbbf;
12692 }
12693 .vbo-menu-updates .vbo-reviews-btnbadge:active {
12694 background: #4ccbd0;
12695 border-color: #4ccbd0;
12696 }
12697 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
12698 content: attr(data-reviews-count);
12699 background: var(--vbo-red-color);
12700 color: #fff;
12701 border: 1px solid var(--vbo-blue-color);
12702 width: 20px;
12703 height: 20px;
12704 border-radius: 50%;
12705 position: absolute;
12706 top: -5px;
12707 left: -8px;
12708 font-weight: bold;
12709 font-size: 11px;
12710 line-height: 20px;
12711 text-align: center;
12712 }
12713 .vbo-menu-updates .vbo-reviews-btnbadge i {
12714 margin-right: 5px;
12715 }
12716
12717 /* Notification Center Menu */
12718 .vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover {
12719 background: #9bc1d7;
12720 color: #2a5166;
12721 }
12722 .vbo-notifications-center-container {
12723 position: relative;
12724 float: right;
12725 }
12726 .vbo-notifications-center-handler {
12727 float: right;
12728 display: inline-block;
12729 background: #3f708b;
12730 color: #fff;
12731 font-weight: bold;
12732 border: 1px solid #3f708b;
12733 margin: 7px 8px 6px 2px;
12734 width: 44px;
12735 height: 44px;
12736 line-height: 36px;
12737 padding: 0;
12738 border-radius: 50%;
12739 position: relative;
12740 }
12741 .vbo-notifications-center-handler:not([data-badge-read=""]):after {
12742 content: attr(data-badge-read);
12743 background: var(--vbo-red-color);
12744 color: var(--vbo-contrast-text-color);
12745 height: 18px;
12746 border: 1px solid var(--vbo-contrast-text-color);
12747 text-align: center;
12748 position: absolute;
12749 top: -5px;
12750 right: -11px;
12751 font-size: 11px;
12752 line-height: 18px;
12753 border-radius: 6px;
12754 padding: 0px 4px;
12755 }
12756 .vbo-notifications-center-handler.shaking:not([data-badge-read=""]):after {
12757 -webkit-animation-name: vik-zoom-in-zoom-out;
12758 animation-name: vik-zoom-in-zoom-out;
12759 transform-origin: center bottom;
12760 -webkit-animation-duration: 1s;
12761 animation-duration: 1s;
12762 -webkit-animation-fill-mode: both;
12763 animation-fill-mode: both;
12764 -webkit-animation-iteration-count: 1;
12765 animation-iteration-count: 1;
12766 }
12767 @keyframes vik-zoom-in-zoom-out {
12768 0% {
12769 transform: scale(1, 1);
12770 }
12771 50% {
12772 transform: scale(1.2, 1.2);
12773 }
12774 100% {
12775 transform: scale(1, 1);
12776 }
12777 }
12778 .vbo-menu-updates .vbo-notifications-center-handler > i {
12779 margin: 0;
12780 }
12781 .vbo-notifications-center-wrap {
12782 background: var(--vbo-config-bg-color);
12783 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
12784 width: 35vw;
12785 min-width: 180px;
12786 border-radius: 10px;
12787 margin: 0;
12788 position: absolute;
12789 z-index: 100;
12790 padding: 22px;
12791 visibility: visible;
12792 top: 57px;
12793 right: 0;
12794 }
12795 .vbo-notifications-center-wrap:before {
12796 width: 0;
12797 height: 0;
12798 border-style: solid;
12799 border-width: 0 7.5px 7px 7.5px;
12800 border-color: transparent transparent var(--vbo-config-bg-color) transparent;
12801 content: "";
12802 position: absolute;
12803 top: -7px;
12804 right: 23px;
12805 }
12806 .vbo-notifications-center-wrap.vbo-notifications-center-on {
12807 display: inline-block;
12808 }
12809 .vbo-notifications-center-wrap.vbo-notifications-center-off {
12810 display: none;
12811 }
12812 .vbo-notifications-center-inner .vbo-notifications-center-loading {
12813 position: relative;
12814 padding: 50px;
12815 }
12816 .vbo-notifications-center-inner .vbo-notifications-center-loading i {
12817 position: absolute;
12818 top: 50%;
12819 left: 50%;
12820 transform: translate(-50%, -50%);
12821 font-size: 24px;
12822 }
12823 .vbo-menu-updates .vbo-notifications-center-wrap {
12824 padding: 10px 22px 22px;
12825 }
12826 .vbo-menu-updates .vbo-admin-widget-head {
12827 border-bottom: 0;
12828 }
12829 .vbo-menu-updates .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
12830 padding: 0px 0 8px 10px;
12831 }
12832 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 {
12833 padding: 0px 0 3px 0;
12834 }
12835 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 i {
12836 display: none;
12837 }
12838 .vbo-menu-updates .vbo-notifications-center-inmenu-widget .vbo-suggest-notifications-btn:hover {
12839 background: none;
12840 }
12841
12842 /* New Overlay */
12843 .vbo-modal-overlay-block {
12844 position: fixed;
12845 left: 0;
12846 top: 0;
12847 width: 100%;
12848 height: 100%;
12849 background-color: rgba(6, 52, 77, 0.58);
12850 display: none;
12851 z-index: 2147483647 !important;
12852 }
12853 .vbo-modal-overlay-block-geomap-lowerzindex {
12854 z-index: 99999 !important;
12855 }
12856 .vbo-modal-overlay-block .vbo-modal-overlay-close {
12857 display: block;
12858 height: 100%;
12859 cursor: default;
12860 }
12861 .vbo-modal-overlay-block .vbo-modal-overlay-content {
12862 position: fixed;
12863 left: 50%;
12864 top: 50%;
12865 transform: translate(-50%, -50%);
12866 width: 40%;
12867 height: 60%;
12868 z-index: 101;
12869 border-radius: 5px;
12870 background-color: var(--vbo-config-bg-color);
12871 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
12872 overflow: auto;
12873 -webkit-font-smoothing: antialiased;
12874 }
12875 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
12876 width: 65%;
12877 height: 85%;
12878 border-radius: 16px;
12879 }
12880 .vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen {
12881 width: 100%;
12882 height: 100%;
12883 }
12884 .vik-contentbuilder-textmode-sptags {
12885 float: none;
12886 }
12887 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
12888 width: 65%;
12889 height: 85%;
12890 }
12891 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
12892 height: 80%;
12893 }
12894 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
12895 border-radius: 20px;
12896 }
12897 .vbo-modal-overlay-content-backdrop {
12898 position: absolute;
12899 height: 100%;
12900 width: 100%;
12901 background: rgba(0, 0, 0, .4);
12902 z-index: 100;
12903 }
12904 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
12905 left: -20px;
12906 width: calc(100% + 40px);
12907 }
12908 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
12909 position: absolute;
12910 top: 50%;
12911 left: 50%;
12912 transform: translate(-50%, -50%);
12913 }
12914 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
12915 font-size: 40px;
12916 color: #fff;
12917 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
12918 }
12919 .vbo-modal-overlay-content-head {
12920 padding: 20px;
12921 background: var(--vbo-config-child-bg-color);
12922 }
12923 .vbo-modal-overlay-content-head h3 > i {
12924 margin-right: 5px;
12925 color: var(--vbo-config-titles-color-light);
12926 }
12927 .vbo-modal-overlay-close-times {
12928 float: right;
12929 font-size: 20px;
12930 cursor: pointer;
12931 color: var(--vbo-config-title-color);
12932 padding: 10px;
12933 cursor: pointer;
12934 margin-top: -10px;
12935 display: inline-block;
12936 }
12937 .vbo-modal-overlay-close-times:hover {
12938 color: #619dca;
12939 }
12940 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
12941 background: var(--vbo-config-bg-color);
12942 padding: 0;
12943 }
12944 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
12945 position: absolute;
12946 right: 10px;
12947 top: 7px;
12948 margin: 0;
12949 padding: 0;
12950 }
12951 .vbo-modal-overlay-content-body {
12952 padding: 20px 20px 10px;
12953 }
12954 .vbo-modal-widget .vbo-modal-overlay-content-body {
12955 padding-top: 0;
12956 }
12957 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
12958 padding: 0 5px;
12959 }
12960 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
12961 padding: 35px 35px 10px;
12962 }
12963 .vbo-modal-overlay-content-footer {
12964 margin-top: 15px;
12965 text-align: right;
12966 position: absolute;
12967 width: calc(100% - 40px);
12968 right: 0;
12969 bottom: 0;
12970 border-top: 1px solid var(--vbo-config-border-color);
12971 background: var(--vbo-config-child-bg-color);
12972 padding: 10px 20px;
12973 box-sizing: content-box;
12974 }
12975 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
12976 float: left;
12977 }
12978 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
12979 font-size: 16px;
12980 font-weight: bold;
12981 }
12982 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
12983 text-align: center;
12984 padding: 10px 20px 10px;
12985 height: calc(100% - 78.2px);
12986 position: relative;
12987 }
12988 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
12989 top: 50%;
12990 left: 50%;
12991 transform: translate(-50%, -50%);
12992 position: absolute;
12993 }
12994 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
12995 border-radius: 6px;
12996 box-shadow: 0 0 10px rgba(0,0,0,.4);
12997 max-width: 80%;
12998 }
12999 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
13000 height: calc(100% - 100px);
13001 }
13002 .vbo-modal-overlay-content {
13003 -webkit-animation-name: VikfadeInUp;
13004 animation-name: VikfadeInUp;
13005
13006 -webkit-animation-duration: .5s;
13007 animation-duration: .5s;
13008 -webkit-animation-fill-mode: both;
13009 animation-fill-mode: both;
13010 }
13011 .vbo-optionals-dmgdepbcom-trigger {
13012 white-space: nowrap;
13013 }
13014
13015 @-webkit-keyframes VikfadeInUp {
13016 from {
13017 opacity: 0;
13018 -webkit-transform: translate3d(-50%, -20%, 0);
13019 transform: translate3d(-50%, -20%, 0);
13020 }
13021
13022 to {
13023 opacity: 1;
13024 -webkit-transform: translate3d(-50%, -50%, 0);
13025 transform: translate3d(-50%, -50%, 0);
13026 }
13027 }
13028
13029 @keyframes VikfadeInUp {
13030 from {
13031 opacity: 0;
13032 -webkit-transform: translate3d(-50%, -20%, 0);
13033 transform: translate3d(-50%, -20%, 0);
13034 }
13035
13036 to {
13037 opacity: 1;
13038 -webkit-transform: translate3d(-50%, -50%, 0);
13039 transform: translate3d(-50%, -50%, 0);
13040 }
13041 }
13042
13043 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
13044 margin-top: 15px;
13045 }
13046 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
13047 padding: 10px;
13048 display: flex;
13049 flex-wrap: wrap;
13050 border-bottom: 1px solid var(--vbo-config-border-color);
13051 }
13052 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
13053 flex: 1;
13054 font-weight: bold;
13055 font-size: 1.1em;
13056 align-self: center;
13057 }
13058 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
13059 margin: 0 15px;
13060 align-self: center;
13061 font-weight: bold;
13062 }
13063 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
13064 margin-left: auto;
13065 }
13066 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
13067 padding: 3px 6px;
13068 }
13069 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
13070 margin-right: 0;
13071 }
13072 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
13073 padding: 3px 6px;
13074 }
13075 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
13076 margin-right: 0;
13077 }
13078 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
13079 border: 1px solid var(--vbo-config-border-color);
13080 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13081 border-radius: 10px;
13082 margin-bottom: 10px;
13083 }
13084 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
13085 border-color: var(--vbo-base-color);
13086 }
13087 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
13088 display: grid;
13089 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
13090 column-gap: 20px;
13091 row-gap: 5px;
13092 padding: 10px;
13093 }
13094 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
13095 display: block;
13096 font-weight: 500;
13097 }
13098 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
13099 width: 100%;
13100 display: flex;
13101 border-radius: 6px;
13102 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13103 }
13104 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
13105 flex: 1;
13106 border-color: var(--vbo-config-border-color);
13107 border-top-left-radius: 6px;
13108 border-bottom-left-radius: 6px;
13109 }
13110 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
13111 box-shadow: none;
13112 }
13113 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
13114 border-top-right-radius: 6px;
13115 border-bottom-right-radius: 6px;
13116 }
13117 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
13118 margin: 0px 0 15px;
13119 }
13120 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem:last-child {
13121 margin-bottom: 0;
13122 }
13123 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
13124 font-weight: 500;
13125 display: block;
13126 margin-bottom: 4px;
13127 }
13128 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
13129 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
13130 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
13131 min-width: 50%;
13132 }
13133 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
13134 border: 1px solid #ddd;
13135 border-radius: 2px;
13136 padding: 8px 10px;
13137 margin-bottom: 0;
13138 box-sizing: border-box;
13139 height: auto;
13140 }
13141 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
13142 margin-bottom: 0;
13143 border-radius: 2px;
13144 border: 1px solid var(--vbo-config-border-color);
13145 padding: 8px 10px;
13146 height: inherit;
13147 }
13148 .vbo-modal-overlay-content-body .vbo-modal-guestmisconduct-addnew-save, .vbo-modal-overlay-content-body .vbo-modal-bcomdmgdeposit-addnew-save {
13149 margin-top: 15px;
13150 }
13151
13152 /* Content Builder */
13153 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13154 border: 1px solid var(--vbo-config-border-color);
13155 }
13156 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13157 color: var(--vbo-config-titles-color-light);
13158 }
13159 .ql-toolbar .ql-stroke {
13160 stroke: var(--vbo-config-titles-color-light);
13161 }
13162 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13163 fill: var(--vbo-config-titles-color-light);
13164 }
13165 .ql-toolbar .ql-formats > button {
13166 color: var(--vbo-config-titles-color-light);
13167 }
13168 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13169 border-color: var(--vbo-config-border-color);
13170 }
13171 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13172 border: 0;
13173 }
13174 .ql-snow .ql-picker-options {
13175 background-color: var(--vbo-config-bg-color)
13176 }
13177 .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 {
13178 color: var(--vbo-base-color);
13179 }
13180 .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 {
13181 stroke: var(--vbo-base-color);
13182 }
13183 .ql-editor {
13184 min-height: 200px;
13185 max-height: 75vh;
13186 }
13187 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13188 background: #fbfbfb;
13189 border-radius: 6px;
13190 border-top: 1px solid var(--vbo-config-border-color);
13191 }
13192 .ql-toolbar.ql-snow {
13193 border: 0;
13194 padding: 8px 0;
13195 }
13196 .ql-toolbar.ql-snow .ql-formats {
13197 background: var(--vbo-body-bg-color);
13198 border: 1px solid var(--vbo-config-border-color);
13199 padding: 5px;
13200 border-radius: 6px;
13201 }
13202 .ql-snow .ql-tooltip {
13203 background-color: var(--vbo-config-bg-color);
13204 border: 1px solid var(--vbo-config-border-color);
13205 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13206 padding: 30px 12px 10px;
13207 border-radius: 4px;
13208 color: inherit;
13209 }
13210 .ql-snow .ql-tooltip::before {
13211 position: absolute;
13212 top: 4px;
13213 }
13214 .ql-snow .ql-tooltip .ql-action {
13215 background-color: var(--vbo-base-color);
13216 border: 1px solid var(--vbo-base-color);
13217 color: #fff;
13218 display: inline-block;
13219 padding: 5px 10px;
13220 }
13221 .ql-snow .ql-tooltip .ql-action:after {
13222 margin-left: 0 !important;
13223 }
13224 .ql-snow .ql-tooltip .ql-action:hover {
13225 background-color: var(--vbo-base-color-hover);
13226 border: 1px solid var(--vbo-base-color-hover);
13227 }
13228 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13229 background-color: rgba(59, 193, 255, 0.2);
13230 }
13231 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13232 height: 30px;
13233 background: transparent;
13234 }
13235 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13236 border-style: solid;
13237 border-color: var(--vbo-config-text-color-light);
13238 border-width: 1px 0 0 0;
13239 border-radius: 20px;
13240 }
13241 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13242 border-style: solid;
13243 border-color: var(--vbo-config-text-color-light);
13244 border-width: 0 0 1px 0;
13245 border-radius: 20px;
13246 }
13247 .vik-contentbuilder-switcher {
13248 margin-bottom: 2px;
13249 }
13250 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13251 background: var(--vbo-input-style-deactive);
13252 border-color: var(--vbo-config-border-color);
13253 }
13254 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13255 border-color: var(--vbo-base-color-hover);
13256 }
13257 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13258 background: var(--vbo-middle-color-btn);
13259 border-color: var(--vbo-config-border-color);
13260 }
13261 /* Start - iOS-style toggle/switch button */
13262 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13263 margin: auto;
13264 padding: 20px 0;
13265 width: 55px;
13266 margin-top: 20px;
13267 border-radius: 5px;
13268 }
13269 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13270 opacity: 0;
13271 position: absolute;
13272 }
13273 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13274 position: relative;
13275 display: inline-block;
13276 user-select: none;
13277 transition: .4s ease;
13278 height: 30px;
13279 width: 50px;
13280 border: 1px solid var(--vbo-config-bg-color);
13281 border-radius: 60px;
13282 }
13283 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13284 content: "";
13285 position: absolute;
13286 display: block;
13287 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13288 height: 30px;
13289 width: 51px;
13290 top: 0;
13291 left: 0;
13292 border-radius: 30px;
13293 background: var(--vbo-config-border-color);
13294 }
13295 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13296 content: "";
13297 position: absolute;
13298 display: block;
13299 /*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);*/
13300 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13301 background: var(--vbo-config-bg-color);
13302 height: 24px;
13303 width: 24px;
13304 top: 3px;
13305 left: 3px;
13306 border-radius: 60px;
13307 }
13308 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13309 background: var(--vbo-green-color);
13310 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13311 }
13312 .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 {
13313 background: var(--vbo-red-color);
13314 }
13315 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
13316 left: 24px;
13317 }
13318 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
13319 color: var(--vbo-config-titles-color-light);
13320 content: attr(data-off);
13321 top: 6px;
13322 left: 60px;
13323 width: 36px;
13324 position: absolute;
13325 height: 10px;
13326 }
13327 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
13328 color: rgba(19,191,17,1);
13329 content: attr(data-on);
13330 }
13331 /* End - iOS-style toggle/switch button */
13332
13333 /* multi toogle/switch button - Start */
13334 .vik-multiswitch-wrap {
13335 position: relative;
13336 display: inline-flex;
13337 justify-content: center;
13338 align-items: flex-start;
13339 border: 1px solid var(--vbo-config-border-color);
13340 border-radius: 16px;
13341 min-width: 150px;
13342 height: 50px;
13343 }
13344 .vik-multiswitch-radiobtn {
13345 display: flex;
13346 justify-content: center;
13347 align-items: center;
13348 height: 100%;
13349 flex: 1;
13350 }
13351 .vik-multiswitch-radiobtn input {
13352 display: none !important;
13353 }
13354 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13355 width: 50px;
13356 height: 50px;
13357 border-radius: 50%;
13358 display: inline-block;
13359 transition: opacity 0.3s ease;
13360 opacity: 0.3;
13361 top: 0;
13362 cursor: pointer;
13363 }
13364 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13365 position: absolute;
13366 left: 33%;
13367 transition: transform 1s;
13368 width: 50px;
13369 height: 50px;
13370 background: transparent;
13371 }
13372 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13373 position: absolute;
13374 left: 0;
13375 text-align: center;
13376 }
13377 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13378 width: 50px;
13379 height: 50px;
13380 -moz-animation-duration: 0.4s;
13381 -moz-animation-name: slideFirst;
13382 -webkit-animation-duration: 0.4s;
13383 -webkit-animation-name: slideFirst;
13384 animation-duration: 0.4s;
13385 animation-name: slideFirst;
13386 -webkit-transform: translateZ(0);
13387 background-color: var(--vbo-green-color);
13388 }
13389 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13390 border-radius: 15px;
13391 background: var(--vbo-basic-btn);
13392 opacity: 0.7;
13393 }
13394 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13395 position: absolute;
13396 right: 0;
13397 text-align: center;
13398 }
13399 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13400 -moz-animation-duration: 0.4s;
13401 -moz-animation-name: slideLast;
13402 -webkit-animation-duration: 0.4s;
13403 -webkit-animation-name: slideLast;
13404 animation-duration: 0.4s;
13405 animation-name: slideLast;
13406 -webkit-transform: translateZ(0);
13407 width: 50px;
13408 height: 50px;
13409 background-color: var(--vbo-red-color);
13410 }
13411 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13412 opacity: 1;
13413 display: inline-block;
13414 z-index: 0;
13415 }
13416 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13417 background-color: var(--vbo-basic-btn);
13418 }
13419 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13420 background-color: #222;
13421 }
13422 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13423 background-color: #b1e0e2;
13424 }
13425 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13426 color: #0f1216;
13427 }
13428 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13429 color: #fff;
13430 }
13431 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13432 position: relative;
13433 z-index: 1;
13434 color: var(--vbo-body-text-color);
13435 font-size: 13px;
13436 }
13437 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13438 font-size: 16px;
13439 }
13440 .vik-multiswitch-noanimation {
13441 border-radius: 18px;
13442 }
13443 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13444 position: relative;
13445 padding: 5px 10px;
13446 box-sizing: border-box;
13447 }
13448 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13449 width: 50px;
13450 height: 50px;
13451 border-radius: 15px;
13452 }
13453 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13454 position: absolute;
13455 left: 0;
13456 }
13457 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13458 position: absolute;
13459 right: 0;
13460 }
13461 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
13462 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13463 animation: none !important;
13464 }
13465 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13466 width: 100%;
13467 height: 100%;
13468 border-radius: 15px;
13469 position: absolute;
13470 left: 0;
13471 }
13472 .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 {
13473 background-color: var(--vbo-base-color);
13474 }
13475 .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 {
13476 color: #fff;
13477 }
13478 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
13479 float: right;
13480 margin: 12px 15px 10px 20px;
13481 }
13482 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
13483 height: 40px;
13484 }
13485
13486 @keyframes slideFirst {
13487 from {
13488 transform: translate(100%, 0);
13489 }
13490 to {
13491 transform: translate(0px, 0px);
13492 }
13493 }
13494
13495
13496 @keyframes slideLast {
13497 from {
13498 transform: translate(-100%,0);
13499 }
13500 to {
13501 transform: translate( 0px, 0px);
13502 }
13503 }
13504
13505 /* Multi toogle/switch button - end */
13506
13507 /* New Dashboard 2021 */
13508 .vbo-admin-widgets-commands {
13509 display: inline-block;
13510 width: 100%;
13511 }
13512 .vbo-admin-widgets-commands-mng {
13513 display: inline-block;
13514 border: 1px solid var(--vbo-config-border-color);
13515 border-radius: 4px;
13516 background: var(--vbo-config-bg-color);
13517 padding: 5px 10px;
13518 float: right;
13519 }
13520 .vbo-admin-widgets-commands-mng-lbl {
13521 display: inline-block;
13522 vertical-align: top;
13523 margin-top: 10px;
13524 margin-left: 5px;
13525 cursor: pointer;
13526 }
13527 .vbo-admin-widgets-commands-mng-toggle {
13528 display: inline-block;
13529 margin-top: 5px;
13530 }
13531 .vbo-admin-widgets-commands-mng-toggle label {
13532 margin-bottom: 0;
13533 }
13534 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
13535 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
13536 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
13537 height: 26px;
13538 }
13539 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13540 margin-bottom: 0;
13541 }
13542 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
13543 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
13544 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
13545 height: 20px;
13546 width: 20px;
13547 top: 3px;
13548 }
13549 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
13550 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
13551 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
13552 left: 28px;
13553 }
13554 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13555 height: 26px;
13556 }
13557 .vbo-admin-widgets-commands-info {
13558 font-weight: bold;
13559 float: left;
13560 margin-left: 5px;
13561 }
13562 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
13563 display: block;
13564 margin-bottom: 4px;
13565 }
13566 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
13567 color: var(--vbo-red-color);
13568 }
13569 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
13570 display: inline-block;
13571 vertical-align: top;
13572 }
13573 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
13574 background: var(--vbo-config-bg-color);
13575 border: 1px solid var(--vbo-config-border-color);
13576 color: var(--vbo-config-titles-color-light);
13577 padding: 4px 12px;
13578 }
13579 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
13580 border-color: var(--vbo-blue-color);
13581 color: var(--vbo-blue-color);
13582 }
13583 .vbo-admin-widgets-section {
13584 display: flex;
13585 flex-wrap: wrap;
13586 gap: 12px;
13587 }
13588 /* Safari 10.1+ */
13589 @media not all and (min-resolution:.001dpcm) {
13590 @media {
13591 .vbo-admin-widgets-section > * + * {
13592 margin-left: 12px;
13593 }
13594 }
13595 }
13596 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
13597 flex-basis: 100%;
13598 font-size: 16px;
13599 font-weight: bold;
13600 margin-left: 8px;
13601 }
13602 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
13603 display: inline-block;
13604 margin-right: 7px;
13605 font-size: 14px;
13606 cursor: grab;
13607 }
13608 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
13609 color: #2d719a;
13610 }
13611 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13612 display: flex;
13613 }
13614 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
13615 margin-left: auto;
13616 margin-right: 10px;
13617 font-size: 14px;
13618 color: #2d719a;
13619 cursor: pointer;
13620 }
13621 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
13622 color: #333;
13623 margin-left: 16px;
13624 }
13625 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
13626 color: #2d719a;
13627 }
13628 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
13629 color: #182381;
13630 }
13631 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13632 font-size: 16px;
13633 font-weight: bold;
13634 padding: 10px 10px 0;
13635 }
13636 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
13637 flex: 1;
13638 display: flex;
13639 margin-top: 6px;
13640 }
13641 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
13642 display: inline-block;
13643 margin-left: auto;
13644 font-size: 14px;
13645 color: #2d719a;
13646 }
13647 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
13648 color: var(--vbo-red-color);
13649 cursor: pointer;
13650 }
13651 .vbo-admin-widgets-widget-info-drag:hover {
13652 color: #2d719a;
13653 }
13654 .vbo-admin-widgets-section .vbo-admin-widgets-container {
13655 flex: 1;
13656 flex-grow: 0;
13657 }
13658 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
13659 flex-basis: content;
13660 flex-grow: 0;
13661 }
13662 /*
13663 * Size Add box Container: 120px + 20px of padding = 120px;
13664 * Total margin of EACH container: 8px;
13665 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
13666 * Formula: Calc((container size - (add box total size / numb. containers)));
13667
13668 * Small Size */
13669 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
13670 flex-basis: calc(25% - 12px);
13671 max-width: 25%;
13672 }
13673 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
13674 flex-basis: calc((25% - 166px));
13675 }
13676 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
13677 flex-basis: calc((25% - (174px / 2)));
13678 }
13679 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
13680 flex-basis: calc((25% - (182px / 3)));
13681 }
13682 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
13683 flex-basis: calc((25% - (194px / 4)));
13684 }
13685 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
13686 flex-grow: 1;
13687 }
13688 /* Medium Size */
13689 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
13690 flex-basis: calc(50% - 12px);
13691 max-width: 50%;
13692 }
13693 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
13694 flex-basis: calc((50% - (174px / 2)));
13695 }
13696 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
13697 flex-basis: calc((50% - (182px / 3)));
13698 }
13699 /* Large Size */
13700 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
13701 flex-basis: calc((100% / 2) + (100% / 5));
13702 }
13703 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
13704 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
13705 }
13706 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
13707 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
13708 }
13709 /* Full Width */
13710 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
13711 width: 100%;
13712 flex-basis: inherit;
13713 }
13714 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
13715 flex-basis: calc(100% - 166px);
13716 }
13717 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
13718 background: #d8f4ff;
13719 border-radius: 10px;
13720 margin: 10px 4px;
13721 position: relative;
13722 padding-bottom: 115px;
13723 }
13724 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
13725 margin: 10px 8px;
13726 }
13727 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
13728 flex-basis: 150px;
13729 min-height: 100px;
13730 padding-bottom: 0;
13731 }
13732 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
13733 margin: 5px 0 10px;
13734 font-size: 14px;
13735 font-weight: bold;
13736 background: var(--vbo-config-child-bg-color);
13737 border: 1px solid var(--vbo-config-border-color);
13738 border-left: 2px solid #4c93af;
13739 border-radius: 4px;
13740 padding: 10px;
13741 }
13742 .vbo-modal-widgets-form-data-field label {
13743 display: block;
13744 margin-bottom: 5px;
13745 }
13746 .vbo-modal-widgets-form-data-field select {
13747 margin-bottom: 10px;
13748 }
13749 .vbo-modal-widgets-form-data-fields .select2-container {
13750 width: 180px !important;
13751 }
13752 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
13753 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
13754 .vbo-sticky-note-cmd-drag {
13755 -webkit-touch-callout: none;
13756 -webkit-user-select: none;
13757 -khtml-user-select: none;
13758 -moz-user-select: none;
13759 -ms-user-select: none;
13760 user-select: none;
13761 }
13762 .vbo-admin-widgets-wrap {
13763 padding: 8px;
13764 }
13765 .vbo-admin-widgets-widget .table-responsive {
13766 display: inline-block;
13767 width: 100%;
13768 max-height: 300px;
13769 overflow-y: scroll !important;
13770 }
13771 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
13772 background: #bdd5ea;
13773 padding: 10px;
13774 border-radius: 10px;
13775 margin: 15px 0;
13776 }
13777 .vbo-admin-widgets-widget-info-inner {
13778 padding: 15px;
13779 }
13780 .vbo-admin-widgets-widget-addnew {
13781 box-shadow: none;
13782 }
13783 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13784 background: var(--vbo-config-bg-color);
13785 border: 1px solid #838383;
13786 color: var(--vbo-config-text-color-light);
13787 border-radius: 16px;
13788 cursor: pointer;
13789 }
13790 .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 {
13791 padding: 0px 10px;
13792 text-align: center;
13793 font-size: 38px;
13794 }
13795 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
13796 background: #bdd5ea;
13797 color: #838383;
13798 padding: 0px;
13799 }
13800 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
13801 color: #838383;
13802 position: relative;
13803 cursor: pointer;
13804 border-radius: 10px;
13805 }
13806 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13807 padding: 30px 10px;
13808 }
13809 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
13810 .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 {
13811 color: #fff;
13812 background: #4c93af;
13813 border: 0;
13814 }
13815 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
13816 color: #fff;
13817 }
13818 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
13819 height: 100%;
13820 margin: 0;
13821 }
13822 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
13823 width: 100%;
13824 border-radius: 10px;
13825 }
13826 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
13827 background: #4c93af;
13828 color: #fff;
13829 cursor: pointer;
13830 }
13831 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
13832 padding: 20px 0;
13833 display: inline-block;
13834 }
13835 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
13836 position: absolute;
13837 top: 50%;
13838 left: 50%;
13839 transform: translate(-50%, -50%);
13840 }
13841 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
13842 height: 100px;
13843 position: absolute;
13844 width: calc(100% - 15px);
13845 bottom: 0;
13846 }
13847 .vbo-admin-widgets-plus-box {
13848 display: block;
13849 margin: 0 auto;
13850 }
13851 .vbo-admin-widgets-widget-details {
13852 display: flex;
13853 }
13854 .vbo-admin-widgets-widget-details h4 {
13855 font-size: 16px;
13856 }
13857 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
13858 margin-left: auto;
13859 display: inline-block;
13860 padding: 5px 5px 5px 0;
13861 cursor: grab;
13862 }
13863 .vbo-admin-widgets-widget-info-descr {
13864 font-size: 14px;
13865 }
13866 .vbo-admin-widgets-container-tmpdrop {
13867 border: 2px dashed #4c93af;
13868 background: #ecf6fa;
13869 height: 82px;
13870 width: calc(100% - 20px);
13871 border-radius: 16px;
13872 }
13873 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
13874 margin-top: 15px;
13875 position: relative;
13876 }
13877 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
13878 display: grid;
13879 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
13880 }
13881 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
13882 display: flex;
13883 flex-wrap: wrap;
13884 align-content: baseline;
13885 border: 1px solid var(--vbo-basic-btn);
13886 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13887 border-radius: 10px;
13888 margin: 10px 10px 2px;
13889 padding: 0 0 10px;
13890 }
13891 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
13892 flex-basis: 100%;
13893 margin-bottom: 4px;
13894 margin-top: 10px;
13895 font-size: 1.1em;
13896 border-bottom: 1px solid var(--vbo-basic-btn);
13897 padding: 0 10px 10px;
13898 }
13899 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
13900 padding: 5px 10px 0px;
13901 }
13902 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
13903 margin-bottom: 3px;
13904 }
13905 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
13906 margin-bottom: 0;
13907 }
13908 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
13909 margin-left: auto;
13910 padding: 10px;
13911 }
13912 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
13913 border-top: 0 !important;
13914 }
13915 .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 {
13916 list-style: none;
13917 word-break: break-word;
13918 }
13919 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13920 padding: 10px;
13921 margin-left: 0;
13922 }
13923 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13924 text-decoration: none;
13925 color: #000;
13926 background: #ffc;
13927 display: block;
13928 min-height: 100px;
13929 width: calc(25% - 80px);
13930 padding: 15px;
13931 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
13932 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13933 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13934 -moz-transition: -moz-transform .15s linear;
13935 -o-transition: -o-transform .15s linear;
13936 -webkit-transition: -webkit-transform .15s linear;
13937 }
13938 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13939 margin: 25px 20px;
13940 display: inline-block;
13941 vertical-align: top;
13942 line-height: 23px;
13943 }
13944 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13945 width: calc(33% - 80px);
13946 }
13947 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13948 padding: 0px 0 20px;
13949 margin-bottom: 0;
13950 }
13951 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13952 width: calc(70% - 100px);
13953 margin: 25px 20px 20px;
13954 }
13955 [contenteditable] {
13956 -webkit-user-select: text;
13957 user-select: text;
13958 }
13959 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13960 width: calc(40% - 100px);
13961 }
13962 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
13963 font-size: 18px;
13964 font-weight: bold;
13965 margin-bottom: 5px;
13966 margin-top: 5px;
13967 color: #444;
13968 }
13969 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
13970 margin-top: 0;
13971 }
13972 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
13973 margin: 0;
13974 }
13975 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
13976 cursor: pointer;
13977 }
13978 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13979 -webkit-transform: rotate(-6deg);
13980 -o-transform: rotate(-6deg);
13981 -moz-transform: rotate(-6deg);
13982 font-size: 18px;
13983 }
13984 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
13985 -o-transform: rotate(4deg);
13986 -webkit-transform: rotate(4deg);
13987 -moz-transform: rotate(4deg);
13988 position: relative;
13989 top: 5px;
13990 }
13991 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
13992 -o-transform: rotate(-3deg);
13993 -webkit-transform: rotate(-3deg);
13994 -moz-transform: rotate(-3deg);
13995 position: relative;
13996 top: -5px;
13997 }
13998 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
13999 -o-transform: rotate(5deg);
14000 -webkit-transform: rotate(5deg);
14001 -moz-transform: rotate(5deg);
14002 position: relative;
14003 top: -10px;
14004 }
14005 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
14006 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14007 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14008 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14009 -webkit-transform: scale(1.1);
14010 -moz-transform: scale(1.1);
14011 -o-transform: scale(1.1);
14012 position: relative;
14013 z-index: 5;
14014 background: #fff5cd;
14015 }
14016 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
14017 display: flex;
14018 color: #444;
14019 }
14020 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
14021 display: inline-block;
14022 padding: 5px;
14023 cursor: pointer;
14024 font-size: 14px;
14025 }
14026 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
14027 margin-left: auto;
14028 padding-right: 0;
14029 }
14030 .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 {
14031 color: var(--vbo-red-color);
14032 }
14033 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
14034 padding-left: 0;
14035 }
14036 .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 {
14037 color: #2d719a;
14038 }
14039 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
14040 font-size: .85em;
14041 font-style: italic;
14042 text-align: right;
14043 margin-top: 10px;
14044 }
14045 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
14046 list-style-type: disc;
14047 }
14048 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14049 height: 70px;
14050 width: calc(25% - 80px);
14051 min-height: inherit;
14052 border: 2px solid #ffe8a2;
14053 background: #fff5cd;
14054 padding: 0;
14055 }
14056 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
14057 position: relative;
14058 height: 100%;
14059 padding: 15px;
14060 box-sizing: border-box;
14061 cursor: pointer;
14062 }
14063 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
14064 background: #ffc;
14065 }
14066 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
14067 position: absolute;
14068 top: 50%;
14069 left: 50%;
14070 transform: translate(-50%, -50%);
14071 font-size: 26px;
14072 }
14073 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
14074 margin-top: 20px;
14075 font-size: 16px;
14076 width: auto;
14077 }
14078 .vbo-widget-visitscounter-wrap {
14079 display: flex;
14080 flex-wrap: wrap;
14081 justify-content: center;
14082 margin: 10px 20px 0;
14083 padding-bottom: 10px;
14084 }
14085 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14086 flex-basis: calc(50% - 52px);
14087 background: var(--vbo-config-bg-color);
14088 border: 1px solid var(--vbo-basic-btn);
14089 border-bottom: 3px solid var(--vbo-basic-btn);
14090 padding: 20px;
14091 border-radius: 16px;
14092 margin: 5px;
14093 position:relative;
14094 }
14095 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
14096 height: 30px;
14097 width: 4px;
14098 background: var(--vbo-blue-color);
14099 content: "";
14100 position: absolute;
14101 left: -3px;
14102 top: 17px;
14103 }
14104 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
14105 font-weight: 500;
14106 color: var(--vbo-config-titles-color-light);
14107 margin-top: 10px;
14108 font-size: 14px;
14109 }
14110 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
14111 font-size: 26px;
14112 font-weight: bold;
14113 letter-spacing: 1px;
14114 white-space: nowrap;
14115 }
14116 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14117 flex-basis: calc(50% - 52px);
14118 }
14119 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
14120 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14121 flex-basis: calc(25% - 52px);
14122 }
14123 .vbo-widgets-welcome-inner {
14124 font-size: 14px;
14125 }
14126 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
14127 background: #bdd5ea;
14128 padding: 10px;
14129 border-radius: 10px;
14130 margin: 15px 0;
14131 display: flex;
14132 flex-wrap: wrap;
14133 }
14134 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
14135 font-size: 16px;
14136 font-weight: bold;
14137 margin-left: 8px;
14138 flex-basis: 100%;
14139 }
14140 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
14141 background: #d8f4ff;
14142 border-radius: 10px;
14143 margin: 10px 4px;
14144 position: relative;
14145 flex-basis: calc(50% - 8px);
14146 }
14147 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14148 font-size: 16px;
14149 font-weight: bold;
14150 padding: 10px 10px 0;
14151 display: block;
14152 }
14153 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14154 display: block;
14155 border-radius: 10px;
14156 margin: 12px 8px;
14157 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14158 background: #fff;
14159 }
14160 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14161 font-size: 14px;
14162 font-weight: bold;
14163 padding: 10px;
14164 display: block;
14165 }
14166 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14167 opacity: 0;
14168 }
14169 .vbo-widgets-welcome-animate {
14170 -webkit-animation-name: VikfadeInDown;
14171 animation-name: VikfadeInDown;
14172 -webkit-animation-duration: .5s;
14173 animation-duration: .5s;
14174 -webkit-animation-fill-mode: both;
14175 animation-fill-mode: both;
14176 }
14177 .vbo-inspector-colorpicker-wrap {
14178 border-radius: 3px;
14179 border: 1px solid var(--vbo-main-bg-color);
14180 background: var(--vbo-config-bg-color);
14181 display: inline-block;
14182 height: 23px;
14183 }
14184 .vbo-inspector-colorpicker {
14185 padding: 0 0px 0 24px;
14186 position: relative;
14187 cursor: pointer;
14188 height: 100%;
14189 display: inline-block;
14190 }
14191 .vbo-inspector-colorpicker:not([style*="background"]) {
14192 background-color: #fff;
14193 opacity: 0.7;
14194 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);
14195 background-position: 0 0, 5px 5px;
14196 background-size: 10px 10px;
14197 }
14198 .vbo-inspector-colorpicker i {
14199 background: var(--vbo-config-bg-color);
14200 padding: 5px;
14201 border-left: 1px solid var(--vbo-main-bg-color);
14202 }
14203 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14204 height: 90%;
14205 }
14206 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14207 display: flex;
14208 flex-wrap: wrap;
14209 }
14210 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14211 padding: 10px;
14212 border-radius: 8px;
14213 margin: 5px;
14214 flex-basis: calc(33% - 34px);
14215 background-origin: border-box !important;
14216 color: #fff;
14217 }
14218 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14219 background: rgb(2,0,36);
14220 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14221 }
14222 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14223 cursor: pointer;
14224 }
14225 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14226 display: flex;
14227 margin-bottom: 10px;
14228 }
14229 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14230 margin-right: 15px;
14231 font-size: 20px;
14232 }
14233 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14234 margin-left: auto;
14235 font-size: 16px;
14236 cursor: pointer;
14237 }
14238 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14239 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14240 }
14241 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14242 font-size: 1.1em;
14243 font-weight: bold;
14244 margin-bottom: 2px;
14245 }
14246 .vbo-admin-widget-style-light-red {
14247 background: rgb(2,0,36);
14248 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14249 }
14250 .vbo-admin-widget-style-light-blue {
14251 background: rgb(2,0,36);
14252 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14253 }
14254 .vbo-admin-widget-style-pink {
14255 background: rgb(2,0,36);
14256 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14257 }
14258 .vbo-admin-widget-style-green {
14259 background: rgb(2,0,36);
14260 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14261 }
14262 .vbo-admin-widget-style-light-orange {
14263 background: rgb(2,0,36);
14264 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14265 }
14266 .vbo-admin-widget-style-yellow {
14267 background: rgb(2,0,36);
14268 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14269 }
14270 .vbo-admin-widget-style-red {
14271 background: rgb(2,0,36);
14272 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14273 }
14274 .vbo-admin-widget-style-violet {
14275 background: rgb(2,0,36);
14276 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14277 }
14278 .vbo-admin-widget-style-orange {
14279 background: rgb(2,0,36);
14280 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14281 }
14282 .vbo-admin-widget-style-blue {
14283 background: rgb(2,0,36);
14284 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14285 }
14286 .vbo-admin-widget-style-brown {
14287 background: rgb(2,0,36);
14288 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14289 }
14290 .vbo-admin-widget-style-dark-blue {
14291 background: rgb(2,0,36);
14292 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14293 }
14294 .vbo-modal-widget-notselected {
14295 filter: brightness(60%);
14296 }
14297 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
14298 cursor: initial;
14299 font-size: 1.4em;
14300 margin-bottom: 10px;
14301 }
14302
14303 /* Side widget panel */
14304 .vbo-sidepanel-wrapper {
14305 position: fixed;
14306 top: 0;
14307 bottom: 0;
14308 right: 0;
14309 z-index: 2147483647;
14310 }
14311 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14312 background: var(--vbo-config-child-bg-color);
14313 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14314 position: absolute;
14315 top: 0;
14316 bottom: 0;
14317 width: 25vw;
14318 padding: 10px 0 6px 0;
14319 transition: 0.3s ease-in all;
14320 -moz-transition: 0.3s ease-in all;
14321 -webkit-transition: 0.3s ease-in all;
14322 }
14323 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14324 background: var(--vbo-config-child-bg-color);
14325 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14326 position: absolute;
14327 top: 0;
14328 bottom: 0;
14329 width: 88vw;
14330 padding: 10px 0 6px 0;
14331 transition: 0.3s ease-in all;
14332 -moz-transition: 0.3s ease-in all;
14333 -webkit-transition: 0.3s ease-in all;
14334 }
14335 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
14336 visibility: hidden;
14337 }
14338 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
14339 transition: all 0.3s;
14340 }
14341 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14342 transform: translateX(25vw);
14343 right: 0;
14344 top: 0;
14345 }
14346 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14347 transform: translateX(88vw);
14348 right: 0;
14349 top: 0;
14350 }
14351 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
14352 transform: translateX(0);
14353 }
14354 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
14355 transform: translateX(0);
14356 }
14357 .vbo-sidepanel-layouts {
14358 display: flex;
14359 margin-top: -10px;
14360 padding: 6px;
14361 }
14362 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
14363 padding-left: 4px;
14364 }
14365 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
14366 display: inline-block;
14367 border: 1px solid var(--vbo-config-border-color);
14368 padding: 0px 5px;
14369 border-radius: 4px;
14370 background: var(--vbo-input-style);
14371 cursor: pointer;
14372 opacity: .8;
14373 }
14374 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14375 opacity: 1;
14376 }
14377 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14378 flex: 1;
14379 margin-left: 10px;
14380 }
14381 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14382 background: transparent;
14383 border: 0;
14384 padding: 0;
14385 color: var(--vbo-orange-color);
14386 font-size: 13px;
14387 cursor: initial;
14388 }
14389 .vbo-sidepanel-notifications-off {
14390 color: var(--vbo-red-color);
14391 cursor: pointer;
14392 }
14393 .vbo-sidepanel-notifications-off:hover {
14394 color: var(--vbo-orange-color);
14395 }
14396 .vbo-sidepanel-notifications-off.shaking {
14397 font-size: 13px;
14398 width: 15px;
14399 height: 15px;
14400 margin: 0;
14401 -webkit-animation: ring 4s .7s ease-in-out ;
14402 -webkit-transform-origin: 50% 4px;
14403 -moz-animation: ring 4s .7s ease-in-out;
14404 -moz-transform-origin: 50% 4px;
14405 animation: ring 4s .7s ease-in-out;
14406 transform-origin: 50% 4px;
14407 }
14408 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14409 margin-left: 10px;
14410 }
14411 .vbo-admin-widgets-suggest-notifications-cont {
14412 display: inline-block;
14413 vertical-align: top;
14414 padding: 4px 6px;
14415 border-radius: 4px;
14416 border: 1px solid var(--vbo-config-border-color);
14417 }
14418 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
14419 margin-left: 0 !important;
14420 }
14421
14422 @-webkit-keyframes ring {
14423 0% { -webkit-transform: rotateZ(0); }
14424 1% { -webkit-transform: rotateZ(30deg); }
14425 3% { -webkit-transform: rotateZ(-28deg); }
14426 5% { -webkit-transform: rotateZ(34deg); }
14427 7% { -webkit-transform: rotateZ(-32deg); }
14428 9% { -webkit-transform: rotateZ(30deg); }
14429 11% { -webkit-transform: rotateZ(-28deg); }
14430 13% { -webkit-transform: rotateZ(26deg); }
14431 15% { -webkit-transform: rotateZ(-24deg); }
14432 17% { -webkit-transform: rotateZ(22deg); }
14433 19% { -webkit-transform: rotateZ(-20deg); }
14434 21% { -webkit-transform: rotateZ(18deg); }
14435 23% { -webkit-transform: rotateZ(-16deg); }
14436 25% { -webkit-transform: rotateZ(14deg); }
14437 27% { -webkit-transform: rotateZ(-12deg); }
14438 29% { -webkit-transform: rotateZ(10deg); }
14439 31% { -webkit-transform: rotateZ(-8deg); }
14440 33% { -webkit-transform: rotateZ(6deg); }
14441 35% { -webkit-transform: rotateZ(-4deg); }
14442 37% { -webkit-transform: rotateZ(2deg); }
14443 39% { -webkit-transform: rotateZ(-1deg); }
14444 41% { -webkit-transform: rotateZ(1deg); }
14445
14446 43% { -webkit-transform: rotateZ(0); }
14447 100% { -webkit-transform: rotateZ(0); }
14448 }
14449
14450 @-moz-keyframes ring {
14451 0% { -moz-transform: rotate(0); }
14452 1% { -moz-transform: rotate(30deg); }
14453 3% { -moz-transform: rotate(-28deg); }
14454 5% { -moz-transform: rotate(34deg); }
14455 7% { -moz-transform: rotate(-32deg); }
14456 9% { -moz-transform: rotate(30deg); }
14457 11% { -moz-transform: rotate(-28deg); }
14458 13% { -moz-transform: rotate(26deg); }
14459 15% { -moz-transform: rotate(-24deg); }
14460 17% { -moz-transform: rotate(22deg); }
14461 19% { -moz-transform: rotate(-20deg); }
14462 21% { -moz-transform: rotate(18deg); }
14463 23% { -moz-transform: rotate(-16deg); }
14464 25% { -moz-transform: rotate(14deg); }
14465 27% { -moz-transform: rotate(-12deg); }
14466 29% { -moz-transform: rotate(10deg); }
14467 31% { -moz-transform: rotate(-8deg); }
14468 33% { -moz-transform: rotate(6deg); }
14469 35% { -moz-transform: rotate(-4deg); }
14470 37% { -moz-transform: rotate(2deg); }
14471 39% { -moz-transform: rotate(-1deg); }
14472 41% { -moz-transform: rotate(1deg); }
14473
14474 43% { -moz-transform: rotate(0); }
14475 100% { -moz-transform: rotate(0); }
14476 }
14477
14478 @keyframes ring {
14479 0% { transform: rotate(0); }
14480 1% { transform: rotate(30deg); }
14481 3% { transform: rotate(-28deg); }
14482 5% { transform: rotate(34deg); }
14483 7% { transform: rotate(-32deg); }
14484 9% { transform: rotate(30deg); }
14485 11% { transform: rotate(-28deg); }
14486 13% { transform: rotate(26deg); }
14487 15% { transform: rotate(-24deg); }
14488 17% { transform: rotate(22deg); }
14489 19% { transform: rotate(-20deg); }
14490 21% { transform: rotate(18deg); }
14491 23% { transform: rotate(-16deg); }
14492 25% { transform: rotate(14deg); }
14493 27% { transform: rotate(-12deg); }
14494 29% { transform: rotate(10deg); }
14495 31% { transform: rotate(-8deg); }
14496 33% { transform: rotate(6deg); }
14497 35% { transform: rotate(-4deg); }
14498 37% { transform: rotate(2deg); }
14499 39% { transform: rotate(-1deg); }
14500 41% { transform: rotate(1deg); }
14501
14502 43% { transform: rotate(0); }
14503 100% { transform: rotate(0); }
14504 }
14505
14506 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
14507 margin-left: auto;
14508 padding-right: 5px;
14509 padding-top: 2px;
14510 }
14511 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
14512 cursor: pointer;
14513 width: 17px;
14514 display: inline-block;
14515 }
14516 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14517 opacity: .8;
14518 }
14519 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
14520 opacity: 1;
14521 }
14522 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14523 fill: var(--vbo-config-titles-color-light);
14524 }
14525 .vbo-sidepanel-container .vbo-sidepanel-search {
14526 position: relative;
14527 display: flex;
14528 }
14529 .vbo-sidepanel-container .vbo-sidepanel-search > i {
14530 position: absolute;
14531 top: 14px;
14532 left: 15px;
14533 }
14534 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
14535 width: 100% !important;
14536 flex: 1;
14537 padding: 8px 10px;
14538 padding-left: 35px !important;
14539 }
14540 .vbo-sidepanel-container .vbo-sidepanel-search button {
14541 border-radius: 4px;
14542 margin: 0 0 0 5px;
14543 font-size: 14px;
14544 padding: 6px 8px;
14545 }
14546 .vbo-sidepanel-container .vbo-sidepanel-search button i {
14547 margin-right: 0;
14548 }
14549 .vbo-sidepanel-body-top {
14550 position: relative;
14551 margin-top: 7px;
14552 margin-bottom: 5px;
14553 padding: 0 15px;
14554 }
14555 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
14556 max-height: 35vh;
14557 overflow-y: scroll;
14558 margin-top: 5px;
14559 position: absolute;
14560 width: calc(100% - 30px);
14561 background: var(--vbo-config-bg-color);
14562 padding: 5px;
14563 box-sizing: border-box;
14564 z-index: 99999;
14565 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
14566 border-radius: 4px;
14567 }
14568 .vbo-sidepanel-add-widget {
14569 cursor: pointer;
14570 margin-bottom: 8px;
14571 border: 1px solid var(--vbo-config-border-color);
14572 border-radius: 6px;
14573 padding: 5px;
14574 }
14575 .vbo-sidepanel-add-widget:hover {
14576 border-color: var(--vbo-blue-color);
14577 }
14578 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
14579 display: flex;
14580 }
14581 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
14582 flex: 1;
14583 }
14584 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
14585 border-radius: 6px;
14586 padding: 5px;
14587 text-align: center;
14588 width: 22px;
14589 height: 22px;
14590 display: inline-block;
14591 line-height: 22px;
14592 color: #fff;
14593 box-sizing: content-box;
14594 }
14595 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
14596 font-weight: bold;
14597 margin-left: 10px;
14598 -webkit-user-select: none;
14599 -ms-user-select: none;
14600 user-select: none;
14601 }
14602 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
14603 margin-left: auto;
14604 align-self: center;
14605 font-size: 15px;
14606 cursor: pointer;
14607 color: var(--vbo-green-color);
14608 }
14609 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
14610 color: var(--vbo-green-color-hover);
14611 }
14612 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
14613 opacity: 0;
14614 margin-right: 3px;
14615 color: var(--vbo-base-color);
14616 transition: all 100ms ease-in-out 0s;
14617 }
14618 .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 {
14619 opacity: 1;
14620 transition: all 100ms ease-in-out 0s;
14621 }
14622 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
14623 color: var(--vbo-base-color-hover);
14624 }
14625 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
14626 max-height: 84vh;
14627 min-height: 300px;
14628 overflow-y: scroll;
14629 padding: 5px 15px 0;
14630 }
14631 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
14632 background: var(--vbo-config-bg-color);
14633 border-radius: 6px;
14634 margin: 20px 0 10px;
14635 position: relative;
14636 box-shadow: 0 3px 5px rgba(0,0,0,.1);
14637 }
14638 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
14639 margin-top: 10px;
14640 }
14641 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
14642 position: absolute;
14643 top: -4px;
14644 left: -6px;
14645 width: 16px;
14646 height: 16px;
14647 border-radius: 50%;
14648 text-align: center;
14649 line-height: 16px;
14650 background: var(--vbo-red-color);
14651 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
14652 color: #fff;
14653 font-size: 10px;
14654 }
14655 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
14656 background: var(--vbo-red-color-hover);
14657 }
14658 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
14659 position: absolute;
14660 top: -15px;
14661 left: 50%;
14662 transform: translate(-50%, 0);
14663 width: 24px;
14664 height: 24px;
14665 border-radius: 50%;
14666 background: var(--vbo-config-bg-color);
14667 border: 1px solid var(--vbo-main-bg-color);
14668 color: var(--vbo-config-text-color-light);
14669 text-align: center;
14670 line-height: 24px;
14671 font-size: 12px;
14672 box-shadow: 0 4px 7px rgba(0,0,0,.1);
14673 z-index: 1;
14674 cursor: pointer;
14675 opacity: 0;
14676 transition: 0.2s ease-in all;
14677 -moz-transition: 0.2s ease-in all;
14678 -webkit-transition: 0.2s ease-in all;
14679 }
14680 .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 {
14681 opacity: 1;
14682 }
14683 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
14684 color: var(--vbo-base-color);
14685 }
14686 .vbo-sidepanel-edit-widgets {
14687 margin-top: 10px;
14688 text-align: center;
14689 position: absolute;
14690 bottom: 10px;
14691 left: 50%;
14692 transform: translate(-50%, 0px);
14693 z-index: 10000;
14694 }
14695 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
14696 display: inline-block;
14697 padding: 5px 10px;
14698 border-radius: 20px;
14699 font-size: 11px;
14700 background: var(--vbo-config-border-color);
14701 border-color: var(--vbo-config-text-color-light);
14702 }
14703 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
14704 background: var(--vbo-main-bg-color);
14705 }
14706 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
14707 background: var(--vbo-orange-color);
14708 border-color: var(--vbo-orange-color-hover);
14709 box-shadow: 0 3px 5px rgba(0,0,0,.2);
14710 }
14711 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
14712 background: var(--vbo-orange-color);
14713 }
14714 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
14715 font-size: 14px;
14716 padding: 3px 0 3px 15px;
14717 margin: 8px 0;
14718 }
14719 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
14720 margin-right: 5px;
14721 font-size: 12px;
14722 }
14723 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
14724 display: none;
14725 }
14726 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
14727 height: 28px;
14728 }
14729 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14730 padding: 5px 8px;
14731 font-size: 11px;
14732 }
14733 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
14734 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14735 margin: 7px 10px 6px 6px;
14736 }
14737 .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 {
14738 padding: 2px 5px;
14739 }
14740 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
14741 padding: 3.5px 9px;
14742 }
14743 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14744 flex-wrap: wrap;
14745 }
14746 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
14747 flex-wrap: wrap;
14748 }
14749 .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 {
14750 flex-basis: 100%;
14751 margin-top: 5px;
14752 margin-right: 0;
14753 }
14754 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
14755 width: 100%;
14756 }
14757 .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 {
14758 padding: 8px;
14759 border: 1px solid var(--vbo-basic-btn);
14760 }
14761 .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 {
14762 border-color: var(--vbo-blue-color-hover);
14763 }
14764 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14765 margin-bottom: 0;
14766 }
14767 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
14768 width: 100%;
14769 }
14770 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
14771 padding: 10px 15px;
14772 }
14773 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
14774 vertical-align: middle;
14775 }
14776 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
14777 padding: 0px 10px;
14778 }
14779 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
14780 font-size: 16px;
14781 }
14782 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
14783 font-size: 13px;
14784 }
14785 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
14786 width: 100%;
14787 }
14788 .vbo-sidepanel-add-widget-focussed {
14789 background: var(--vbo-toolbar-bg-color);
14790 border-color: var(--vbo-blue-color);
14791 }
14792 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
14793 padding: 5px 0 5px 15px;
14794 }
14795 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
14796 margin-top: 3px;
14797 }
14798 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
14799 flex-basis: 180px;
14800 }
14801 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
14802 display: flex;
14803 }
14804 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
14805 align-self: center;
14806 padding: 0 8px 0 10px;
14807 }
14808 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
14809 display: block;
14810 margin-bottom: 5px;
14811 }
14812 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
14813 margin-top: 5px;
14814 }
14815 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
14816 width: 100%;
14817 }
14818 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
14819 padding: 10px;
14820 display: flex;
14821 gap: 0;
14822 }
14823 .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 {
14824 flex: 1;
14825 margin-right: 10px;
14826 }
14827 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
14828 padding: 10px 15px;
14829 }
14830 .vbo-widget-booskcal-newbook-cont {
14831 position: relative;
14832 }
14833 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
14834 margin-top: 5px;
14835 }
14836 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
14837 border-bottom: 1px solid var(--vbo-config-border-color);
14838 padding-bottom: 5px;
14839 }
14840 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
14841 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
14842 margin-right: 2px;
14843 }
14844 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
14845 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
14846 float: right;
14847 font-weight: bold;
14848 text-transform: uppercase;
14849 display: inline-block;
14850 margin-left: 10px;
14851 }
14852 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
14853 display: inline-block;
14854 margin-bottom: 2px;
14855 }
14856 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
14857 padding: 5px 10px;
14858 border-radius: 4px;
14859 margin-top: 5px;
14860 }
14861 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
14862 border: 1px solid var(--vbo-config-border-color);
14863 padding: 5px;
14864 border-radius: 6px;
14865 margin-bottom: 5px;
14866 }
14867 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
14868 width: 100%;
14869 }
14870 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14871 text-align: right !important;
14872 padding: 3px !important;
14873 vertical-align: top !important;
14874 cursor: initial;
14875 }
14876 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14877 height: 40px;
14878 }
14879 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
14880 width: 100%;
14881 height: 100%;
14882 }
14883 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
14884 vertical-align: bottom !important;
14885 background: transparent;
14886 border: 0 !important;
14887 }
14888 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
14889 background: transparent;
14890 }
14891 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
14892 background: var(--vbo-main-bg-color);
14893 }
14894 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14895 cursor: pointer;
14896 }
14897 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
14898 width: 18px;
14899 display: inline-block;
14900 height: 18px;
14901 line-height: 18px;
14902 background: var(--vbo-red-color);
14903 color: #fff;
14904 border-radius: 50%;
14905 text-align: center;
14906 }
14907 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
14908 border: 1px solid var(--vbo-config-bg-color);
14909 }
14910 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
14911 text-align: center;
14912 font-size: 12px;
14913 }
14914 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
14915 height: 40px;
14916 }
14917 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
14918 line-height: 40px;
14919 }
14920 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
14921 height: 40px;
14922 }
14923 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14924 margin-top: 0;
14925 }
14926 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14927 margin-top: 14px;
14928 }
14929 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
14930 padding-top: 6px;
14931 }
14932 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
14933 margin-bottom: 5px;
14934 }
14935 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
14936 right: 10px;
14937 min-width: 200px;
14938 }
14939 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
14940 display: flex;
14941 width: 100%;
14942 }
14943 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
14944 align-self: center;
14945 display: inline-block;
14946 }
14947 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
14948 align-self: center;
14949 margin-top: 0;
14950 padding-top: 0;
14951 padding-bottom: 0;
14952 margin-left: auto;
14953 width: auto;
14954 float: right;
14955 margin-right: 0;
14956 }
14957 .vbo-widget-reminders-list .vbo-widget-reminders-record {
14958 display: flex;
14959 padding: 5px 10px;
14960 border-radius: 4px;
14961 border: 1px solid var(--vbo-config-border-color);
14962 margin: 5px 10px;
14963 position: relative;
14964 overflow: hidden;
14965 }
14966 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
14967 margin-right: 10px;
14968 display: flex;
14969 flex-wrap: wrap;
14970 flex-direction: column;
14971 }
14972 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14973 background: none;
14974 border: 0;
14975 color: var(--vbo-body-text-color);
14976 padding: 0;
14977 font-size: 15px;
14978 margin-top: 2px;
14979 }
14980 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14981 margin-top: auto;
14982 }
14983 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14984 color: var(--vbo-orange-color);
14985 }
14986 .vbo-widget-reminders-list .vbo-reminder-ok {
14987 opacity: .8;
14988 color: var(--vbo-config-titles-color-light);
14989 }
14990 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14991 color: var(--vbo-blue-color);
14992 }
14993 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
14994 background: var(--vbo-blue-color);
14995 position: absolute;
14996 right: 0;
14997 top: 0;
14998 height: 100%;
14999 width: 35px;
15000 transition: 0.3s ease-in all;
15001 -moz-transition: 0.3s ease-in all;
15002 -webkit-transition: 0.3s ease-in all;
15003 transform: translateX(100%);
15004 display: flex;
15005 cursor: pointer;
15006 }
15007 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
15008 background: var(--vbo-blue-color-hover);
15009 }
15010 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
15011 transform: translateX(0);
15012 }
15013 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
15014 background: transparent;
15015 border: 0;
15016 padding: 0;
15017 width: 100%;
15018 color: #fff;
15019 cursor: pointer;
15020 }
15021 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
15022 margin-right: 0;
15023 }
15024 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
15025 margin-right: 10px;
15026 }
15027 .vbo-widget-reminder-title {
15028 font-weight: bold;
15029 display: block;
15030 margin-bottom: 2px;
15031 }
15032 .vbo-widget-reminders-record-due {
15033 margin-top: 3px;
15034 color: var(--vbo-config-titles-color-light) !important;
15035 font-size: .9em;
15036 display: flex;
15037 }
15038 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
15039 order: 2;
15040 margin-left: 10px;
15041 }
15042 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
15043 display: inline-block;
15044 }
15045 .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 {
15046 margin-left: 2px;
15047 }
15048 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
15049 color: var(--vbo-red-color) !important;
15050 font-size: 1em;
15051 }
15052 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
15053 padding: 5px 10px;
15054 margin-bottom: 8px;
15055 }
15056 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
15057 padding: 0 15px;
15058 }
15059 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
15060 margin-bottom: 5px;
15061 }
15062 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
15063 margin: 10px 0;
15064 }
15065 .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 {
15066 width: 100% !important;
15067 }
15068 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
15069 width: auto !important;
15070 }
15071 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
15072 min-height: 100px;
15073 }
15074 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
15075 display: flex;
15076 flex-wrap: wrap;
15077 }
15078 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
15079 float: right;
15080 margin-left: 10px;
15081 }
15082 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
15083 color: var(--vbo-orange-color);
15084 }
15085 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
15086 flex: 1;
15087 }
15088 .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 {
15089 width: 100%;
15090 }
15091 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15092 display: flex;
15093 gap: 5px;
15094 }
15095 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15096 flex: 1;
15097 }
15098 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15099 display: flex;
15100 margin-left: 10px;
15101 }
15102 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15103 flex: 0;
15104 }
15105 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
15106 width: 110px !important;
15107 }
15108 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
15109 margin-right: 5px;
15110 }
15111 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15112 margin-top: 5px;
15113 text-align: center;
15114 }
15115 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15116 display: flex;
15117 }
15118 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15119 flex: 1;
15120 }
15121 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
15122 margin-left: 5px;
15123 }
15124 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
15125 align-self: initial;
15126 }
15127 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
15128 margin-top: 3px;
15129 color: var(--vbo-config-titles-color-light) !important;
15130 font-size: .9em;
15131 }
15132 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
15133 font-weight: 500;
15134 font-size: .9em;
15135 }
15136 .vbo-widget-bookdets-cm-updresult {
15137 margin-bottom: 2px;
15138 }
15139 .vbo-widget-bookdets-cm-updresult:last-child {
15140 margin-bottom: 0;
15141 }
15142 .vbo-widget-bookdets-cm-updresult > i {
15143 color: var(--vbo-config-text-color-light);
15144 margin-right: 3px;
15145 }
15146 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
15147 padding: 2px 6px;
15148 }
15149 .vbo-widget-push-notification {
15150 margin: 0px 10px;
15151 padding: 12px;
15152 border-radius: 10px;
15153 border-width: 1px;
15154 border-style: solid;
15155 }
15156 .vbo-widget-push-notification-info {
15157 background-color: var(--vbo-info-bg);
15158 border-color: var(--vbo-info-border);
15159 color: var(--vbo-container-text-color);
15160 }
15161 .vbo-widget-push-notification-warning {
15162 background-color: var(--vbo-warning-bg);
15163 border-color: var(--vbo-warning-border);
15164 color: var(--vbo-container-text-color);
15165 }
15166 .vbo-widget-push-notification-error {
15167 background-color: var(--vbo-error-bg);
15168 border-color: var(--vbo-error-border);
15169 color: var(--vbo-container-text-color);
15170 }
15171 .vbo-widget-push-notification-title {
15172 font-size: 14px;
15173 margin-bottom: 2px;
15174 }
15175 .vbo-widget-push-notification-message {
15176 font-size: 13px;
15177 }
15178 .vbo-widget-push-notification-action {
15179 margin-top: 5px;
15180 }
15181 .vbo-widget-push-notification-action .btn.vbo-config-btn {
15182 padding: 8px 10px;
15183 }
15184 .vbo-widget-bookdets-cm-updresult-log {
15185 font-size: .95em;
15186 color: var(--vbo-config-titles-color-light);
15187 }
15188
15189 .colorpicker input {
15190 top: -4px;
15191 }
15192
15193 @-webkit-keyframes VikfadeInDown {
15194 from {
15195 opacity: 0;
15196 -webkit-transform: translate3d(0%, -20%, 0);
15197 transform: translate3d(0%, -20%, 0);
15198 }
15199
15200 to {
15201 opacity: 1;
15202 -webkit-transform: translate3d(0%, 0%, 0);
15203 transform: translate3d(0%, 0%, 0);
15204 }
15205 }
15206
15207 @keyframes VikfadeInDown {
15208 from {
15209 opacity: 0;
15210 -webkit-transform: translate3d(0%, -20%, 0);
15211 transform: translate3d(0%, -20%, 0);
15212 }
15213
15214 to {
15215 opacity: 1;
15216 -webkit-transform: translate3d(0%, 0%, 0);
15217 transform: translate3d(0%, 0%, 0);
15218 }
15219 }
15220 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
15221 text-align: center;
15222 margin-bottom: 20px;
15223 }
15224 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
15225 display: inline-block;
15226 margin: 5px;
15227 }
15228 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
15229 border-radius: 3px;
15230 padding: 8px 14px;
15231 margin-bottom: 0;
15232 font-size: inherit;
15233 }
15234 .vbo-modal-condtext-rules {
15235 display: flex;
15236 flex-wrap: wrap;
15237 }
15238 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
15239 flex-basis: calc(33% - 38px);
15240 border: 2px solid var(--vbo-config-border-color);
15241 padding: 10px;
15242 border-radius: 6px;
15243 margin: 7px;
15244 cursor: pointer;
15245 }
15246 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
15247 border-color: #acdaac;
15248 }
15249 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
15250 border-color: #46a546;
15251 }
15252 .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 {
15253 opacity: .6;
15254 border: 2px solid var(--vbo-main-bg-color);
15255 cursor: auto;
15256 color: var(--vbo-config-titles-color-light);
15257 }
15258 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
15259 margin-top: 0;
15260 margin-bottom: 5px;
15261 font-size: 16px;
15262 }
15263 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
15264 font-size: 14px;
15265 }
15266 .vbo-modal-condtext-rule-apply {
15267 text-align: center;
15268 margin-bottom: 20px;
15269 }
15270 .vbo-condtext-rule .adminlegend {
15271 display: flex;
15272 }
15273 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
15274 margin-left: auto;
15275 cursor: pointer;
15276 }
15277 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
15278 font-size: 15px;
15279 color: var(--vbo-config-titles-color-light);
15280 padding: 4px;
15281 display: inline-block;
15282 }
15283 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
15284 color: var(--vbo-red-color);
15285 }
15286 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
15287 padding: 8px 10px;
15288 border-color: var(--vbo-config-border-color);
15289 }
15290 .vbo-config-maintab-right-halfsize {
15291 display: flex;
15292 flex-wrap: wrap;
15293 padding-top: 12px;
15294 }
15295 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
15296 flex-grow: 0;
15297 }
15298 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15299 flex-basis: calc(50% - 78px);
15300 margin: 8px;
15301 flex-grow: 1;
15302 }
15303 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
15304 width: 100%;
15305 }
15306 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
15307 flex-wrap: wrap;
15308 }
15309 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15310 flex-basis: 100%;
15311 }
15312 .vbo-param-container img {
15313 max-width: 100%;
15314 }
15315 .vbo-condtext-rule[data-ruleaction="0"] {
15316 border: 1px solid var(--vbo-base-color);
15317 }
15318 .vbo-condtext-rule[data-ruleaction="1"] {
15319 border: 1px solid var(--vbo-orange-color);
15320 }
15321 .notice-noicon {
15322 padding: 12px;
15323 background-image: none;
15324 }
15325 .notice-noicon i {
15326 margin-right: 5px;
15327 }
15328 .vbo-list-table-rounded {
15329 border: 1px solid var(--vbo-config-border-color);
15330 border-radius: 10px;
15331 }
15332 .vbo-list-table-rounded .table {
15333 margin-top: 0;
15334 margin-bottom: 0;
15335 }
15336 .vbo-list-table-rounded .table thead th {
15337 padding: 18px 20px;
15338 color: #444;
15339 }
15340 .vbo-list-table-rounded .table td {
15341 padding: 10px 20px;
15342 }
15343 .vbo-list-table-rounded .table td:last-child {
15344 text-align: right;
15345 }
15346 .vbo-ratesoverview-top-outer {
15347 text-align: right;
15348 margin-top: -20px;
15349 }
15350 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
15351 display: inline-block;
15352 border: 1px solid var(--vbo-config-border-color);
15353 padding: 5px 10px 0;
15354 border-radius: 4px;
15355 margin-bottom: 5px
15356 }
15357 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
15358 display: inline-block;
15359 vertical-align: top;
15360 margin: 5px 0 0 6px;
15361 cursor: pointer;
15362 }
15363 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
15364 height: 27px;
15365 }
15366 .vbo-list-table .btn.vbo-condtext-tmpl-status {
15367 padding: 4px 10px;
15368 margin: 3px;
15369 font-size: 13px;
15370 }
15371 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
15372 margin-right: 2px;
15373 }
15374 .vbo-inspector-hover {
15375 background-color: rgba(184, 225, 243, 1) !important;
15376 }
15377 .vbo-inspector-wrap {
15378 padding: 15px;
15379 }
15380 .vbo-inspector-wrap > * {
15381 padding: 20px 0;
15382 }
15383 .vbo-admin-container .vbo-config-maintab-top {
15384 display: flex;
15385 flex-basis: 100%;
15386 }
15387 .vbo-config-maintab-top .vbo-config-fieldset-large {
15388 flex-basis: 75%;
15389 }
15390 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
15391 width: 100%;
15392 }
15393 .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 {
15394 white-space: initial;
15395 }
15396 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
15397 flex: 1;
15398 margin-left: 20px;
15399 }
15400 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
15401 width: 100%;
15402 }
15403 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
15404 padding: 5px 10px;
15405 background: var(--vbo-config-child-bg-color);
15406 margin: 0;
15407 }
15408 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
15409 font-weight: 500;
15410 }
15411 .vbo-admin-container > .vbo-config-maintab-bottom {
15412 flex-basis: 100%;
15413 }
15414 .vbo-admin-container > #vbo-conditrules-wrap {
15415 flex-grow: 0;
15416 }
15417 .btn.vbo-condtext-specialtag-btn {
15418 padding: 8px 14px;
15419 background-color: #e2eaee;
15420 color: var(--vbo-base-color);
15421 border: 1px solid #c9e0ec;
15422 }
15423 .btn.vbo-condtext-specialtag-btn:hover {
15424 background: #2482b5;
15425 border: 1px solid #2482b5;
15426 color: #fff;
15427 }
15428 .vbo-condtext-addrule-helper {
15429 flex-basis: 100%;
15430 margin: 10px 0 20px 8px;
15431 }
15432 .vbo-geoinfo-markers-wrap {
15433 display: flex;
15434 flex-wrap: wrap;
15435 }
15436 .vbo-geoinfo-marker-cont {
15437 flex-basis: calc(16% - 15px);
15438 text-align: center;
15439 border: 1px solid var(--vbo-config-border-color);
15440 background: var(--vbo-basic-btn);
15441 padding: 5px;
15442 margin: 4px;
15443 border-radius: 4px;
15444 }
15445 .vbo-geoinfo-marker-label {
15446 margin-bottom: 4px;
15447 }
15448 .btn.vbo-geomarker-status {
15449 font-size: 18px;
15450 }
15451 .btn.vbo-geomarker-status i {
15452 font-size: 16px;
15453 margin-right: 0 !important;
15454 }
15455 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
15456 border-color: var(--vbo-green-color);
15457 color: var(--vbo-green-color);
15458 }
15459 .vbo-geoinfo-param .vbo-param-label > i {
15460 margin-top: 10px;
15461 }
15462 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
15463 margin: 0;
15464 padding-top: 0;
15465 }
15466 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
15467 background: var(--vbo-config-bg-color);
15468 }
15469 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15470 border-color: var(--vbo-config-border-color);
15471 color: #343a40;
15472 }
15473 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15474 border-color: var(--vbo-green-color);
15475 color: var(--vbo-green-color);
15476 }
15477 .vbo-cust-geo-marker-svg-list {
15478 display: flex;
15479 flex-wrap: wrap;
15480 margin-bottom: 10px;
15481 margin-top: 20px;
15482 justify-content: center;
15483 }
15484 .vbo-cust-geo-marker-svg {
15485 border: 1px solid var(--vbo-config-border-color);
15486 text-align: center;
15487 border-radius: 4px;
15488 padding: 4px 10px;
15489 margin: 4px;
15490 flex-basis: calc(16% - 27px);
15491 cursor: pointer;
15492 position: relative;
15493 }
15494 .vbo-cust-geo-marker-svg-icon {
15495 padding-right: 10px;
15496 }
15497 .vbo-cust-geo-marker-svg-name {
15498 margin-bottom: 10px;
15499 font-size: 14px;
15500 }
15501 .vbo-cust-geo-marker-svg svg {
15502 height: 43px;
15503 max-width: 100%;
15504 }
15505 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
15506 border-color: #008d02;
15507 }
15508 .vbo-cust-geo-marker-svg-addnew i {
15509 font-size: 26px;
15510 }
15511 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
15512 padding-right: 0;
15513 }
15514 .vbo-cust-geo-marker-svg-adjust {
15515 margin-bottom: 20px;
15516 border: 1px solid var(--vbo-config-border-color);
15517 padding: 10px 20px;
15518 background: var(--vbo-config-child-bg-color);
15519 }
15520 .vbo-geo-marker-param-container {
15521 margin: 12px 0;
15522 }
15523 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
15524 margin-right: 10px;
15525 min-width: 80px;
15526 margin-bottom: 5px;
15527 font-weight: 500;
15528 }
15529 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
15530 margin-right: 10px;
15531 min-width: 140px;
15532 margin-bottom: 10px;
15533 }
15534 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
15535 width: 100% !important;
15536 }
15537 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
15538 margin: 15px 0 20px;
15539 }
15540 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
15541 display: flex;
15542 flex-wrap: wrap;
15543 justify-content: center;
15544 }
15545 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
15546 margin: 12px 10px;
15547 }
15548 .vbo-cust-geo-marker-save {
15549 text-align: center;
15550 margin-bottom: 20px;
15551 }
15552 .vbo-cust-geo-marker-top {
15553 text-align: center;
15554 margin-bottom: 20px;
15555 }
15556 #geo_address_formatted {
15557 cursor: pointer;
15558 }
15559 #geo_address_formatted:hover {
15560 color: #0071a1;
15561 }
15562 .vbo-cust-geo-marker-svg-remove {
15563 position: absolute;
15564 right: 0;
15565 bottom: 0;
15566 padding: 2px 4px;
15567 border: 1px solid var(--vbo-config-border-color);
15568 border-bottom: 0;
15569 border-right: 0;
15570 border-top-left-radius: 4px;
15571 }
15572 .vbo-cust-geo-marker-svg-remove span:hover i {
15573 color: var(--vbo-red-color);
15574 }
15575 .vbo-geo-marker-param-setting .btn.btn-secondary {
15576 padding: 9px 14px;
15577 }
15578 .vbo-geomarker-infowin-wrap {
15579 min-width: 250px;
15580 }
15581 .vbo-geomarker-infowin-wrap > h4 {
15582 margin: 0px 0 10px;
15583 font-size: 16px;
15584 }
15585 .vbo-geo-marker-param-setting img {
15586 max-width: 90%;
15587 margin-bottom: 5px;
15588 }
15589 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
15590 max-width: 180px;
15591 }
15592 .vbo-geo-legend-import {
15593 float: right;
15594 }
15595 .vbo-geo-legend-import .select2-container .select2-selection--single {
15596 height: 36px;
15597 border: 1px solid var(--vbo-config-border-color);
15598 border-radius: 2px;
15599 font-size: 14px;
15600 font-weight: normal;
15601 }
15602 .vbo-geo-legend-import #select2-roomselcalc-container {
15603 font-weight: normal;
15604 font-size: 14px;
15605 }
15606 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
15607 height: 36px;
15608 }
15609 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
15610 line-height: 36px;
15611 }
15612 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15613 margin-right: 10px;
15614 }
15615 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
15616 margin-top: 7px;
15617 }
15618 .vbo-geoinfo-param #vbo-goverlay-edit {
15619 margin-left: 15px;
15620 }
15621 .vbo-geo-marker-params-group {
15622 display: flex;
15623 flex-wrap: wrap;
15624 }
15625 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
15626 margin: 12px 5px;
15627 flex-basis: calc(50% - 10px);
15628 }
15629 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
15630 width: 100% !important;
15631 box-sizing: border-box;
15632 height: auto;
15633 }
15634 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
15635 height: 80%;
15636 }
15637 .vbo-paybutpos-wrap {
15638 margin-top: 10px;
15639 }
15640 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
15641 border-radius: 10px;
15642 background: var(--vbo-main-bg-color);
15643 padding: 15px;
15644 width: 300px;
15645 font-size: 16px;
15646 color: var(--vbo-config-titles-color-light);
15647 box-shadow: 0 5px 10px rgba(0,0,0,.15);
15648 }
15649 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
15650 border-radius: 4px;
15651 margin: 0 5px 5px;
15652 background: var(--vbo-light-color-btn);
15653 width: 200px;
15654 height: 20px;
15655 }
15656 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
15657 text-align: center;
15658 padding: 7px;
15659 margin: 0 5px 0;
15660 border: 2px solid var(--vbo-config-bg-color);
15661 border-radius: 4px;
15662 }
15663 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
15664 background: var(--vbo-base-color);
15665 color: #fff;
15666 padding: 5px 18px;
15667 display: inline-block;
15668 border-radius: 6px;
15669 cursor: pointer;
15670 }
15671 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
15672 display: flex;
15673 }
15674 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
15675 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
15676 flex: 1;
15677 margin: 5px;
15678 border-radius: 4px;
15679 background: var(--vbo-config-bg-color);
15680 padding: 10px 15px;
15681 }
15682 .vbo-param-container.vbo-param-container-log {
15683 border: 1px solid var(--vbo-config-border-color);
15684 padding: 10px;
15685 margin: 2px;
15686 border-radius: 4px;
15687 background: var(--vbo-config-child-bg-color);
15688 }
15689 #vbo-condtext-warn-norules {
15690 width: 100%;
15691 }
15692 #ifchildrenextra .vbo-dyninpnum-cont + a {
15693 display: inline-block;
15694 background: var(--vbo-base-color);
15695 color: #fff;
15696 border: 0;
15697 padding: 9px 14px;
15698 font-weight: bold;
15699 font-size: 13px;
15700 line-height: 18px;
15701 border-radius: 3px;
15702 }
15703 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
15704 background: var(--vbo-base-color-hover);
15705 }
15706 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
15707 background: var(--vbo-link-text-color);
15708 }
15709 #ifchildrenextra .vbo-dyninpnum-cont + a i {
15710 margin-right: 5px;
15711 }
15712 #ifchildrenextra .vbo-dyninpnum-cont input {
15713 margin: 5px 0;
15714 }
15715 #minguestscont > div, #alwaysavcont > div {
15716 margin: 5px 0;
15717 }
15718 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
15719 width: auto !important;
15720 }
15721 .vbo-admin-container .vbo-maninvoice-tbcont {
15722 width: 100%;
15723 border: 1px solid var(--vbo-main-bg-color);
15724 border-radius: 7px;
15725 border-spacing: 0px;
15726 border-collapse: separate;
15727 }
15728 .vbo-maninvoice-tbcont th {
15729 background: var(--vbo-main-bg-color);
15730 text-align: left;
15731 padding: 7px 10px;
15732 }
15733 .vbo-maninvoice-tbcont th:first-child {
15734 border-top-left-radius: 5px;
15735 }
15736 .vbo-maninvoice-tbcont th:last-child {
15737 border-top-right-radius: 5px;
15738 }
15739 .vbo-maninvoice-tbcont td {
15740 padding: 5px 10px;
15741 }
15742 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
15743 margin: 2px;
15744 }
15745 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
15746 vertical-align: top;
15747 display: inline-block;
15748 }
15749 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
15750 width: 80px !important;
15751 }
15752 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
15753 text-align: right;
15754 }
15755 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
15756 margin-right: 0 !important;
15757 }
15758 .vbo-maninvoice-totals-format {
15759 position: relative;
15760 }
15761 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
15762 position: absolute;
15763 top: -1px;
15764 left: 10px;
15765 color: var(--vbo-config-titles-color-light);
15766 font-size: 15px;
15767 }
15768 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
15769 padding-left: 25px !important;
15770 }
15771 #maxquantblock {
15772 width: 100%;
15773 }
15774 .colorpicker {
15775 z-index: 100000001;
15776 }
15777 .vbo-toast-wrapper .toast-message-content {
15778 color: var(--vbo-body-text-color) !important;
15779 }
15780 .vbo-toast-wrapper .toast-message-content.notice {
15781 background-color: var(--vbo-config-bg-color) !important;
15782 }
15783
15784 /* Virtual Terminal Widget */
15785 .vbo-vterminal-cc-container {
15786 padding: 20px;
15787 }
15788 .vbo-vterminal-cc-row-group {
15789 display: flex;
15790 flex-wrap: wrap;
15791 }
15792 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
15793 margin-bottom: 14px;
15794 flex: 1;
15795 }
15796 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
15797 margin-bottom: 3px;
15798 text-align: left;
15799 font-size: 14px;
15800 font-weight: 500;
15801 }
15802 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
15803 flex: 1;
15804 height: 50px !important;
15805 border: 1px solid var(--vbo-config-border-color);
15806 border-radius: 6px !important;
15807 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
15808 margin: 0;
15809 }
15810 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
15811 flex-basis: 150px;
15812 flex-grow: 0;
15813 }
15814 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
15815 width: 100% !important;
15816 max-width: inherit !important;
15817 }
15818 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
15819 border-top-right-radius: 0 !important;
15820 border-bottom-right-radius: 0 !important;
15821 }
15822 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
15823 flex: 1;
15824 }
15825 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
15826 position: relative;
15827 }
15828 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
15829 position: absolute;
15830 top: 50%;
15831 right: 15px;
15832 transform: translateY(-50%);
15833 width: 32px;
15834 height: 20px;
15835 }
15836 @keyframes vterminal-card-position {
15837 0% {right: 0}
15838 100% {right: -5px}
15839 }
15840 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
15841 position: relative;
15842 animation-name: vterminal-card-position;
15843 animation-duration: 0.2s;
15844 right: -5px;
15845 width: 32px;
15846 height: 20px;
15847 }
15848 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
15849 flex-basis: 150px;
15850 flex-grow: 0;
15851 }
15852 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
15853 border-top-left-radius: 0 !important;
15854 border-bottom-left-radius: 0 !important;
15855 border-left: 0;
15856 }
15857 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
15858 font-weight: 500;
15859 font-size: 16px;
15860 width: 100%;
15861 padding: 10px 14px;
15862 }
15863 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
15864 font-weight: 500;
15865 }
15866
15867 /* Template Override */
15868 .vbo-overrides-manager {
15869 background: var(--vbo-body-bg-color) !important;
15870 }
15871 .vbo-overrides-manager .override-file #override-copy {
15872 background-color: var(--vbo-blue-color) !important;
15873 color: var(--vbo-contrast-text-color) !important;
15874 border-color: var(--vbo-blue-color) !important;
15875 }
15876 .vbo-overrides-manager .override-file #override-copy:hover {
15877 background-color: var(--vbo-blue-color-hover) !important;
15878 color: var(--vbo-contrast-text-color) !important;
15879 border-color: var(--vbo-blue-color-hover) !important;
15880 }
15881
15882 /* generic calendar box */
15883 .vbo-input-calendar-box {
15884 background: var(--vbo-input-style);
15885 border: 1px solid var(--vbo-config-border-color);
15886 border-radius: 2px;
15887 padding: 0 10px 0 0;
15888 display: inline-block;
15889 vertical-align: top;
15890 }
15891 .vbo-input-calendar-box input[type="text"] {
15892 border: 0;
15893 box-shadow: none;
15894 background: transparent;
15895 padding: 5px 0 5px 10px;
15896 }
15897 .vbo-input-calendar-box i.dashicons-calendar-alt {
15898 top: 8px;
15899 position: relative;
15900 }
15901
15902 /* Color Scheme hide/show panel */
15903 .vbo-sidepanel-colorscheme {
15904 position: relative;
15905 margin-right: 10px;
15906 }
15907 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
15908 display: inline-block;
15909 border: 1px solid var(--vbo-config-border-color);
15910 padding: 0px 5px;
15911 border-radius: 4px;
15912 cursor: pointer;
15913 color: var(--vbo-config-titles-color-light);
15914 opacity: .8;
15915 z-index: 1;
15916 }
15917 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
15918 color: var(--vbo-base-color);
15919 }
15920 .vbo-sidepanel-colorscheme-list {
15921 z-index: 1000000;
15922 visibility: hidden;
15923 opacity: 0;
15924 width: 100px;
15925 padding: 10px 15px;
15926 right: 0;
15927 background: var(--vbo-config-bg-color);
15928 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
15929 border-radius: 10px;
15930 position: absolute;
15931 }
15932 .vbo-sidepanel-colorscheme-list-show {
15933 transform: scale(0.99) translateY(-0.7em);
15934 transform-origin: top;
15935 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
15936 transition-duration: 500ms;
15937 transition-property: opacity,transform;
15938 visibility: visible;
15939 opacity: 1;
15940 transform: scale(1) translateY(0);
15941 }
15942 .vbo-sidepanel-colorscheme-option {
15943 padding: 7px 0;
15944 }
15945 .vbo-sidepanel-colorscheme-option i {
15946 margin-right: 5px;
15947 }
15948 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
15949 color: var(--vbo-base-color);
15950 cursor: pointer;
15951 }
15952
15953 .vbo-dashboard-colorscheme {
15954 display: inline-block;
15955 margin-right: 0;
15956 }
15957 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
15958 right: initial;
15959 left: 0;
15960 margin-top: 2px;
15961 }
15962 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
15963 font-weight: normal;
15964 }
15965 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
15966 padding: 4px 6px;
15967 vertical-align: top;
15968 }
15969
15970 .vbo-widget-bulkmess-steps {
15971 margin-top: 10px;
15972 }
15973 .vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps {
15974 margin: 10px;
15975 }
15976 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step {
15977 margin: 0 0 12px;
15978 background: var(--vbo-config-child-bg-color);
15979 border: 1px solid var(--vbo-config-child-bg-color);
15980 border-bottom: 3px solid var(--vbo-config-border-color);
15981 border-bottom-width: 3px;
15982 border-radius: 12px;
15983 }
15984 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child {
15985 margin-bottom: 0;
15986 }
15987 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content {
15988 display: none;
15989 }
15990 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title {
15991 padding: 12px 20px;
15992 cursor: pointer;
15993 display: flex;
15994 }
15995 .vbo-admin-widget-wrapper h4 i {
15996 color: var(--vbo-config-titles-color-light);
15997 }
15998 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover {
15999 border-color: var(--vbo-base-color);
16000 }
16001 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 {
16002 padding: 0;
16003 margin: 0;
16004 }
16005 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content {
16006 padding: 0 20px 5px;
16007 border-top: 1px solid var(--vbo-config-border-color);
16008 }
16009 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content {
16010 padding: 10px 20px 10px;
16011 }
16012 .vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content {
16013 padding: 20px;
16014 }
16015 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea {
16016 width: 100%;
16017 }
16018 .vbo-widget-bulkmess-step-status {
16019 margin-left: auto;
16020 font-size: .9em;
16021 font-style: italic;
16022 color: var(--vbo-config-titles-color-light);
16023 }
16024 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation {
16025 padding: 10px 0;
16026 }
16027 .vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox {
16028 align-self: center;
16029 margin-right: 5px;
16030 }
16031 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook {
16032 display: block;
16033 }
16034 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label {
16035 display: inline-block;
16036 }
16037 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i {
16038 margin-right: 5px
16039 }
16040 .vbo-widget-bulkmess-gonext {
16041 text-align: right;
16042 margin-top: 10px;
16043 margin-bottom: 10px;
16044 }
16045 .vbo-widget-bulkmess-progress-inner progress {
16046 width: 100%;
16047 background: #ddd;
16048 border-radius: 10px;
16049 }
16050 .vbo-widget-bulkmess-bookings-actions {
16051 margin-top: 8px;
16052 }
16053 .vbo-widget-bulkmess-bookings-actions .btn {
16054 border-color: var(--vbo-middle-color-btn);
16055 }
16056 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon {
16057 font-size: 12px;
16058 }
16059 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified {
16060 margin-left: 5px;
16061 }
16062 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i {
16063 color: var(--vbo-green-color);
16064 }
16065
16066 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-groups {
16067 border-bottom: 1px solid var(--vbo-config-border-color);
16068 }
16069 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group {
16070 display: inline-block;
16071 border-bottom: 2px solid var(--vbo-config-bg-color);
16072 color: var(--vbo-config-titles-color-light);
16073 }
16074 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active {
16075 border-color: var(--vbo-config-title-color);;
16076 color: var(--vbo-config-title-color);
16077 font-weight: bold;
16078 }
16079 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover {
16080 color: var(--vbo-config-title-color);
16081 }
16082 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group span {
16083 display: inline-block;
16084 position: relative;
16085 padding: 10px 15px;
16086 cursor: pointer;
16087 }
16088 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group span:not([data-badge-count=""]) {
16089 padding: 10px 32px 10px 15px;
16090 }
16091 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group span:not([data-badge-count=""]):after {
16092 content: attr(data-badge-count);
16093 background: var(--vbo-config-text-color-light);
16094 color: var(--vbo-contrast-text-color);
16095 position: absolute;
16096 top: 50%;
16097 right: -9px;
16098 font-weight: bold;
16099 font-size: 11px;
16100 text-align: center;
16101 transform: translate(-12px, -50%);
16102 border-radius: 4px;
16103 padding: 0px 5px;
16104 }
16105 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active span:not([data-badge-count=""]):after, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover span:not([data-badge-count=""]):after {
16106 background: var(--vbo-config-title-color);
16107 }
16108 .vbo-widget-notifscenter-list {
16109 max-height: calc(100vh - 300px);
16110 overflow: hidden;
16111 overflow-y: scroll;
16112 }
16113 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap {
16114 display: flex;
16115 padding: 10px 15px;
16116 border-bottom: 1px solid var(--vbo-config-border-color);
16117 cursor: pointer;
16118 }
16119 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread {
16120 background: var(--vbo-light-color-btn);
16121 position: relative;
16122 }
16123 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:after {
16124 content: "";
16125 width: 8px;
16126 height: 8px;
16127 border-radius: 50%;
16128 top: 5px;
16129 right: 18px;
16130 transform: translate(10px, 10px);
16131 position: absolute;
16132 background: var(--vbo-base-color);
16133 }
16134 .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 {
16135 background: var(--vbo-info-bg);
16136 }
16137 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar {
16138 width: 40px;
16139 margin-right: 15px;
16140 }
16141 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar img {
16142 width: 40px;
16143 height: 40px;
16144 }
16145 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-info-box-avatar {
16146 position: relative;
16147 }
16148 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-avatar-badge {
16149 position: absolute;
16150 width: 20px;
16151 height: 20px;
16152 text-align: center;
16153 line-height: 20px;
16154 background: var(--vbo-basic-btn);
16155 border-radius: 50%;
16156 font-size: 10px;
16157 bottom: -6px;
16158 right: -5px;
16159 color: var(--vbo-contrast-text-color);
16160 }
16161 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-lightblue {
16162 background: #09cbdf;
16163 }
16164 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-green {
16165 background: #2ed30c;
16166 }
16167 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-orange {
16168 background: #ffaf16;
16169 }
16170 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-purple {
16171 background: #cc16ff;
16172 }
16173 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details {
16174 flex: 1;
16175 }
16176 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-title {
16177 font-weight: bold;
16178 }
16179 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label {
16180 padding: 1px 4px !important;
16181 font-weight: normal;
16182 font-size: 10px;
16183 }
16184 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-customer-initials {
16185 width: 40px;
16186 height: 40px;
16187 line-height: 40px;
16188 font-size: 16px;
16189 border-radius: 50%;
16190 color: var(--vbo-config-text-color-light);
16191 background: var(--vbo-config-child-bg-color);
16192 text-align: center;
16193 display: inline-block;
16194 letter-spacing: 1px;
16195 }
16196 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta {
16197 margin-top: 5px;
16198 }
16199 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn {
16200 background: var(--vbo-config-title-color);
16201 color: var(--vbo-contrast-text-color);
16202 border: 1px solid var(--vbo-config-title-color);
16203 padding: 4px 10px;
16204 }
16205 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn:hover {
16206 background: transparent;
16207 border: 1px solid var(--vbo-config-title-color);
16208 color: var(--vbo-config-title-color);
16209 }
16210 .vbo-widget-notifscenter-loadmore-info {
16211 text-align: center;
16212 font-size: 16px;
16213 font-weight: 600;
16214 }
16215 .vbo-widget-notifscenter-markread {
16216 margin-bottom: 8px;
16217 border-bottom: 1px solid var(--vbo-config-border-color);
16218 padding-bottom: 8px;
16219 }
16220 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all {
16221 font-weight: bold;
16222 text-decoration: underline;
16223 cursor: pointer;
16224 }
16225 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all:hover {
16226 text-decoration: none;
16227 }
16228 .vbo-widget-notifscenter-filter-confirm {
16229 display: flex;
16230 }
16231 .vbo-widget-notifscenter-filter-confirm .btn-secondary {
16232 width: 40px;
16233 margin-right: 5px;
16234 }
16235 /* @end styles */
16236
16237 /* @start media queries */
16238 @media print {
16239 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
16240 display: none !important;
16241 visibility: hidden !important;
16242 }
16243 .vbo-showin-print {
16244 display: inline-block;
16245 }
16246 .vbo-hidein-print {
16247 display: none !important;
16248 }
16249 .vbo-bookingdet-summary-roomguests {
16250 margin-bottom: 10px;
16251 }
16252 .vbo-receipt-notes-inner {
16253 border-radius: 0 !important;
16254 border-top: 1px solid #ddd;
16255 }
16256 .vbo-receipt-numdate-date-val {
16257 font-size: 1.1em;
16258 }
16259 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
16260 padding: 0 30px;
16261 }
16262 .vbo-bookdet-wrap {
16263 margin: 0 10px 10px;
16264 max-width: inherit;
16265 min-width: inherit;
16266 }
16267 .vbo-bookdet-head {
16268 border-bottom: 0;
16269 padding: 0;
16270 font-weight: bold;
16271 }
16272 .vbo-bookdet-foot {
16273 padding: 0;
16274 }
16275 .vbo-bookdet-head, .vbo-bookdet-foot {
16276 text-align: left;
16277 }
16278 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
16279 -webkit-flex: 100%;
16280 -ms-flex: 100%;
16281 flex: 100%;
16282 }
16283 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16284 width: 23%;
16285 }
16286 .vbo-bookdet-container {
16287 text-align: left;
16288 }
16289 .vbo-bookingdet-detcont {
16290 background: #f6f6f6;
16291 }
16292 .vbo-receipt-numdate-block {
16293 padding-top: 0 !important;
16294 vertical-align: top;
16295 }
16296 .vbo-bookdet-foot {
16297 font-size: 1em;
16298 }
16299 .vbo-table-responsive {
16300 overflow: visible;
16301 }
16302 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
16303 display: none !important;
16304 }
16305 body {
16306 -webkit-print-color-adjust: exact;
16307 }
16308 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
16309 background: #02679a !important;
16310 color: #fff !important;
16311 border: 1px solid #ddd !important;
16312 -webkit-print-color-adjust: exact;
16313 }
16314 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
16315 color: #fff !important;
16316 }
16317 .vbo-tableaux-table tr td:first-child {
16318 background: var(--vbo-config-child-bg-color) !important;
16319 }
16320
16321 html {
16322 padding: 0 !important;
16323 }
16324 body.vbo-is-printing {
16325 height: auto;
16326 background: #fff;
16327 }
16328 .vbo-is-printing h4 {
16329 margin-top: 0;
16330 padding-top: 0;
16331 }
16332 .vbo-is-printing .vbo-reports-output {
16333 margin: 10px 2px;
16334 padding-bottom: 10px;
16335 }
16336 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
16337 display: none;
16338 }
16339 .vbo-is-printing .vbo-report-output-printing .table-responsive {
16340 overflow: initial;
16341 box-shadow: none;
16342 }
16343 .vbo-is-printing .vbo-reports-output table th {
16344 text-transform: initial;
16345 }
16346 .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 {
16347 padding: 15px 5px;
16348 white-space: initial;
16349 font-size: 13px;
16350 }
16351 .vbo-is-printing .vbo-report-sheet {
16352 border-radius: 8px;
16353 padding: 3px;
16354 border: 1px solid #eee;
16355 margin-bottom: 2px;
16356 }
16357 .vbo-is-printing .vbo-reports-output table tbody td a {
16358 color: inherit;
16359 }
16360 .vbo-is-printing .vbo-reports-output .table-responsive {
16361 margin: 0;
16362 }
16363 .vbo-is-printing .vbo-report-title-print {
16364 text-align: center;
16365 }
16366 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
16367 flex-basis: 100%;
16368 }
16369 .vbo-is-printing .vbo-report-chart-wrap {
16370 display: none;
16371 }
16372 table tfoot {
16373 display: table-row-group;
16374 }
16375 .vbo-menu-container {
16376 display: none;
16377 }
16378 .vbo-allbookings-fm #filter-bar .pull-right {
16379 display: none;
16380 }
16381 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
16382 font-size: 12px;
16383 }
16384 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
16385 font-size: 12px;
16386 }
16387 .vbo-allbookings-fm span.label.vbo-status-label {
16388 font-size: 11px;
16389 padding: 5px 9px !important;
16390 }
16391 .vbo-allbookings-fm .vbo-provenience {
16392 font-size: 13px;
16393 }
16394 }
16395 @media screen and (min-width: 2400px) {
16396 .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 {
16397 flex-basis: auto;
16398 margin-right: 15px;
16399 margin-bottom: 0;
16400 }
16401 }
16402 @media screen and (min-width: 1860px) {
16403 .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 {
16404 margin-left: 0;
16405 }
16406 }
16407 @media screen and (max-width: 2000px) {
16408 .vbo-menu-updates > button {
16409 width: 44px;
16410 height: 44px;
16411 line-height: 36px;
16412 padding: 0;
16413 border-radius: 50%;
16414 }
16415 .vbo-menu-updates > button i {
16416 margin-right: 0 !important;
16417 }
16418 .vbo-menu-updates > button span {
16419 display: none;
16420
16421 }
16422 }
16423 @media screen and (max-width: 1860px) {
16424 .vbo-admin-container .vbo-param-container-full {
16425 flex-wrap: wrap;
16426 }
16427 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
16428 flex-basis: 100% !important;
16429 margin-bottom: 10px;
16430 }
16431 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
16432 display: block;
16433 margin-bottom: 5px;
16434 }
16435 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16436 flex-basis: calc(25% - 16px);
16437 }
16438 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16439 width: calc(100% - 100px);
16440 }
16441 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
16442 flex-basis: calc(100% - 52px);
16443 }
16444 }
16445 @media screen and (max-width: 1760px) {
16446 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
16447 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
16448 width: 80px !important;
16449 }
16450 .vbo-roomentries-cont {
16451 width: 40%;
16452 }
16453 .vbo-report-sheetnchart .vbo-report-sheet {
16454 flex-basis: 50%;
16455 }
16456 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
16457 display: none;
16458 }
16459 .vbo-report-sheetnchart .vbo-report-chart-meta {
16460 flex-basis: 50%;
16461 }
16462 .vbo-dashboard-today-bookings {
16463 flex-basis: 65%;
16464 }
16465 .vbo-dashboard-chart-container {
16466 flex-basis: auto;
16467 flex-grow: initial;
16468 }
16469 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16470 margin: 0 0 15px;
16471 }
16472 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16473 width: 52% !important;
16474 }
16475 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16476 width: 46%;
16477 }
16478 .vbo-dashboard-firstsetup-container {
16479 width: 90%;
16480 }
16481 .vbo-geoinfo-param .vbo-param-setting span {
16482 display:block;
16483 margin-bottom: 5px;
16484 }
16485 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
16486 display: inline-block;
16487 }
16488 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16489 margin-bottom: 10px;
16490 }
16491 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16492 display: block;
16493 float: none;
16494 margin-bottom: 10px;
16495 margin-left: 0;
16496 }
16497 .vbo-checkin-main-block .vbo-checkin-payment-container {
16498 flex-basis: 100%;
16499 margin: 10px 0;
16500 box-sizing: border-box;
16501 }
16502 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16503 flex-basis: 100%;
16504 margin-left: 0;
16505 }
16506 .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 {
16507 width: 100% !important;
16508 }
16509 .vbo-menu-parent-li > span {
16510 padding: 14px 15px;
16511 }
16512 }
16513 @media screen and (max-width: 1612px) {
16514 .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 {
16515 flex-basis: calc(50% - 12px);
16516 max-width: 50%;
16517 }
16518 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
16519 padding: 15px 5px 15px 10px;
16520 }
16521 }
16522 @media screen and (max-width: 1580px) {
16523 .vbo-dashboard-today-occ {
16524 margin: 10px 20px;
16525 }
16526 .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 {
16527 width: calc(33% - 80px);
16528 }
16529 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16530 width: calc(50% - 80px);
16531 }
16532 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16533 flex-basis: calc(50% - 16px);
16534 }
16535 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
16536 display: flex;
16537 margin-bottom: 5px;
16538 }
16539 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
16540 flex: 1;
16541 }
16542 .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 {
16543 margin: 10px 15px 6px 10px;
16544 }
16545
16546 }
16547 /* main menu screen size adjustments */
16548 @media screen and (max-width: 1440px) {
16549 .vbo-menu-updates > button {
16550 width: 42px;
16551 height: 42px;
16552 padding: 0;
16553 border-radius: 50%;
16554 }
16555 .vbo-menu-updates > button span {
16556 display: none;
16557 }
16558 .vbo-menu-updates > button i {
16559 margin-right: 0 !important;
16560 }
16561 }
16562 @media screen and (max-width: 1280px) {
16563 .vbo-menu-left {
16564 max-width: 100px;
16565 }
16566 .vbo-ratesoverview-period-container {
16567 flex: 0 0 25%;
16568 }
16569 #vbpaymentlogdiv pre {
16570 max-width: 100%;
16571 }
16572 #vbpaymentlogdiv .vcm-notif-pcidrq-container {
16573 float: none;
16574 display: block;
16575 margin-bottom: 10px;
16576 }
16577 }
16578
16579 @media screen and (max-width: 1520px) {
16580 .vbo-admin-container .vbo-param-container .vbo-param-label {
16581 flex-basis: 200px;
16582 }
16583 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
16584 flex-basis: 100%;
16585 }
16586 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16587 flex-basis: 100%;
16588 }
16589 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
16590 margin-left: 10px;
16591 }
16592 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16593 margin-top: 0;
16594 margin-left: 5px;
16595 }
16596 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16597 width: 100%;
16598 }
16599 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16600 width: 50%;
16601 float: left;
16602 }
16603 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16604 width: 100% !important;
16605 }
16606 .vbo-modal-overlay-block .vbo-modal-overlay-content {
16607 width: 95%;
16608 }
16609 .vbo-admin-container > div:not([id^="jmodal"]) {
16610 flex: 100%;
16611 margin-left: 0 !important;
16612 margin-right: 0 !important;
16613 }
16614 .vbo-admin-container .adminform {
16615 margin: 10px 0;
16616 }
16617 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16618 margin: 8px;
16619 }
16620 .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 {
16621 width: calc(33% - 80px);
16622 }
16623 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16624 width: calc(100% - 80px);
16625 }
16626 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16627 -webkit-transform: rotate(-2deg);
16628 -o-transform: rotate(-2deg);
16629 -moz-transform: rotate(-2deg);
16630 }
16631 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
16632 width: calc(100% - 100px);
16633 -o-transform: rotate(0);
16634 -webkit-transform: rotate(0);
16635 -moz-transform: rotate(0);
16636 }
16637 .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 {
16638 display: block;
16639 margin-bottom: 2px;
16640 margin-right: 0;
16641 }
16642 }
16643 @media screen and (max-width: 1500px) and (min-width: 760px) {
16644 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
16645 white-space: initial;
16646 }
16647 }
16648 @media screen and (max-width: 1400px) {
16649 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
16650 width: 100%;
16651 float: none;
16652 box-sizing: border-box;
16653 }
16654 .vbo-bookingdet-summary-roomnum {
16655 display: block;
16656 }
16657 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
16658 white-space: initial;
16659 display: flex;
16660 }
16661 .vbo-bookingslist-viewdet-fulldate {
16662 white-space: nowrap;
16663 }
16664 .vbo-bookingslist-viewdet-open {
16665 margin-left: 10px;
16666 order: 2;
16667 }
16668 .vbo-dashboard-today-bookings {
16669 flex-basis: 60%;
16670 }
16671 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
16672 justify-content: left;
16673 }
16674 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16675 flex-basis: 50%;
16676 }
16677 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16678 width: 100%;
16679 }
16680 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
16681 margin-left: 0;
16682 }
16683 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16684 float: none;
16685 margin-bottom: 10px;
16686 }
16687 .vbo-editbooking-room-services .vbo-editbooking-room-service {
16688 flex: 0 0 33%;
16689 }
16690 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
16691 align-self: end;
16692 margin-bottom: 0;
16693 }
16694 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
16695 flex-grow: 1;
16696 flex-wrap: wrap;
16697 margin-bottom: 0;
16698 }
16699 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
16700 display: block;
16701 flex-basis: 100%;
16702 margin-bottom: 5px;
16703 }
16704 }
16705 @media screen and (max-width: 1400px) and (min-width: 1320px) {
16706 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
16707 width: 100% !important;
16708 margin-bottom: 3px;
16709 }
16710 }
16711 @media screen and (max-width: 1380px) {
16712 #filter-bar {
16713 height: auto !important;
16714 }
16715 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16716 width: auto;
16717 display: block;
16718 margin: 3px;
16719 }
16720 .vbadmincaltable td {
16721 padding: 5px 0 !important;
16722 }
16723 .vbo-ratesoverview-roomsel-block > form {
16724 flex-wrap: wrap;
16725 }
16726 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
16727 flex-basis: 100%;
16728 border-right: 0;
16729 border-bottom: 1px solid var(--vbo-config-border-color);
16730 border-radius: 0;
16731 }
16732 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
16733 border: 0;
16734 flex-basis: min-content;
16735 }
16736 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
16737 border: 1px solid var(--vbo-config-border-color);
16738 border-radius: 16px;
16739 padding: 20px;
16740 }
16741 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16742 width: 50%;
16743 }
16744 #vbo-report-chart-canvas {
16745 width: 82%;
16746 }
16747 .vbo-ratesoverview-roomsel-entry-forecast {
16748 flex-grow: inherit;
16749 }
16750 .vbo-menu-ul .vbo-menu-parent-li > span {
16751 padding: 13px 18px;
16752 }
16753 .vbo-menu-parent-li > span a {
16754 display: none;
16755 }
16756 .vbo-menu-parent-li > span > i {
16757 margin: 0;
16758 }
16759 .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 {
16760 flex-basis: 100%;
16761 }
16762 .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 {
16763 width: 100%;
16764 }
16765 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
16766 margin-left: 0;
16767 }
16768 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
16769 width: 100% !important;
16770 }
16771 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16772 display: flex;
16773 }
16774 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16775 flex: 1;
16776 }
16777 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
16778 margin-left: 5px;
16779 }
16780 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
16781 max-width: 150px;
16782 }
16783 }
16784 @media screen and (max-width: 1320px) {
16785 .vbo-admin-container > div {
16786 flex: 100%;
16787 }
16788 .vbo-admin-container .adminform {
16789 margin: 10px 0;
16790 }
16791 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16792 margin: 8px;
16793 }
16794 .vbo-admin-container .vbo-param-container .vbo-param-label {
16795 flex-basis: 250px;
16796 }
16797 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16798 flex-basis: 100%;
16799 }
16800 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
16801 margin: 10px 0px 0;
16802 }
16803 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16804 margin-top: 0;
16805 margin-left: 5px;
16806 width: auto;
16807 }
16808 .vbo-roomentries-cont {
16809 width: 210px;
16810 }
16811 .vbo-ratesoverview-roomsel-entry-forecast > label {
16812 margin-left: 20px;
16813 margin-top: 20px;
16814 }
16815 .vbo-config-tabs-wrap dl.tabs dt {
16816 padding: 5px 15px;
16817 }
16818 .vbo-config-maintab-top {
16819 flex-wrap: wrap;
16820 }
16821 .vbo-config-maintab-top .vbo-config-fieldset-large {
16822 flex-basis: 100%;
16823 }
16824 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
16825 margin-left: 0;
16826 }
16827 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16828 flex-basis: 100%;
16829 }
16830 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
16831 flex-basis: calc(50% - 12px);
16832 max-width: 50%;
16833 }
16834 #filter-bar .pull-left {
16835 margin-bottom: 10px;
16836 }
16837 /* @WPonly
16838 * The black background of the modal has been disabled in smartphones and tablets.
16839 * 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.
16840 */
16841 .modal-backdrop.fade.in {
16842 display: none;
16843 }
16844 }
16845 @media screen and (max-width: 1520px) and (min-width: 1280px) {
16846 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16847 display: block;
16848 width: 100%;
16849 }
16850 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16851 width: 100%;
16852 display: block;
16853 margin-top: 5px;
16854 }
16855 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
16856 display: inline-block;
16857 width: 90%;
16858 }
16859 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
16860 width: 100% !important;
16861 box-sizing: border-box;
16862 height: auto;
16863 }
16864 }
16865 @media screen and (max-width: 1290px) {
16866 .vbo-dashboard-today-bookings {
16867 flex-basis: 100%;
16868 }
16869
16870 .vbo-bookdet-splitstay-details > div > span {
16871 display: block;
16872 border-right: 0;
16873 border-bottom: 1px solid var(--vbo-basic-btn);
16874 }
16875 .vbo-bookdet-splitstay-details > div > span:last-child {
16876 border-bottom: 0;
16877 }
16878 }
16879 @media screen and (max-width: 1280px) {
16880 .vbo-menu-parent-li > span {
16881 padding: 18px 17px;
16882 }
16883 .vbo-menu-parent-li > span::after {
16884 right: 6px;
16885 }
16886 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
16887 margin-top: 20px;
16888 }
16889 .vbo-config-maintab-left .adminform:only-child {
16890 padding: 15px 20px;
16891 margin: 0px;
16892 }
16893 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16894 display: inherit;
16895 width: auto;
16896 }
16897 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16898 width: auto;
16899 display: inline-block;
16900 margin-left: auto;
16901 }
16902 .vbo-checkin-main-block .vbo-roomsdet-container {
16903 flex-basis: 100%;
16904 margin: 0 0 10px;
16905 }
16906 .vbo-checkin-main-block .vbo-checkin-payment-container {
16907 flex-basis: 100%;
16908 box-sizing: border-box;
16909 }
16910 .vbo-graph-top-right, .vbo-graph-bottom-right {
16911 flex-basis: 20%;
16912 }
16913 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16914 flex-basis: 100%;
16915 }
16916 .vbo-stats-topform .pull-left {
16917 display: block;
16918 float: none;
16919 margin-bottom: 5px;
16920 }
16921 .vbo-stats-topform #filter-bar .pull-right {
16922 float: right;
16923 margin-left: 5px;
16924 }
16925 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16926 flex-basis: 100%;
16927 }
16928 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16929 margin: 0 0 10px;
16930 }
16931 .vbo-report-layout-type .vbo-report-layout-type-inner {
16932 margin-right: 10px;
16933 }
16934 .vbo-report-sheetnchart {
16935 flex-wrap: wrap;
16936 }
16937 .vbo-report-sheetnchart .vbo-report-sheet {
16938 flex-basis: 100%;
16939 margin-right: 0;
16940 }
16941 .vbo-reports-filters-outer .vbo-reports-filters-export {
16942 display: block;
16943 width: 100%;
16944 float: none;
16945 margin-top: 5px;
16946 }
16947 .vbo-reports-filters-outer > div {
16948 margin: 3px;
16949 }
16950 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
16951 margin-right: 0;
16952 }
16953 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
16954 padding: 10px 20px;
16955 }
16956 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
16957 margin-bottom: 5px;
16958 }
16959 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
16960 font-size: 22px;
16961 }
16962 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
16963 margin-right: 0;
16964 }
16965 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16966 display: block !important;
16967 }
16968 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
16969 flex-basis: 50%;
16970 }
16971 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16972 flex-basis: calc(100% - 16px);
16973 }
16974 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16975 flex-basis: 100%;
16976 }
16977 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16978 flex: initial;
16979 width: 100%;
16980 }
16981 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16982 flex: 1;
16983 }
16984 .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 {
16985 width: 100% !important;
16986 }
16987 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16988 flex-wrap: wrap;
16989 }
16990 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16991 align-self: end;
16992 }
16993 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16994 width: auto;
16995 align-self: end;
16996 }
16997 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
16998 width: 110px !important;
16999 }
17000 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17001 width: auto !important;
17002 }
17003 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
17004 flex: initial;
17005 }
17006 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
17007 flex: 1;
17008 }
17009 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17010 width: 80px !important;
17011 }
17012 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
17013 width: 100%;
17014 }
17015 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17016 margin-top: 0;
17017 }
17018 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
17019 margin-left: 5px;
17020 }
17021 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
17022 display: block;
17023 margin-top: 5px;
17024 }
17025 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
17026 margin-left: 0;
17027 }
17028 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
17029 display: block;
17030 }
17031 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17032 width: 100%;
17033 }
17034 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17035 width: 35vw;
17036 }
17037 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
17038 width: 100%;
17039 }
17040 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
17041 grid-template-columns: repeat(1, 1fr);
17042 }
17043 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
17044 flex-grow: 1;
17045 }
17046 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
17047 flex-grow: 0;
17048 }
17049 .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 {
17050 margin: 5px 0 0;
17051 width: 100%;
17052 }
17053 .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 {
17054 width: 20px;
17055 margin-right: 8px;
17056 }
17057 .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 {
17058 width: 20px;
17059 height: 20px;
17060 line-height: 20px;
17061 margin-right: 8px;
17062 font-size: 10px;
17063 }
17064 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
17065 display: flex;
17066 }
17067 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
17068 margin-right: 3px;
17069 }
17070 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
17071 width: 100%;
17072 margin-left: 0;
17073 }
17074 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
17075 flex: 1;
17076 }
17077 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
17078 width: 100% !important;
17079 }
17080 .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 {
17081 flex: initial;
17082 }
17083 .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 {
17084 float: none;
17085 margin: 10px 15px 0px 10px;
17086 }
17087 .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 {
17088 flex-basis: 100%;
17089 }
17090 .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 {
17091 width: 100%;
17092 float: none;
17093 }
17094 .vbo-admin-widget-head .btn-toolbar {
17095 margin: 10px 15px 10px 10px;
17096 }
17097 .vbo-ratesoverview-period-boxes-inner > div {
17098 flex-basis: 100%;
17099 }
17100 }
17101 @media screen and (max-width: 1080px) {
17102 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
17103 order:2;
17104 }
17105 .vbo-ratesoverview-period-container {
17106 -ms-flex: 100%;
17107 -webkit-flex: 100%;
17108 flex: 100%;
17109 order:1;
17110 margin-bottom: 5px;
17111 }
17112 #filter-bar .pull-right {
17113 display: inline-block;
17114 float: none;
17115 margin: 0 0 5px 0;
17116 }
17117 .btn-group.pull-right.vbo-avov-legend {
17118 width: 100%;
17119 }
17120 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17121 flex-basis: 20%;
17122 }
17123 .vbo-config-tabs-wrap dl.tabs dt {
17124 padding: 10px;
17125 }
17126 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
17127 flex-basis: 45%;
17128 }
17129 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17130 width: 100%;
17131 }
17132 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
17133 flex-basis: 100%;
17134 }
17135 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
17136 flex-basis: 100%;
17137 height: 100px;
17138 }
17139 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
17140 flex-basis: calc((50% - (16px / 2)));
17141 }
17142 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
17143 flex-basis: calc((50% - (24px / 3)));
17144 }
17145 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
17146 flex-basis: calc((25% - (16px / 2)));
17147 }
17148 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
17149 flex-basis: calc((25% - (24px / 3)));
17150 }
17151 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17152 flex: 1;
17153 }
17154 #filter-bar .btn-group.pull-right {
17155 float: left;
17156 }
17157 .vbo-translations-element-row {
17158 flex-wrap: wrap;
17159 }
17160 .vbo-translations-element-row .vbo-translations-element-lbl {
17161 flex-basis: 100%;
17162 margin-bottom: 15px;
17163 margin-right: 0;
17164 }
17165 fieldset.adminform .vbo-list-table-rounded {
17166 max-width: 700px;
17167 }
17168 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
17169 -webkit-flex: 100%;
17170 -ms-flex: 100%;
17171 flex: 100%;
17172 }
17173 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17174 width: 45%;
17175 display: inline-block;
17176 }
17177 }
17178 @media screen and (max-width: 1024px) {
17179 .vbo-graph-top-left, .vbo-graph-bottom-left {
17180 margin-right: 0;
17181 margin-bottom: 20px;
17182 }
17183 .vbo-graph-top-right, .vbo-graph-bottom-right {
17184 flex-basis: 100%;
17185 }
17186 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17187 flex-basis: 50%;
17188 }
17189 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17190 margin-bottom: 15px;
17191 margin-right: 5px;
17192 }
17193 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
17194 display: inline-block !important;
17195 padding-right: 0;
17196 }
17197 .vbo-ratesoverview-roomsel-entry-forecast {
17198 flex-basis: 100%;
17199 }
17200 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17201 width: 33%;
17202 }
17203 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
17204 padding-bottom: 0;
17205 }
17206 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
17207 width: 120px !important;
17208 flex-grow: 0;
17209 }
17210 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17211 flex-grow: 0;
17212 flex-basis: auto;
17213 }
17214 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
17215 width: 80px !important;
17216 flex-grow: 0;
17217 }
17218 .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 {
17219 flex-grow: 1;
17220 }
17221 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17222 margin-left: 8px;
17223 }
17224 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
17225 margin-bottom: 0;
17226 }
17227 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
17228 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
17229 margin-top: 5px;
17230 }
17231 }
17232 @media screen and (max-width: 960px) {
17233 .vbo-config-tabs-wrap dl.tabs dt {
17234 padding: 10px 20px;
17235 }
17236 .vbo-menu-parent-li > span::after {
17237 right: 11px;
17238 }
17239 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17240 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17241 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17242 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17243 width: calc(100% - 80px);
17244 }
17245 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
17246 flex-basis: 100%;
17247 }
17248 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
17249 flex-basis: 100%;
17250 margin: 5px 0 0;
17251 }
17252 .add-tax-breakdown-cont div span {
17253 margin-bottom: 5px;
17254 }
17255 .select2-container--default .select2-search--inline .select2-search__field {
17256 -webkit-appearance: initial !important;
17257 }
17258 .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 {
17259 margin: 0px 15px 0px 10px;
17260 }
17261 }
17262 @media screen and (max-width: 1280px) and (min-width: 860px) {
17263 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17264 width: calc(100% - 80px);
17265 }
17266 }
17267 @media screen and (max-width: 940px) {
17268 .vbo-rmphotos-cont {
17269 float: none;
17270 margin: 0 0 10px;
17271 }
17272 #editor-xtd-buttons .btn {
17273 margin:5px 5px 0 0 !important;
17274 }
17275 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
17276 margin: 10px 0 0;
17277 }
17278 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
17279 flex-basis: 100%;
17280 box-sizing: border-box;
17281 }
17282 .vbo-checkin-payment-container {
17283 -ms-flex: 100%;
17284 -webkit-flex: 100%;
17285 flex: 100%;
17286 margin-left: 0;
17287 }
17288 .vbo-checkin-payment-container {
17289 padding: 10px 15px;
17290 }
17291 #vbo-graphstats-right-legend ul.pie-legend li,
17292 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
17293 -ms-flex: 0 0 30%;
17294 -webkit-flex: 0 0 30%;
17295 flex: 0 0 30%;
17296 }
17297 .vbo-calendar-cfields-inner {
17298 box-sizing: border-box;
17299 }
17300 .vbo-info-overlay-content {
17301 width: 70%;
17302 }
17303 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
17304 display: block !important;
17305 margin-top: 5px;
17306 margin-left: 0;
17307 }
17308 #pt5 .vbo-admin-container .vbo-param-container {
17309 flex-wrap: wrap;
17310 }
17311 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
17312 flex-basis: 100%;
17313 font-weight: bold;
17314 }
17315 .vbo-admin-container .vbo-param-container .vbo-param-label label {
17316 margin-bottom: 0;
17317 }
17318 .vbo-sortable .vbimagedetbox {
17319 right: 0;
17320 left: 0;
17321 }
17322 .vbo-sortable .vbimagedetbox .captionlabel {
17323 width: 100%;
17324 }
17325 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
17326 width: 100% !important;
17327 height: auto;
17328 box-sizing: border-box;
17329 }
17330 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
17331 width: auto !important;
17332 }
17333 .vbo-dashboard-top-outer {
17334 display: inherit;
17335 }
17336 .vbo-dashboard-today-bookings {
17337 display: inherit;
17338 }
17339 .vbo-dashboard-today-bookings > div {
17340 margin-right: 0;
17341 }
17342 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17343 width: 100%;
17344 }
17345 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
17346 border: 0;
17347 }
17348 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
17349 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
17350 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
17351 width: 100%;
17352 min-width: 100%;
17353 }
17354 .vbo-list-form-filters form[name="seasonsform"] > div {
17355 margin: 3px 10px 3px 0;
17356 }
17357 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17358 width: 80vw;
17359 }
17360 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
17361 padding: 4px 10px;
17362 border: 1px solid #666;
17363 }
17364 .vbo-notifications-center-wrap {
17365 width: 60vw;
17366 }
17367 }
17368 @media screen and (max-width: 860px) {
17369 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
17370 padding: 12px 0;
17371 }
17372 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17373 flex: 33%;
17374 flex-basis: inherit !important;
17375 }
17376 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
17377 border: 0;
17378 padding: 5px 15px 0;
17379 font-size: 11px;
17380 text-transform: uppercase;
17381 }
17382 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
17383 padding-top: 0;
17384 }
17385 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
17386 height: 100px;
17387 }
17388 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
17389 width: auto !important;
17390 }
17391 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17392 width: calc(33% - 20px);
17393 }
17394 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
17395 flex-basis: calc(50% - 34px);
17396 }
17397 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17398 width: calc(33% - 15px);
17399 }
17400 }
17401 @media screen and (max-width: 780px) {
17402 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17403 padding-top: 0 !important;
17404 }
17405 .vbo-trackings-table-head {
17406 display: none;
17407 }
17408 .vbo-trackings-table-body-hidden-lbl {
17409 display: block;
17410 font-weight: bold;
17411 text-transform: uppercase;
17412 margin-bottom: 7px;
17413 color: var(--vbo-config-titles-color-light);
17414 }
17415 .vbo-trackings-table-body-cell {
17416 padding: 5px 10px;
17417 text-align: left !important;
17418 }
17419 .vbo-trackings-table-cell-id {
17420 flex: 0 0 33px !important;
17421 }
17422 .vbo-trackings-chart-avgval-listcont > div {
17423 flex-basis: 40%;
17424 }
17425 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17426 flex: 50%;
17427 }
17428 .vbo-ratesoverview-roomsel-block > form {
17429 flex-wrap: wrap;
17430 }
17431 .vbo-ratesoverview-roomsel-entry {
17432 flex-basis: 100%;
17433 border: 0;
17434 border-bottom: 1px solid var(--vbo-config-border-color);
17435 }
17436 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17437 border-right: 0;
17438 }
17439 .vbo-ratesoverview-roomsel-entry-los {
17440 border: 0;
17441 }
17442 .vbo-ratesoverview-period-box-cals-inner {
17443 width: 100%;
17444 }
17445 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
17446 width: 100%;
17447 margin-top: 10px;
17448 background: var(--vbo-config-child-bg-color);
17449 padding: 10px;
17450 box-sizing: border-box;
17451 }
17452 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17453 width: 100%;
17454 }
17455 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17456 width: 46vw;
17457 }
17458 .vbo-admin-widgets-section .vbo-admin-widgets-container {
17459 max-width: 100%;
17460 flex-basis: 100%;
17461 }
17462 .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 {
17463 max-width: 100%;
17464 flex-basis: 100%;
17465 }
17466 .vbo-calendar-cfields-inner {
17467 grid-template-columns: repeat(1, auto);
17468 }
17469 }
17470 @media screen and (max-width: 767px) {
17471 .table-responsive, .vbo-table-responsive {
17472 width: 100%;
17473 margin-bottom: 15px;
17474 overflow-y: hidden;
17475 -ms-overflow-style: -ms-autohiding-scrollbar;
17476 border: 1px solid var(--vbo-config-border-color);
17477 }
17478 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
17479 margin-bottom: 0;
17480 }
17481 .table-responsive > .table > thead > tr > th,
17482 .table-responsive > .table > tbody > tr > th,
17483 .table-responsive > .table > tfoot > tr > th,
17484 .table-responsive > .table > thead > tr > td,
17485 .table-responsive > .table > tbody > tr > td,
17486 .table-responsive > .table > tfoot > tr > td {
17487 white-space: nowrap;
17488 }
17489 .table-responsive > .table-bordered {
17490 border: 0;
17491 }
17492 .table-responsive > .table-bordered > thead > tr > th:first-child,
17493 .table-responsive > .table-bordered > tbody > tr > th:first-child,
17494 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
17495 .table-responsive > .table-bordered > thead > tr > td:first-child,
17496 .table-responsive > .table-bordered > tbody > tr > td:first-child,
17497 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
17498 border-left: 0;
17499 }
17500 .table-responsive > .table-bordered > thead > tr > th:last-child,
17501 .table-responsive > .table-bordered > tbody > tr > th:last-child,
17502 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
17503 .table-responsive > .table-bordered > thead > tr > td:last-child,
17504 .table-responsive > .table-bordered > tbody > tr > td:last-child,
17505 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
17506 border-right: 0;
17507 }
17508 .table-responsive > .table-bordered > tbody > tr:last-child > th,
17509 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
17510 .table-responsive > .table-bordered > tbody > tr:last-child > td,
17511 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
17512 border-bottom: 0;
17513 }
17514 #jmodal-vbo-new-res {
17515 left: 50%;
17516 transform: translate(-50%, -50%);
17517 margin-left: 0 !important;
17518 }
17519 }
17520 @media screen and (max-width : 740px) {
17521 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17522 width: 100%;
17523 float: none;
17524 margin: 5px 0;
17525 }
17526 .vbo-info-overlay-content {
17527 width: 80%;
17528 overflow-y: scroll;
17529 }
17530 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17531 flex: auto;
17532 width: 100%;
17533 box-sizing: border-box;
17534 }
17535 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17536 flex: auto;
17537 width: 94%;
17538 box-sizing: border-box;
17539 }
17540 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
17541 flex-wrap: wrap;
17542 }
17543 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
17544 flex-basis: 100%;
17545 font-weight: bold;
17546 }
17547 #vbmessagingdiv {
17548 flex-basis: 150px;
17549 }
17550 .vbo-menu-left {
17551 display: none;
17552 }
17553 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17554 flex-basis: calc(50% - 34px);
17555 }
17556 .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 {
17557 display: block;
17558 margin-right: 0;
17559 margin-bottom: 4px;
17560 }
17561 fieldset.adminform .vbo-list-table-rounded {
17562 max-width: 600px;
17563 }
17564 }
17565 @media screen and (max-width : 680px) {
17566 .vbo-preferred-countries-sortlist {
17567 max-width: 100%;
17568 width: 100%;
17569 }
17570 .vbo-ebusy-extracosts-cellname input {
17571 max-width: 100px;
17572 }
17573 .vbo-ebusy-extracosts-celltax select {
17574 max-width: 100px;
17575 }
17576 #vbo-graphstats-right-canv {
17577 width: 100% !important;
17578 height: auto !important
17579 }
17580 .vbo-tracking-info-details > div {
17581 padding: 10px;
17582 }
17583 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
17584 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
17585 flex: 1;
17586 }
17587 #filter-bar.vbo-trackings-filters .pull-right {
17588 display: block;
17589 }
17590 #breakdown-cont {
17591 display: block;
17592 width: 100%;
17593 }
17594 .add-tax-breakdown-cont div span {
17595 margin-bottom: 5px;
17596 }
17597 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17598 width: 90%;
17599 }
17600 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17601 flex-basis: 40%;
17602 }
17603 .vbo-admin-container .vbo-param-container {
17604 flex-wrap: wrap;
17605 }
17606 .vbo-admin-container .vbo-param-container .vbo-param-label {
17607 margin-right: 0;
17608 flex-basis: 100%;
17609 }
17610 .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 {
17611 width: 100% !important;
17612 }
17613 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
17614 width: auto !important;
17615 }
17616 .vbo-admin-container .vbo-param-container .vbo-param-label {
17617 font-size: 13px;
17618 font-weight: bold;
17619 }
17620 .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 {
17621 width: 100% !important;
17622 max-width: inherit !important;
17623 height: auto;
17624 box-sizing: border-box;
17625 }
17626 .vbo-admin-container .vbo-param-container .vbo-param-setting {
17627 display: flex;
17628 flex-wrap: wrap;
17629 }
17630 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
17631 width: 100%;
17632 }
17633 input[type="number"].vbo-small-input {
17634 width: 80px !important;
17635 }
17636 .vbo-admin-container .vbo-param-container.vbo-param-nested {
17637 flex-wrap: wrap;
17638 }
17639 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
17640 flex-basis: 100%;
17641 }
17642 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
17643 width: 100%;
17644 margin: 5px 0;
17645 }
17646 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
17647 width: 100%;
17648 }
17649 .vbo-admin-container .vbo-param-container.vbo-param-child {
17650 margin-top: -15px;
17651 }
17652 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
17653 margin: 0;
17654 padding: 0;
17655 }
17656 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
17657 width: 100% !important;
17658 }
17659 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
17660 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
17661 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
17662 width: auto !important;
17663 margin-right: 5px;
17664 }
17665 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
17666 flex: 1;
17667 flex-grow: 0;
17668 flex-basis: 130px;
17669 }
17670 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
17671 margin-left: 10px;
17672 }
17673 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
17674 margin: 0 0 0 5px;
17675 width: auto !important;
17676 }
17677 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
17678 margin-bottom: 0;
17679 }
17680 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
17681 height: 30px;
17682 }
17683 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
17684 margin-bottom: 5px !important;
17685 }
17686 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
17687 margin-bottom: 5px;
17688 }
17689 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17690 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17691 width: 90px !important;
17692 }
17693 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
17694 margin-left: 10px;
17695 }
17696 .vbo-admin-container .vbo-param-container {
17697 margin: 15px 0;
17698 }
17699 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
17700 width: 120px !important;
17701 }
17702 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
17703 width: auto !important;
17704 }
17705 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
17706 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17707 width: 120px !important;
17708 }
17709 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
17710 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17711 margin-right: 10px;
17712 }
17713 .vbo-admin-container .adminform {
17714 padding: 15px 20px;
17715 }
17716 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
17717 margin: 8px 0 0 50px;
17718 }
17719 #vbo-row-custcost .vbo-param-setting input {
17720 width: auto !important;
17721 }
17722 .vbo-ratesoverview-period-box-cals-inner {
17723 padding: 10px;
17724 }
17725 .vbo-ratesoverview-period-box-cals-inner > div {
17726 display: block;
17727 margin: 10px;
17728 width: auto;
17729 }
17730 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17731 width: auto;
17732 padding-right: 0;
17733 border: 0;
17734 box-sizing: border-box;
17735 margin-bottom: 20px;
17736 }
17737 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
17738 text-align: center;
17739 text-transform: capitalize;
17740 font-size: 16px;
17741 }
17742 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
17743 width: 100%;
17744 box-sizing: border-box;
17745 }
17746 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
17747 border-radius: 4px;
17748 border: 1px solid var(--vbo-config-border-color);
17749 }
17750 .vbo-tariffs-params-container .vbo-param-setting form {
17751 width: 100%;
17752 }
17753 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
17754 display: block;
17755 width: 100%;
17756 font-weight: bold;
17757 }
17758 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17759 display: flex;
17760 margin: 5px 0 0;
17761 width: 100%;
17762 }
17763 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
17764 align-self: center;
17765 margin-right: 5px;
17766 }
17767 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17768 flex: 1;
17769 }
17770 .vbo-bookdet-container .vbo-bookdet-wrap {
17771 width: 45%;
17772 border: 0;
17773 padding-right: 0;
17774 }
17775 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17776 flex-basis: 100% !important;
17777 }
17778 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
17779 display: block;
17780 font-weight: bold;
17781 }
17782 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
17783 width: 100% !important;
17784 max-width: 100% !important;
17785 }
17786 .vbo-dashboard-refresh-container {
17787 margin: 0px auto 0;
17788 float: none;
17789 display: table;
17790 }
17791 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17792 width: 80%;
17793 }
17794 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17795 width: calc(50% - 20px);
17796 }
17797 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17798 width: calc(50% - 10px);
17799 }
17800
17801 .popover.right {
17802 left: 0 !important;
17803 border-right-width: 0 !important;
17804 border-left-color: #999 !important;
17805 border-left-color: rgba(0,0,0,0.25) !important;
17806 right: 0 !important;
17807 left: 7% !important;
17808 }
17809 .popover.right .arrow {
17810 top: 50% !important;
17811 margin-top: -11px !important;
17812 border-right-width: 0 !important;
17813 border-left-color: #999 !important;
17814 border-left-color: rgba(0,0,0,0.25) !important;
17815 right: 0 !important;
17816 }
17817 .popover.right .arrow:after {
17818 left: 1px !important;
17819 border-right-width: 0 !important;
17820 border-right-color: #fff !important;
17821 }
17822 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17823 min-width: 200px;
17824 max-width: 200px;
17825 white-space: nowrap;
17826 overflow: hidden;
17827 text-overflow: ellipsis;
17828 }
17829 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17830 white-space: nowrap;
17831 overflow: hidden;
17832 text-overflow: ellipsis;
17833 width: 130px;
17834 display: inline-block;
17835 }
17836 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
17837 box-sizing: border-box;
17838 width: 100%;
17839 }
17840 .vbo-dashboard-today-roomocc-customers {
17841 border: 0;
17842 }
17843 .wp-editor-container .quicktags-toolbar input[type="button"] {
17844 width: auto !important;
17845 }
17846 .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 {
17847 width: 100%;
17848 }
17849 .vbo-config-gr-services {
17850 width: 100%;
17851 }
17852 .vbo-config-gr-services .vbo-config-gr-service {
17853 display: flex;
17854 }
17855 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
17856 flex: 1;
17857 margin-right: 5px;
17858 }
17859 .vbo-smstpl-bgroup button.btn {
17860 margin: 2px !important;
17861 }
17862 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
17863 width: 100%;
17864 }
17865 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17866 flex-basis: calc(50% - 38px);
17867 }
17868 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
17869 width: auto !important;
17870 }
17871 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
17872 width: auto !important;
17873 }
17874 .vbo-tariffs-params-container .vbo-param-setting {
17875 margin-top: 30px;
17876 }
17877 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
17878 width: auto !important;
17879 }
17880 .vbo-params-container .vbo-param-setting select#val_pcent {
17881 width: auto !important;
17882 }
17883 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
17884 width: 100px !important;
17885 }
17886 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
17887 width: 130px !important;
17888 }
17889 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
17890 width: auto !important;
17891 }
17892 #vbo-row-people .vbo-param-setting select {
17893 width: auto !important;
17894 }
17895 #vbo-close-all-rooms-sel {
17896 width: 100%;
17897 }
17898 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17899 flex-grow: 1;
17900 }
17901 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
17902 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
17903 width: 100%;
17904 margin-bottom: 5px;
17905 }
17906 .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 {
17907 width: 100% !important;
17908 flex-grow: 1;
17909 }
17910 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17911 margin-left: 0;
17912 }
17913 .vbo-param-confirm-btn .btn {
17914 width: 100%;
17915 }
17916 }
17917 @media screen and (max-width : 640px) {
17918 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17919 flex-basis: 50%;
17920 }
17921 .vbo-calcrates-rateblock > span {
17922 width: 20%;
17923 margin: 5px 10px 5px 0;
17924 }
17925 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17926 widows: 50%;
17927 }
17928 .vbo-calcrates-rateblock > span {
17929 width: 35%;
17930 }
17931 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
17932 width: 100%;
17933 margin-top: 10px;
17934 }
17935 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17936 flex-basis: 100%;
17937 }
17938 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17939 flex-basis: 100%;
17940 }
17941 .vbrestrdrangesp {
17942 display: block;
17943 margin-bottom: 4px;
17944 }
17945 .vbrestrdrangesp + .wp-calendar-box {
17946 margin-right: 5px;
17947 }
17948 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17949 width: 100%;
17950 }
17951 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17952 width: 100%;
17953 }
17954 .vbo-checkin-custdet-entry {
17955 margin-bottom: 10px;
17956 display: inline-block;
17957 width: 100%;
17958 margin: 5px;
17959 vertical-align: top;
17960 }
17961 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
17962 flex-basis: 100% !important;
17963 }
17964 .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 {
17965 width: 100%;
17966 }
17967 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17968 margin-left: 0;
17969 }
17970 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17971 flex: 1;;
17972 }
17973 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17974 display: flex;
17975 }
17976 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17977 flex: 1;
17978 }
17979 .vbo-overlay-fests-addnew-elem input[type="text"] {
17980 width: 100% !important;
17981 }
17982 .vbo-overlay-fests-addnew-save .btn-success {
17983 width: 100% !important;
17984 }
17985 .vbo-dashboard-today-occ-listcont {
17986 width: 100%;
17987 box-sizing: border-box;
17988 }
17989 fieldset.adminform .vbo-list-table-rounded {
17990 max-width: 500px;
17991 }
17992 }
17993 @media screen and (max-width : 580px) {
17994 .vbo-calendar-cfields-search {
17995 width: 100%;
17996 width: 100%;
17997 background: var(--vbo-main-bg-color);
17998 padding: 10px 15px;
17999 float: none;
18000 margin-bottom: 10px;
18001 box-sizing: border-box;
18002 border: 1px solid var(--vbo-config-border-color);
18003 }
18004 .vbo-calendar-cfields-search input {
18005 margin-bottom: 0;
18006 }
18007 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
18008 margin-right: 0;
18009 }
18010 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
18011 width: 100% !important;
18012 }
18013 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
18014 flex: 100%;
18015 }
18016 .vbo-calendar-cfields-bottom {
18017 margin: 10px 0 15px 10px;
18018 display: flex;
18019 }
18020 .vbo-calendar-cfields-bottom .btn {
18021 flex: 1;
18022 }
18023 .vbo-calendar-cfields-bottom .btn-success {
18024 margin-left: 10px;
18025 }
18026 .vbo-ratesoverview-tabscont > div {
18027 margin: 4px 5px;
18028 }
18029 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
18030 margin: 5px 5px 0;
18031 }
18032 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
18033 width: 100%;
18034 margin: 10px 0 0;
18035 }
18036 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
18037 width: 100%;
18038 }
18039 .vbo-ratesoverview-tabscont div {
18040 width: 100%;
18041 box-sizing: border-box;
18042 }
18043 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
18044 white-space: inherit;
18045 }
18046 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
18047 width: 100%;
18048 }
18049 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
18050 width: 100% !important;
18051 }
18052 .vbo-bookingdet-admin-entry select {
18053 width: 100% !important;
18054 }
18055 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
18056 width: 48%;
18057 }
18058 .vbo-booking-history-container td {
18059 white-space: initial !important;
18060 }
18061 .vbo-dashboard-chart-container {
18062 flex-basis: 100%;
18063 }
18064 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18065 width: 50%;
18066 }
18067 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18068 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18069 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18070 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18071 width: calc(100% - 80px);
18072 }
18073 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
18074 width: auto;
18075 display: block;
18076 text-align: left;
18077 padding: 3px 5px;
18078 }
18079 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
18080 margin-right: 5px;
18081 }
18082 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
18083 width: 110px;
18084 }
18085 .vbo-menu-right > .vbo-menu-ul {
18086 display: contents;
18087 }
18088 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
18089 margin-bottom: 8px;
18090 }
18091 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
18092 flex-basis: 100% !important;
18093 }
18094 .vbo-translation-tab {
18095 width: calc(50% - 29px);
18096 }
18097 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
18098 width: 86%;
18099 }
18100 #alwaysavcont {
18101 flex-basis: 100%;
18102 }
18103 .vbo-tariffs-wizard-price {
18104 flex-basis: 100%;
18105 }
18106 .vbo-param-setting .vbwdaytwodiv {
18107 width: 100%;
18108 margin-top: 10px;
18109 margin-left: 0;
18110 }
18111 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
18112 flex-wrap: wrap;
18113 }
18114 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
18115 flex-basis: 100%;
18116 }
18117 .vbo-info-overlay-content .vbo-add-room-entry > div {
18118 width: 100%;
18119 margin: 5px 0;
18120 }
18121 .vbo-info-overlay-content .vbo-add-room-entry select {
18122 width: 100% !important;
18123 }
18124 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
18125 flex-basis: 100%;
18126 }
18127 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18128 flex-grow: 0;
18129 margin-bottom: 0px;
18130 }
18131 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
18132 width: 100px !important;
18133 flex: 1;
18134 }
18135 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18136 flex: 1;
18137 display: flex;
18138 flex-wrap: nowrap;
18139 }
18140 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
18141 align-self: center;
18142 margin-right: 5px;
18143 }
18144 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
18145 flex: 1;
18146 margin-left: 0;
18147 }
18148 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
18149 width: 80px !important;
18150 flex-grow: 1;
18151 }
18152 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
18153 width: 100%;
18154 display: flex;
18155 }
18156 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
18157 width: 55vw;
18158 }
18159 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
18160 flex: 1;
18161 }
18162 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
18163 width: 100% !important;
18164 }
18165 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
18166 margin-left: 0;
18167 }
18168 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
18169 margin-bottom: 5px;
18170 display: inline-block;
18171 }
18172 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
18173 width: 100%;
18174 }
18175 .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 {
18176 width: 100%;
18177 }
18178 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
18179 flex: 1;
18180 }
18181 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
18182 display: flex;
18183 }
18184 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
18185 flex: 1;
18186 }
18187 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
18188 margin-left: 5px;
18189 }
18190 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
18191 flex-wrap: wrap;
18192 }
18193 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
18194 flex-wrap: wrap;
18195 }
18196 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
18197 flex-basis: 100%;
18198 margin-top: 5px;
18199 }
18200 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
18201 width: 100%;
18202 }
18203 .vbo-quickres-head .vbo-quickres-head-right {
18204 margin-top: 10px;
18205 width: 100%;
18206 }
18207 .vbo-list-form-filters .btn-toolbar #rname {
18208 width: 200px !important;
18209 }
18210 .vbo-calcrates-rateblock > span {
18211 flex-basis: 100%;
18212 margin: 5px 0 5px 0;
18213 border-bottom: 1px solid var(--vbo-config-border-color);
18214 padding-bottom: 5px;
18215 text-align: right;
18216 }
18217 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
18218 border: 0;
18219 }
18220 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
18221 text-align: left;
18222 }
18223 .vbo-calcrates-rateblock > span > span {
18224 float: left;
18225 }
18226 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
18227 font-size: 18px;
18228 }
18229 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
18230 margin-right: 0;
18231 font-size: 18px;
18232 }
18233 .vbo-modal-wguestmessages-chat-info-booking .badge {
18234 margin-bottom: 2px;
18235 }
18236 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
18237 display: flex;
18238 }
18239 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
18240 flex-basis: 25px !important;
18241 flex-grow: 0 !important;
18242 }
18243 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
18244 width: 25px;
18245 height: 25px;
18246 }
18247 .vbo-submenu-wrap {
18248 display: none;
18249 }
18250 .vbo-menu-ul li:hover .vbo-submenu-wrap {
18251 display: block;
18252 }
18253 .vbo-config-tabs-wrap dl.tabs dt {
18254 padding: 10px 0;
18255 width: 50%;
18256 }
18257 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
18258 width: 100%;
18259 }
18260 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
18261 display: inline-block;
18262 width: 100%;
18263 }
18264 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
18265 display: block;
18266 }
18267 .vbo-btn-toolbar .input-append input#code {
18268 max-width: 150px;
18269 }
18270 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
18271 min-width: 180px;
18272 }
18273 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
18274 width: 100%;
18275 }
18276 .vbo-info-overlay-content {
18277 height: 90%;
18278 }
18279 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
18280 margin-top: 0px;
18281 }
18282 .vbo-avcalendars-roomphoto img {
18283 width: 100%;
18284 }
18285 .vbcsvexport {
18286 margin: 2px !important;
18287 }
18288 .vbo-editbooking-totrefund {
18289 margin: 10px 0 0;
18290 }
18291 .vbo-param-setting #pin + .btn.vbo-config-btn {
18292 margin: 5px 0 !important;
18293 }
18294 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
18295 max-width: 100px !important;
18296 }
18297 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
18298 flex-basis: 100%;
18299 }
18300 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
18301 border-left: 1px solid var(--vbo-config-border-color);
18302 }
18303 .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 {
18304 border-radius: 6px !important;
18305 }
18306 .vbo-notifications-center-wrap {
18307 top: 57px;
18308 right: -100px;
18309 width: 80vw;
18310 }
18311 .vbo-notifications-center-wrap:before {
18312 right: 123px;
18313 }
18314 }
18315 @media screen and (max-width : 550px) {
18316 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
18317 -webkit-flex: 100%;
18318 -ms-flex: 100%;
18319 flex: 100%;
18320 }
18321 .vbo-ratesoverview-tabscont div > i {
18322 margin-bottom: 3px;
18323 }
18324 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18325 flex-basis: 36%;
18326 }
18327 .vbo-trackings-chart-avgvals {
18328 flex: 1;
18329 padding-right: 0;
18330 }
18331 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
18332 width: 100% !important;
18333 margin-bottom: 3px;
18334 }
18335 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
18336 flex: 100%;
18337 }
18338 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
18339 margin: 10px auto;
18340 }
18341 .vbmodelink {
18342 margin: 5px;
18343 }
18344 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
18345 flex-basis: 100%;
18346 }
18347 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
18348 margin: 0 0 10px;
18349 }
18350 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18351 width: 100%;
18352 }
18353 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
18354 flex-basis: 100%;
18355 }
18356 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
18357 flex-basis: calc(100% - 34px);
18358 }
18359 fieldset.adminform .vbo-list-table-rounded {
18360 max-width: 400px;
18361 }
18362 .vbo-widget-finance-data-block-rankings {
18363 grid-template-columns: repeat(1, 1fr);
18364 }
18365 }
18366 @media screen and (max-width : 500px) {
18367 .vbo-translation-tab.vbo-translation-tab-ini {
18368 float: none;
18369 }
18370 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
18371 width: auto !important;
18372 }
18373 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
18374 width: 100%;
18375 margin: 5px 0;
18376 }
18377 .vbo-bookdet-container .vbo-bookdet-wrap {
18378 width: auto;
18379 border-bottom: 1px solid var(--vbo-config-border-color);
18380 padding: 0 0 5px;
18381 margin: 5px;
18382 box-sizing: border-box;
18383 display: block;
18384 }
18385 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
18386 border: 0;
18387 }
18388 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
18389 width: 100%;
18390 display: inline-block;
18391 margin: 5px 3px;
18392 }
18393 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
18394 flex-basis: 100%;
18395 }
18396 .vbo-calcrates-rateblock > span {
18397 width: 100%;
18398 }
18399 .modal-header .box-close {
18400 padding: 0 !important;
18401 border-bottom: 0 !important;
18402 }
18403 .modal .modal-header .box-close {
18404 border-left: 0 !important;
18405 }
18406 .vbo-cal-splitstay-details {
18407 min-width: initial;
18408 width: 100%;
18409 }
18410 .vbo-cal-splitstay-details > div {
18411 grid-template-columns: repeat(1, 1fr);
18412 }
18413 .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 {
18414 border-right: 0;
18415 }
18416 }
18417
18418 /* form fieldset */
18419 .admin-form-wrapper {
18420 display: flex;
18421 flex-wrap: wrap;
18422 justify-content: space-between;
18423 }
18424 .admin-form-fieldset {
18425 width: calc(100% / 2 - 10px);
18426 }
18427 @media screen and (max-width: 1440px) {
18428 .admin-form-fieldset select {
18429 max-width: 250px !important;
18430 }
18431 }
18432 @media screen and (max-width: 1280px) {
18433 .admin-form-fieldset {
18434 width: 100%;
18435 }
18436 }
18437 /* main menu screen size adjustments */
18438 @media screen and (max-width: 1400px) {
18439 .vbo-menu-updates > button span {
18440 display: none;
18441 }
18442 }
18443 @media screen and (max-width: 1280px) {
18444 .vbo-menu-left {
18445 max-width: 100px;
18446 }
18447 }
18448
18449 /* new medias drag&drop */
18450 .vbo-dropfiles-target {
18451 padding: 5% 20px;
18452 text-align:center;
18453 border: 2px dashed var(--vbo-config-border-color);
18454 border-radius: 4px;
18455 color: var(--vbo-config-text-color-light);
18456 background: var(--vbo-config-child-bg-color);
18457 }
18458 .vbo-dropfiles-target.drag-enter {
18459 border-color: var(--vbo-config-border-color);
18460 }
18461 .vbo-dropfiles-target .lead {
18462 font-size: 16px;
18463 font-weight: bold;
18464 }
18465 .vbo-dropfiles-target a:hover {
18466 text-decoration: none;
18467 }
18468
18469 .vbo-uploaded-files {
18470 display: flex;
18471 flex-wrap: wrap;
18472 }
18473 .vbo-uploaded-files i.fa-file {
18474 font-size: 128px;
18475 }
18476 .vbo-uploaded-files .file-elem {
18477 width: calc(100% / 5);
18478 margin-bottom: 20px;
18479 }
18480 .vbo-uploaded-files .file-elem-inner {
18481 width: auto;
18482 display: inline-block;
18483 position: relative;
18484 }
18485 .vbo-uploaded-files .file-elem a {
18486 position: relative;
18487 }
18488 .vbo-uploaded-files .file-elem.uploading a,
18489 .vbo-uploaded-files .file-elem.removing a {
18490 cursor: default;
18491 color: var(--vbo-config-text-color-light);
18492 }
18493 .vbo-uploaded-files .file-elem.removing a {
18494 opacity: 0.7;
18495 }
18496 .vbo-uploaded-files .file-elem a .file-extension {
18497 position: absolute;
18498 bottom: 20px;
18499 left: 50%;
18500 color: #fff;
18501 transform: translateX(-50%);
18502 font-size: 30px;
18503 text-transform: uppercase;
18504 font-weight: 500;
18505 }
18506 .vbo-uploaded-files .file-elem .file-summary {
18507 word-break: break-all;
18508 margin-top: 5px;
18509 }
18510 .vbo-uploaded-files .file-elem .file-summary .filename {
18511 font-weight: 500;
18512 }
18513 .vbo-uploaded-files .file-elem .file-summary .filesize {
18514 font-size: smaller;
18515 }
18516 .vbo-uploaded-files .file-elem .delete-file {
18517 position: absolute;
18518 top: -10px;
18519 left: -10px;
18520 background: var(--vbo-config-bg-color);
18521 width: 32px;
18522 height: 32px;
18523 border-radius: 50%;
18524 color: var(-vbo-body-text-color);
18525 line-height: 32px;
18526 text-align: center;
18527 visibility: hidden;
18528 }
18529 .vbo-uploaded-files .file-elem .delete-file i.fa {
18530 font-size: 34px;
18531 color: var(--vbo-body-text-color);
18532 }
18533 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
18534 color: var(--vbo-blue-color);
18535 }
18536 .vbo-uploaded-files .file-elem.do-shake .file-link {
18537 color: var(--vbo-config-text-color-light);
18538 cursor: default;
18539 }
18540 .vbo-uploaded-files .file-elem.do-shake .delete-file {
18541 visibility: visible;
18542 }
18543 .vbo-uploaded-files .file-elem.do-shake {
18544 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
18545 }
18546
18547 @-webkit-keyframes shake-files {
18548 from {
18549 -webkit-transform: rotate(4deg);
18550 }
18551 to {
18552 -webkit-transform-origin: center center;
18553 -webkit-transform: rotate(-4deg);
18554 }
18555 }
18556
18557 .stop-managing-files-hint {
18558 background: #333c;
18559 color: #fff;
18560 padding: 20px 30px;
18561 text-align: center;
18562 position: fixed;
18563 bottom: 20px;
18564 border-radius: 6px;
18565 left: 50%;
18566 transform: translateX(-50%);
18567 font-size: 20px;
18568 width: 80%;
18569 font-weight: 500;
18570 display: none;
18571 }
18572
18573 .drop-files-hint {
18574 float: right;
18575 margin-top: -25px;
18576 margin-right: 6px;
18577 }
18578 .drop-files-hint i.fa-question-circle {
18579 color: #999;
18580 }
18581
18582 @media screen and (max-width: 1440px) {
18583 .vbo-uploaded-files .file-elem {
18584 width: calc(100% / 4);
18585 }
18586 }
18587 @media screen and (max-width: 1280px) {
18588 .vbo-uploaded-files .file-elem {
18589 width: calc(100% / 5);
18590 }
18591 }
18592 @media screen and (max-width: 800px) {
18593 .vbo-uploaded-files .file-elem {
18594 width: calc(100% / 4);
18595 }
18596 }
18597 @media screen and (max-width: 550px) {
18598 .vbo-uploaded-files .file-elem {
18599 width: calc(100% / 3);
18600 }
18601 }
18602
18603 /*** @WPonly ***/
18604 .vbo-invoices-inv-frontleft {
18605 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
18606 border-right: 1px solid var(--vbo-config-border-color);
18607 float: left;
18608 height: 128px;
18609 max-height: 100%;
18610 min-height: 100%;
18611 vertical-align: middle;
18612 width: 128px;
18613 margin-right: 10px;
18614 }
18615 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
18616 position: relative;
18617 }
18618