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

18,824 lines 517.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 --vbo-gold-color: #f0e20e;
71 --vbo-purple-color: #9b0dce;
72
73 /* Notification Status */
74 --vbo-info-bg: #c8e4fb;
75 --vbo-info-border: #72abcc;
76 --vbo-warning-bg: #fbf3c8;
77 --vbo-warning-border: #d69b3c;
78 --vbo-error-bg: #ffe3e3;
79 --vbo-error-border: #ea6060;
80 }
81
82 legend.adminlegend {
83 color: var(--vbo-config-title-color);
84 border-bottom: 1px solid var(--vbo-config-border-color);
85 }
86
87 /*
88 * Classes .label and .badge
89 */
90 .label, .badge {
91 display: inline-block;
92 padding: 2px 4px;
93 font-size: 10.998px;
94 font-weight: bold;
95 line-height: 14px;
96 color: var(--vbo-contrast-text-color);
97 vertical-align: baseline;
98 white-space: nowrap;
99 background-color: var(--vbo-middle-color-btn);
100 }
101 .label {
102 border-radius: 3px;
103 }
104 .badge {
105 border-radius: 9px;
106 }
107 .label-success, .badge-success {
108 background-color: var(--vbo-green-color);
109 }
110 a.label-success:hover, a.badge-success:hover {
111 background-color: var(--vbo-green-color-hover);
112 }
113 .label-warning, .badge-warning {
114 background-color: var(--vbo-orange-color);
115 }
116 a.label-warning:hover, a.badge-warning:hover {
117 background-color: var(--vbo-orange-color-hover);
118 }
119 .label-info, .badge-info {
120 background-color: var(--vbo-blue-color);
121 }
122 a.label-info:hover, a.badge-info:hover {
123 background-color: var(--vbo-blue-color-hover);
124 }
125 a.label, a.badge, a.label:hover, a.badge:hover {
126 color: var(--vbo-contrast-text-color);
127 }
128 .vbo-label-nested {
129 padding: 1px 4px !important;
130 font-weight: 500;
131 line-height: 12px;
132 font-size: 11px;
133 }
134 .vbo-enabled-icon {
135 color: var(--vbo-green-color);
136 }
137
138 /* @joomlaonly - forced border color for the Joomla top toolbar */
139 .subhead .btn-toolbar .btn {
140 border: 1px solid var(--vbo-config-border-color);
141 }
142 .subhead .btn-toolbar .btn-success {
143 border: 1px solid var(--vbo-green-color);
144 border: 1px solid rgba(0,0,0,0.2);
145 }
146
147 /*** @WPonly - Load Reservation from other booking plugins ***/
148 .vbo-modal-lock-scroll {
149 overflow: hidden !important;
150 }
151 .vbo-importbftpp-plugins-list {
152 border-radius: 4px;
153 padding: 20px;
154 border: 1px solid var(--vbo-config-border-color);
155 background: var(--vbo-config-bg-color);
156 }
157 .vbo-importbftpp-plugins-list-inner label {
158 display: block;
159 margin-bottom: 5px;
160 }
161 .vbo-importbftpp-plugins-list-bottom {
162 margin-top: 15px;
163 }
164 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
165 display: block;
166 margin-bottom: 5px;
167 }
168 .vbo-importbftpp-roomsmapping-wrap {
169 margin-bottom: 20px;
170 }
171 .vbo-importbftpp-roomsmapping-inner {
172 display: flex;
173 flex-wrap: wrap;
174 }
175 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
176 width: calc(33% - 48px);
177 margin: 5px;
178 border: 1px solid var(--vbo-config-border-color);
179 background: var(--vbo-config-bg-color);
180 padding: 20px;
181 border-radius: 4px;
182 }
183 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
184 display: block;
185 margin-bottom: 5px;
186 font-weight: 500;
187 }
188 .vbo-importbftpp-roomsmapping-block-thirdparty {
189 margin-bottom: 10px;
190 }
191 .vbo-importbftpp-subtitle {
192 font-size: 1.2em;
193 margin-bottom: 8px;
194 }
195 .vbo-importbftpp-reservations-inner {
196 display: flex;
197 flex-wrap: wrap;
198 }
199 .vbo-importbftpp-reservation-block {
200 flex-basis: 50%;
201 }
202 .vbo-importbftpp-reservation-inner {
203 border-radius: 4px;
204 border: 1px solid var(--vbo-config-border-color);
205 padding: 15px;
206 background: var(--vbo-config-bg-color);
207 margin: 5px;
208 }
209 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
210 margin: 4px 0;
211 }
212 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
213 display: inline-block;
214 min-width: 150px;
215 font-weight: 500;
216 }
217 .vbo-importbftpp-reservation-import {
218 margin-top: 14px;
219 border-top: 1px solid var(--vbo-config-border-color);
220 padding-top: 10px;
221 display: inline-block;
222 width: 100%;
223 box-sizing: border-box;
224 min-height: 40px;
225 }
226 .vbo-importbftpp-reservation-import-toggle {
227 display: inline-block;
228 }
229 .vbo-importbftpp-reservation-import-rooms {
230 float: right;
231 font-weight: bold;
232 font-size: 1.1em;
233 }
234 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
235 min-width: inherit;
236 margin-right: 10px;
237 }
238 .vbo-importbftpp-confirm-wrap {
239 text-align: center;
240 margin-top: 15px;
241 }
242 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
243 font-size: 1.3em;
244 font-weight: bold;
245 margin-bottom: 10px;
246 }
247 .vbo-importbftpp-reservation-noteligible {
248 opacity: .7;
249 }
250 .vbo-importbftpp-reservations-btns {
251 text-align: right;
252 padding-right: 5px;
253 }
254 div.modal .close {
255 color: inherit;
256 }
257 .modal .modal-footer {
258 border-top: 1px solid var(--vbo-config-border-color);
259 background: var(--vbo-config-bg-color);
260 box-shadow: none;
261 }
262 a:focus, a:hover {
263 text-decoration: none !important;
264 }
265 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
266 padding: 10px 10px;
267 border-color: var(--vbo-config-border-color);
268 }
269 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
270 padding: 10px 30px !important;
271 }
272 .btn-secondary {
273 color: var(--vbo-config-title-color);
274 background-color: var(--vbo-basic-btn);
275 border-color: var(--vbo-config-border-color);
276 }
277 .btn-secondary:hover {
278 color: var(--vbo-config-title-color);
279 background-color: var(--vbo-basic-btn-hover);
280 }
281 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
282 border-radius: 3px;
283 padding: 10px 14px;
284 margin-bottom: 0;
285 }
286 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
287 height: auto;
288 }
289 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
290 margin-right: 5px;
291 }
292 .btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) {
293 margin-right: 0;
294 margin-left: 5px;
295 }
296 body #content .input-append > input, body #wpcontent .input-append > input {
297 border-color: var(--vbo-config-border-color);
298 }
299 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
300 color: #fff;
301 background-color: var(--vbo-green-color);
302 border: 1px solid var(--vbo-green-color);
303 }
304 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
305 color: #fff;
306 font-weight: normal;
307 background-color: var(--vbo-green-color-hover);
308 border-color: var(--vbo-green-color-hover);
309 }
310 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 {
311 color: #fff;
312 font-weight: normal;
313 background-color: var(--vbo-green-color-focus);
314 border-color: var(--vbo-green-color-focus);
315 }
316 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
317 color: #fff;
318 background-color: var(--vbo-red-color);
319 border: 1px solid var(--vbo-red-color);
320 }
321 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
322 color: #fff;
323 background-color: var(--vbo-red-color-hover);
324 border-color: var(--vbo-red-color-hover)
325 }
326 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 {
327 color: #fff;
328 background-color: var(--vbo-red-color-focus);
329 border-color: var(--vbo-red-color-focus)
330 }
331 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 {
332 color: #fff;
333 background-color: var(--vbo-blue-color);
334 border: 1px solid var(--vbo-blue-color);
335 }
336 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 {
337 color: #fff;
338 background-color: var(--vbo-blue-color-hover);
339 border: 1px solid var(--vbo-blue-color-hover);
340 }
341 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
342 color: #fff;
343 background-color: var(--vbo-orange-color);
344 border: 1px solid var(--vbo-orange-color);
345 }
346 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
347 color: #fff;
348 background-color: var(--vbo-orange-color-hover);
349 border: 1px solid var(--vbo-orange-color-hover);
350 }
351 .select2-container .select2-dropdown {
352 background-color: var(--vbo-config-bg-color);
353 border-color: var(--vbo-config-border-color) !important;
354 }
355 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
356 background-color: var(--vbo-blue-color);
357 }
358 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
359 line-height: 38px;
360 }
361 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
362 background-color: var(--vbo-config-bg-color);
363 color: var(--vbo-base-color);
364 border: 1px solid var(--vbo-base-color);
365 }
366 .select2-container.select2-container--default .select2-selection--single {
367 background-color: var(--vbo-input-style);
368 border: 1px solid var(--vbo-config-border-color) !important;
369 height: 40px;
370 border-radius: 2px;
371 }
372 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
373 height: 40px;
374 }
375 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
376 color: var(--vbo-config-titles-color-light);
377 }
378 /*** Chrome Hack for the select ***/
379 .selector:not(*:root), select {
380 border: 0 !important;
381 outline: 1px solid var(--vbo-config-border-color);
382 outline-offset: -1px;
383 height: 36px !important;
384 }
385 select[multiple] {
386 height: 120px !important;
387 }
388 /***/
389
390 .input-append .btn.vbo-btn-dont-append {
391 margin-left: 5px;
392 }
393
394 /* Skeleton structure */
395 .vbo-skeleton-loading {
396 position: relative;
397 overflow: hidden;
398 background-color: #DDDBDD;
399 display: inline-block;
400 }
401 .vbo-skeleton-loading:after {
402 position: absolute;
403 top: 0;
404 right: 0;
405 bottom: 0;
406 left: 0;
407 transform: translateX(-100%);
408 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));
409 animation: shimmer 2s infinite;
410 content: '';
411 }
412
413 .fancybox-type-iframe.fancybox-opened {
414 height: 80% !important;
415 }
416 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
417 height: 100% !important;
418 }
419
420 .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 {
421 white-space: nowrap;
422 }
423 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
424 white-space: inherit;
425 }
426 .vbo-table-td-wrap .btn {
427 margin-top: 5px;
428 }
429 .successmade {
430 margin: 10px 0px;
431 padding: 12px 12px 12px 40px;
432 color: var(--vbo-green-color);
433 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
434 border: 2px solid var(--vbo-green-color);
435 background-size: 20px;
436 }
437 .info {
438 margin: 10px 0px;
439 padding: 12px;
440 background-color: #c8e4fb;
441 border: 1px solid #72abcc;
442 }
443 .err {
444 margin: 10px 0px;
445 padding: 12px 12px 12px 40px;
446 border: 2px solid var(--vbo-red-color);
447 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
448 background-size: 20px;
449 }
450 .warn {
451 margin: 10px 0px;
452 padding: 12px 12px 12px 40px;
453 border: 2px solid var(--vbo-orange-color);
454 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
455 background-size: 20px;
456 }
457 .label-error, .badge-error, .label-danger, .badge-danger {
458 background-color: var(--vbo-red-color) !important;
459 }
460 .ui-datepicker-multi .ui-datepicker-group-first {
461 border-right: 1px solid var(--vbo-config-border-color);
462 }
463 .select2-container--default .select2-results__option[role="group"] {
464 border-top: 1px solid var(--vbo-config-border-color);
465 }
466 #hmfooter {
467 font-size: x-small;
468 text-align: center;
469 margin: 20px 0;
470 }
471 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
472 margin-top: 5px;
473 }
474 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
475 margin-top: 15px;
476 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
477 display: grid;
478 }
479 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
480 background-color: var(--vbo-config-bg-color);
481 border-radius: 10px;
482 border: 1px solid var(--vbo-basic-btn);
483 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
484 margin: 10px;
485 }
486 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
487 height: 100%;
488 }
489 .vbadmincaltable td {
490 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
491 font-size: 11px;
492 width: 45px;
493 padding: 0 !important;
494 text-align: center !important;
495 height: 30px;
496 box-sizing: content-box;
497 vertical-align: middle !important;
498 }
499 .vbadmincaltable tr:last-child td {
500 border-bottom: 0 !important;
501 }
502 .vbadmincaltable tr:last-child td:first-child {
503 border-bottom-left-radius: 10px;
504 }
505 .vbadmincaltable tr:last-child td:last-child {
506 border-bottom-right-radius: 10px;
507 }
508 .vbadmincaltable td:last-child {
509 border-right: 0 !important;
510 }
511 .vbadmincaltable td:first-child {
512 border-left: 0 !important;
513 }
514 .vbadmincaltable td:hover {
515 background-color: var(--vbo-config-border-color);
516 }
517 .vbadmincaltable td:active {
518 background-color: var(--vbo-blue-color);
519 color: #fff;
520 }
521 .vbadmincaltable .busy {
522 background: var(--vbo-red-color);
523 }
524 .vbadmincaltable .busy:hover {
525 background: var(--vbo-red-color-hover);
526 }
527 .busy.busy-closure {
528 background: var(--vbo-config-title-color);
529 }
530 .busy.busy-closure:hover {
531 background: var(--vbo-config-titles-color-light);
532 }
533 .vbadmincaltable .busy > * {
534 font-weight:bold;
535 color:#fff;
536 }
537 .vbadmincaltable td.free {
538 cursor: pointer;
539 }
540 .vbadmincaltrmon td {
541 color: var(--vbo-config-title-color);
542 font-weight:bold;
543 font-size: 14px;
544 border: 0 !important;
545 padding: 6px 5px !important;
546 }
547 .vbadmincaltrmon td:hover {
548 background-color: transparent;
549 }
550 .vbadmincaltrmdays td {
551 font-weight: bold;
552 text-align:center;
553 background-color: var(--vbo-config-child-bg-color);
554 }
555 .vbadmincaltrmdays td:hover {
556 background-color: var(--vbo-config-child-bg-color);
557 }
558 .vborderof {
559 padding:10px 0;
560 font-size:14px;
561 }
562 .vborderof a {
563 font-size:12px;
564 }
565 .vborderpar {
566 margin:10px 0 5px 0;
567 padding:0;
568 font-weight:bold;
569 font-size:13px;
570 }
571 .vborderspan {
572 font-weight:bold;
573 }
574 p.vborderpartot {
575 padding:5px 10px;
576 margin:10px 5px;
577 background: var(--vbo-light-color-btn);
578 border: 1px solid var(--vbo-config-border-color);
579 border-radius:4px;
580 -moz-border-radius:4px;
581 -webkit-border-radius:4px;
582 font-weight:bold;
583 }
584 div.vborderpartot {
585 display: block;
586 padding:5px 10px;
587 margin:10px 5px;
588 background:var(--vbo-light-color-btn);
589 border: 1px solid var(--vbo-config-border-color);
590 border-radius:4px;
591 -moz-border-radius:4px;
592 -webkit-border-radius:4px;
593 font-weight:bold;
594 width: 300px;
595 }
596 .vborderseatasconf {
597 background:var(--vbo-green-color);
598 border: 1px solid var(--vbo-green-color);
599 border-radius:4px;
600 -moz-border-radius:4px;
601 -webkit-border-radius:4px;
602 margin:5px 0 10px;
603 width:133px;
604 display:block;
605 padding:10px;
606 }
607 .vborderseatasconf a {
608 color:#fff !important;
609 font-weight:bold;
610 text-decoration:none;
611 text-transform:uppercase;
612 }
613 .maxthirty {
614 cursor: pointer;
615 max-height: 30px;
616 height: expression(this.height > 30 ? "30px" : true);
617 max-width: 30px;
618 width: expression(this.width > 30 ? "30px" : true);
619 }
620 .maxfifty {
621 max-height: 60px;
622 height: expression(this.height > 50 ? "50px" : true);
623 border:0;
624 border-radius: 4px;
625
626 transition-delay: 0s;
627 transition-duration: 0.15s;
628 transition-property: transform, box-shadow;
629 transition-timing-function: ease-in-out;
630 -webkit-transition-delay: 0s;
631 -webkit-transition-duration: 0.15s;
632 -webkit-transition-property: transform, box-shadow;
633 -webkit-transition-timing-function: ease-in-out;
634 }
635 .maxfifty:hover {
636 box-shadow: 0 0 10px rgba(0,0,0,0.5);
637
638 transform: translateY(-2px);
639 -webkit-transform: translateY(-2px);
640 }
641 .maxninety {
642 max-height: 190px;
643 height: expression(this.height > 190 ? "190px" : true);
644 }
645 .imgresult {
646 max-height: 85px;
647 height: expression(this.height > 85 ? "85px" : true);
648 max-width: 130px;
649 width: expression(this.width > 130 ? "130px" : true);
650 }
651 .vbmenutable td {
652 position:relative;
653 padding:0 12px 0 0;
654 }
655 .vbmenuentries {
656 float:left;
657 width:117px;
658 margin:8px 0 0 85px;
659 }
660 .vbmenuentries a {
661
662 }
663 .vbsubmitfares {
664 background: none repeat scroll 0 0 #708827 !important;
665 border: 1px solid #5D7120 !important;
666 border-radius: 4px 4px 4px 4px;
667 color: #FFFFFF !important;
668 font-size: 14px;
669 padding: 5px 15px;
670 margin:10px 0 0 0;
671 }
672 .vbsubmithfares {
673 background: none repeat scroll 0 0 #0B9E9E !important;
674 border: 1px solid #007171 !important;
675 border-radius: 4px 4px 4px 4px;
676 color: #FFFFFF !important;
677 font-size: 14px;
678 padding: 5px;
679 margin:10px 0 0 0;
680 }
681
682 .vbsubmithcharges {
683 background: none repeat scroll 0 0 #386B16 !important;
684 border: 1px solid #2D5511 !important;
685 border-radius: 4px 4px 4px 4px;
686 color: #FFFFFF !important;
687 font-size: 14px;
688 padding: 5px;
689 margin:10px 0 0 0;
690 cursor:pointer;
691 }
692 .vbo-checkin-commands-wrap .btn.btn-success {
693 padding: 10px 14px;
694 }
695 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
696 border: 1px solid var(--vbo-green-color);
697 background-color: var(--vbo-green-color);
698 color: #fff;
699 border-radius: 3px;
700 margin-bottom: 0;
701 font-size: inherit;
702 }
703 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
704 padding: 10px 14px;
705 }
706 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
707 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
708 background-color: var(--vbo-green-color-hover) !important;
709 border: 1px solid var(--vbo-green-color-hover) !important;
710 }
711 .container-main .btn.btn-warning {
712 border: 1px solid var(--vbo-orange-color);
713 background-color: var(--vbo-orange-color);
714 border-radius: 3px;
715 padding: 10px 14px;
716 margin-bottom: 0;
717 }
718 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
719 background-color: var(--vbo-orange-color-hover) !important;
720 border: 1px solid var(--vbo-orange-color-hover) !important;
721 }
722 .vbo-checkin-commands-wrap .btn.btn-danger {
723 padding: 8px 14px;
724 }
725 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
726 border: 1px solid var(--vbo-red-color);
727 background-color: var(--vbo-red-color);
728 border-radius: 3px;
729 margin-bottom: 0;
730 font-size: inherit;
731 }
732 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
733 color: #fff;
734 }
735 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
736 background-color: var(--vbo-red-color-hover) !important;
737 border: 1px solid var(--vbo-red-color-hover) !important;
738 }
739 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
740 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
741 background-color: var(--vbo-red-color-focus) !important;
742 border: 1px solid var(--vbo-red-color-focus) !important;
743 }
744 /* UI Calendar */
745 .ui-widget-content {
746 background: var(--vbo-config-bg-color) !important;
747 color: inherit !important;
748 }
749 .ui-widget-header {
750 background: var(--vbo-config-bg-color) !important;
751 border: 1px solid var(--vbo-config-border-color) !important;
752 color: inherit !important;
753 }
754 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
755 background: var(--vbo-config-bg-color) !important;
756 border-color: var(--vbo-config-border-color) !important;
757 color: inherit !important;
758 }
759 .ui-widget.ui-widget-content {
760 border: 1px solid var(--vbo-config-border-color) !important;
761 }
762 .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 {
763 background: var(--vbo-light-color-btn) !important;
764 }
765 .free{
766 color: var(--vbo-body-text-color);
767 }
768
769 .busy{
770 color: var(--vbo-body-text-color);
771 background: var(--vbo-red-color);
772 }
773
774 .notbusy{
775 color: var(--vbo-body-text-color);
776 background: var(--vbo-config-bg-color);
777 }
778 .bluedays {
779 min-width: 2.7%;
780 background: none repeat scroll 0 0 #02679a;
781 color: #FFFFFF;
782 font-weight: bold;
783 padding: 4px 0;
784 text-align: center;
785 cursor: pointer;
786 }
787 .bluedays:hover {
788 background-color: #0a7bb5;
789 }
790 .skip-bluedays-click {
791 cursor: inherit;
792 }
793 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
794 background: #b0c0d1;
795 }
796 .bluedays.vbo-overv-todaycell {
797 background: #074666;
798 }
799 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
800 background: #d9b9d3;
801 }
802 .bluedays.vbo-overv-festcell {
803 cursor: pointer;
804 background: #a07e9a;
805 }
806 .vbo-overview-month {
807 font-size: 105%;
808 }
809 .vbo-overview-redday, .vbo-overview-subredday {
810 color: #fff;
811 }
812 .vboverviewtablerow .busy:not(.vbo-checkinday) {
813 cursor: pointer;
814 }
815 .vbo-checkinday {
816 border-top: 3px solid var(--vbo-green-color);
817 }
818 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
819 background: var(--vbo-red-color) !important;
820 }
821 .busy:hover {
822 background: var(--vbo-red-color-hover);
823 }
824 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
825 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
826 }
827 .vbo-partially {
828 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
829 }
830 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
831 background: var(--vbo-orange-color-hover) !important;
832 }
833 .busy-sharedcalendar {
834 position: relative;
835 }
836 .busy-sharedcalendar:before {
837 position: absolute;
838 z-index: 0;
839 width: 100%;
840 height: 100%;
841 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
842 content: "";
843 top: 0;
844 left: 0;
845 }
846 .vbo-avov-legend {
847 margin: 9px 10px 0;
848 }
849 .vbo-overview-legend-init {
850 display: inline-block;
851 vertical-align: middle;
852 font-size: 13px;
853 font-weight: bold;
854 margin-right: 10px;
855 }
856 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
857 display: inline-block;
858 margin-right: 10px;
859 font-size: 12px;
860 vertical-align: middle;
861 }
862 .vbo-overview-legend-box {
863 display: inline-block;
864 width: 15px;
865 height: 15px;
866 vertical-align: middle;
867 border-radius: 2px;
868 margin-right: 2px;
869 }
870 .vbo-overview-legend-red .vbo-overview-legend-box {
871 background: none repeat scroll 0 0 var(--vbo-red-color);
872 }
873 .vbo-overview-legend-yellow .vbo-overview-legend-box {
874 background: none repeat scroll 0 0 #f0ad4e;
875 }
876 .vbo-overview-legend-green .vbo-overview-legend-box {
877 border-top: 2px solid var(--vbo-green-color);
878 background: var(--vbo-config-bg-color);
879 }
880 .vbo-overview-legend-title {
881 display: inline-block;
882 vertical-align: middle;
883 }
884 #jmodal-vbo-new-res {
885 width: 90% !important;
886 top: 50%;
887 left: 50%;
888 transform: translate(-50%, -50%);
889 margin: 0 !important;
890 }
891 td.roomname {
892 background: var(--vbo-config-child-bg-color);
893 height: 40px;
894 padding: 5px 10px 5px 6px;
895 text-align: left;
896 }
897 td.roomname.subroomname {
898 background: var(--vbo-config-bg-color) !important;
899 }
900 .vbo-overview-room-info {
901 display: flex;
902 }
903 .vbo-overview-room-info > span {
904 align-self: center;
905 }
906 .vbo-overview-roomname {
907 font-weight: bold;
908 font-size: 14px;
909 display: inline-block;
910 max-width: 185px;
911 }
912 .vbo-overview-roomunits {
913 display: inline-block;
914 margin: 0 5px 0 2px;
915 background: none repeat scroll 0 0 #3e6372;
916 border-radius: 50%;
917 color: #fff;
918 font-size: 12px;
919 font-weight: bold;
920 min-height: 20px;
921 min-width: 20px;
922 padding: 4px;
923 text-align: center;
924 }
925 .vbo-overview-subroomname {
926 font-weight: bold;
927 font-size: 13px;
928 }
929 .vbo-overview-subroomunits {
930 display: inline-block;
931 margin: 0 5px 0 2px;
932 font-size: 12px;
933 min-height: 20px;
934 min-width: 20px;
935 padding: 4px;
936 text-align: center;
937 }
938 .vbo-overview-subroomunits i {
939 margin: 0;
940 }
941 .subroom-busy {
942 background: var(--vbo-red-color) none repeat scroll 0 0;
943 color: var(--vbo-body-text-color);
944 }
945 .subnotbusy {
946 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
947 color: #000000;
948 }
949 .dailypricesactive {
950 text-align: center;
951 float: left;
952 font-weight: bold;
953 width: 100%;
954 height: 34px;
955 font-size:14px;
956 line-height:34px;
957 text-transform:uppercase;
958 color:var(--vbo-green-color);
959 background:var(--vbo-input-style-nested-deactive);
960 }
961 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
962 border-radius: 4px;
963 }
964 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
965 flex-wrap: wrap;
966 }
967 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
968 margin: 15px 0;
969 }
970 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
971 margin: 0;
972 }
973 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
974 flex-basis: 100%;
975 font-weight: 500;
976 }
977 .vbo-tariffs-params-container .vbo-param-setting > h4 {
978 margin-top: 0;
979 font-size: 16px;
980 }
981 .vbo-insertrates-cont > div {
982 background-color: var(--vbo-config-bg-color);
983 box-shadow: 0 0 10px rgba(0,0,0,.15);
984 border-radius: 8px;
985 padding: 20px;
986 margin: 0 0 15px;
987 }
988 .vbo-insertrates-cont input[type="number"] {
989 width: 100px !important;
990 }
991 .vbo-ratestable-lbl {
992 font-weight: bold;
993 color: var(--vbo-config-titles-color-light);
994 font-size: 16px;
995 padding: 0px 0px 7px;
996 }
997 .vbo-ratestable-nights > div {
998 display: flex;
999 margin: 5px 0 8px;
1000 }
1001 .vbo-ratestable-nights > div > span {
1002 display: inline-block;
1003 min-width: 100px;
1004 }
1005 .vbo-insertrates-bottom .vbo-ratestable-newprice {
1006 display: flex;
1007 flex-wrap: wrap;
1008 margin: 5px 0;
1009 border: 1px solid var(--vbo-main-bg-color);
1010 padding: 10px 10px;
1011 }
1012 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
1013 align-self: center;
1014 }
1015 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
1016 font-weight: 500;
1017 }
1018 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1019 margin-left: auto;
1020 }
1021 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1022 flex-basis: 100%;
1023 margin-top: 5px;
1024 }
1025 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1026 display: block;
1027 margin-bottom: 5px;
1028 }
1029 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1030 display: block;
1031 }
1032 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1033 width: 100% !important;
1034 box-sizing: border-box;
1035 height: auto;
1036 }
1037 .vbo-insertrates-save {
1038 margin-top: 20px;
1039 }
1040 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1041 padding: 10px 25px;
1042 font-size: 13px;
1043 }
1044 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1045 background: transparent;
1046 }
1047 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1048 text-align: right;
1049 margin: 0 auto;
1050 }
1051 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1052 width: 100%;
1053 margin-top: 15px;
1054 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1055 }
1056 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1057 color: var(--vbo-config-titles-color-light);
1058 }
1059 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1060 border: 1px solid var(--vbo-config-border-color);
1061 border-radius: 2px;
1062 padding: 5px 10px;
1063 margin-bottom: 0;
1064 width: 120px !important;
1065 }
1066 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1067 display: block;
1068 text-transform: initial;
1069 max-width: 200px;
1070 white-space: normal;
1071 margin: 0 auto;
1072 font-weight: 600;
1073 }
1074 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1075 font-size: 10px;
1076 text-transform: initial;
1077 }
1078 .vbo-config-gr-services .vbo-config-gr-service {
1079 margin: 4px 0;
1080 }
1081 .vbo-config-gr-services .vbo-config-gr-service i {
1082 margin-right: 0 !important;
1083 }
1084 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1085 padding: 11px 14px;
1086 vertical-align: top;
1087 }
1088 .vbadminfaresctitle {
1089 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1090 border: 1px solid var(--vbo-config-border-color);
1091 border-radius: 4px 4px 4px 4px;
1092 font-size: 13px;
1093 font-weight: bold;
1094 margin: 0 0 10px;
1095 padding: 10px;
1096 text-transform: uppercase;
1097 width: 100%;
1098 display: inline-block;
1099 }
1100 .vbadminfaresctitle form {
1101 margin: 0;
1102 }
1103 .vbadminfaresctitle form select {
1104 margin: 0;
1105 }
1106 .vbdashparag {
1107 font-size:12px;
1108 }
1109 .vbdashparagred span {
1110 font-weight: bold;
1111 color:var(--vbo-red-color);
1112 display: inline-block;
1113 min-width: 200px;
1114 }
1115 .vbdashspanright {
1116 float: right;
1117 padding:0 0 20px 0;
1118 font-size:12px;
1119 }
1120 .vbdashspanright form {
1121 padding:0 0 0 3px;
1122 display:inline;
1123 }
1124 .vbdashdivleft {
1125 float:left;
1126 border: 1px solid var(--vbo-config-border-color);
1127 border-radius:10px;
1128 -moz-border-radius:10px;
1129 -webkit-border-radius:10px;
1130 background:var(--vbo-config-bg-color);
1131 padding:20px;
1132 box-shadow:0 0 2px rgba(0,0,0,0.2);
1133 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1134 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1135 margin:15px 30px 15px 0;
1136 width:55%;
1137 }
1138 .vbdashdivleft .vbdashdivlefthead {
1139 margin:0 0 10px 0;
1140 padding:0;
1141 text-transform:uppercase;
1142 font-size:14px;
1143 color:var(--vbo-green-color);
1144 }
1145 .vbdashdivleft .vbdashtable {
1146 width:100%;
1147 }
1148 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1149 padding:3px 0;
1150 }
1151 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1152 font-size:12px;
1153 color:var(--vbo-blue-color);
1154 }
1155 .vbdashdivright {
1156 float:right;
1157 border: 1px solid var(--vbo-config-border-color);
1158 border-radius:10px;
1159 -moz-border-radius:10px;
1160 -webkit-border-radius:10px;
1161 background:var(--vbo-config-bg-color);
1162 padding:20px;
1163 box-shadow:0 0 2px rgba(0,0,0,0.2);
1164 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1165 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1166 margin:15px 0 15px 0;
1167 width:30%;
1168 }
1169 .vbdashdivright .vbdashdivrighthead {
1170 margin:0 0 10px 0;
1171 padding:0;
1172 text-transform:uppercase;
1173 font-size:14px;
1174 color:var(--vbo-green-color);
1175 }
1176 .vbdashdivright .vbdashtable {
1177 width:100%;
1178 }
1179 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1180 font-size:12px;
1181 font-weight:bold;
1182 color:var(--vbo-config-title-color);
1183 text-transform:uppercase;
1184 padding:0 0 5px 0;
1185 }
1186 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1187 padding:0 5px;
1188 }
1189 #vbadultsdiffbox p {
1190 margin: 0px 0 10px;
1191 border: 1px solid var(--vbo-basic-btn);
1192 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1193 border-radius: 10px;
1194 padding: 10px;
1195 }
1196 #vbadultsdiffbox p:last-child {
1197 margin-bottom: 0;
1198 }
1199 #vbadultsdiffbox .vbo-adults-usage {
1200 margin-right: 15px;
1201 display: block;
1202 margin-bottom: 4px;
1203 font-weight: 500;
1204 }
1205
1206 .vbplusminus {
1207 cursor: pointer;
1208 vertical-align: middle;
1209 display: inline-block;
1210 margin: -7px 0 0 5px;
1211 text-align: center;
1212 width: 20px;
1213 height: 20px;
1214 font-size: 20px;
1215 }
1216
1217 .vbplusminuscont {
1218 display: inline-block;
1219 text-align: right;
1220 }
1221 .vbplusminuscont > span {
1222 display: inline-block;
1223 min-width: 35px;
1224 text-align: left;
1225 }
1226 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1227 display: inline-block;
1228 vertical-align: middle;
1229 }
1230 p.vbpfiltconfnumb {
1231 text-align: right;
1232 }
1233
1234 .vbotaspblock {
1235 display: block;
1236 background: none repeat scroll 0 0 var(--vbo-blue-color);
1237 border: 0;
1238 border-radius: 5px 5px 5px 5px;
1239 margin: 0 3px 5px 0;
1240 padding: 4px;
1241 color: var(--vbo-body-text-color);
1242 font-weight: bold;
1243 position: relative;
1244 }
1245 .vbotaspblock:before {
1246 content: "";
1247 height: 20px;
1248 left: -1px;
1249 position: absolute;
1250 top: -11px;
1251 width: 20px;
1252 }
1253 .vboverviewtable {
1254 width: 100%;
1255 border: 0;
1256 border-collapse: inherit;
1257 border-spacing: 0;
1258 }
1259 .vboverviewtable {
1260 font-size: 105%;
1261 }
1262 .vboverviewtablerowone {
1263 height: 30px;
1264 }
1265 .vbo-overv-montable-wrap {
1266 margin-bottom: 20px;
1267 }
1268 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1269 min-width: 80px;
1270 }
1271 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1272 min-width: 80px;
1273 max-width: 80px;
1274 }
1275 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1276 min-width: 250px;
1277 }
1278 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1279 display: block;
1280 }
1281 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1282 color: #fff;
1283 font-size: 12px;
1284 }
1285 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1286 font-size: 24px;
1287 margin: 3px 0;
1288 }
1289 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1290 position: sticky;
1291 left: 0;
1292 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1293 z-index: 10;
1294 background-clip: padding-box !important;
1295 }
1296 .vboverviewtablerow {
1297 height: 30px;
1298 }
1299 .vboverviewtdone {
1300 min-width: 130px !important;
1301 text-align: left !important;
1302 padding-left: 1px;
1303 }
1304 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1305 padding: 10px 10px 0;
1306 vertical-align: top;
1307 }
1308 .vbo-roverv-rplan-restrictions {
1309 font-size: 10px;
1310 position: absolute;
1311 left: 10px;
1312 bottom: 4px;
1313 }
1314 .vbo-roverv-rplan .vbo-rplan-name {
1315 width: 150px;
1316 overflow: hidden;
1317 display: inline-block;
1318 white-space: nowrap;
1319 text-overflow: ellipsis;
1320 font-size: 14px;
1321 }
1322 .vbo-roverv-rplan-haslosrates {
1323 bottom: 3px;
1324 }
1325 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1326 font-size: 10px;
1327 }
1328 .vbo-roverv-gonext-cell {
1329 vertical-align: middle;
1330 padding: 0 10px;
1331 }
1332 /* New Custom Sticky Header */
1333 .vbo-overv-sticky-scroll-month {
1334 position: fixed;
1335 top: 0;
1336 width: 100%;
1337 z-index: 1000;
1338 }
1339 .vbo-overv-sticky-scroll-month-wrap {
1340 display: flex;
1341 box-shadow: 0px 0px 5px rgba(0,0,0,.2);
1342 }
1343 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-m {
1344 max-width: initial;
1345 display: flex;
1346 justify-content: center;
1347 align-items: center;
1348 font-size: 14px;
1349 }
1350 .vbo-overv-sticky-scroll-month-wrap > div {
1351 max-width: 80px;
1352 background: none repeat scroll 0 0 #02679a;
1353 color: #FFFFFF;
1354 font-weight: bold;
1355 padding: 2px 0;
1356 text-align: center;
1357 border-right: 1px solid #fff;
1358 box-sizing: border-box;
1359 line-height: 1.1em;
1360 cursor: pointer;
1361 }
1362 .vbo-overv-sticky-scroll-month-wrap > div:hover {
1363 background: #0a7bb5;
1364 }
1365 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day {
1366 color: #fff;
1367 font-size: 10px;
1368 }
1369 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day-num {
1370 font-size: 17px;
1371 margin: 4px 0;
1372 display: block;
1373 }
1374
1375 .vbcloseroom {
1376 float: right;
1377 text-align: right;
1378 }
1379 .vbcloseroomsp i {
1380 color: var(--vbo-red-color);
1381 padding: 4px;
1382 font-size: 15px;
1383 border-radius: 4px;
1384 margin-right: 3px;
1385 }
1386 .vbcloseroomsp label {
1387 display: inline;
1388 }
1389 .vbordersroomclosed {
1390 color: var(--vbo-red-color);
1391 font-weight: bold;
1392 }
1393 .vbordcancelled {
1394 color: var(--vbo-red-color);
1395 font-weight: bold;
1396 background-position: left center;
1397 background-repeat: no-repeat;
1398 padding: 5px 0 5px 18px;
1399 }
1400 .vbcsvexport {
1401 cursor: pointer;
1402 background: var(--vbo-config-bg-color);
1403 color: var(--vbo-config-titles-color-light);
1404 border-radius: 3px;
1405 display: inline-block;
1406 font-weight: bold;
1407 border: 1px solid var(--vbo-green-color);
1408 font-size: 12px;
1409 margin: 0 3px;
1410 }
1411 .vbcsvexport:hover {
1412 text-decoration: none;
1413 background: var(--vbo-green-color-hover);
1414 color: #fff;
1415 }
1416 .vbcsvexport > i {
1417 background: var(--vbo-green-color);
1418 color: #fff;
1419 padding: 11px 12px;
1420 font-size: 16px;
1421 display: inline-block;
1422 }
1423 .vbcsvexport:hover > i {
1424 background: var(--vbo-green-color-hover);
1425 }
1426 .vbo-perms-operators {
1427 cursor: pointer;
1428 background: var(--vbo-config-bg-color);
1429 color: var(--vbo-config-titles-color-light);
1430 border-radius: 3px;
1431 display: inline-block;
1432 font-weight: bold;
1433 border: 1px solid var(--vbo-blue-color);
1434 font-size: 12px;
1435 margin: 0 3px;
1436 }
1437 .vbo-perms-operators:hover {
1438 text-decoration: none;
1439 background: var(--vbo-blue-color-hover);
1440 color: #fff;
1441 }
1442 .vbo-perms-operators > i {
1443 background: var(--vbo-blue-color);
1444 color: #fff;
1445 padding: 11px 12px;
1446 font-size: 16px;
1447 display: inline-block;
1448 float: left;
1449 }
1450 .vbo-perms-operators:hover > i {
1451 background: var(--vbo-blue-color-hover);
1452 }
1453 .vbo-perms-operators > span {
1454 padding: 9px 12px 0 7px;
1455 display: inline-block;
1456 float: left;
1457 }
1458 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1459 margin: 0 2px;
1460 }
1461 .vbicsexport {
1462 cursor: pointer;
1463 background: var(--vbo-config-bg-color);
1464 color: var(--vbo-config-titles-color-light);
1465 border-radius: 3px;
1466 display: inline-block;
1467 font-weight: bold;
1468 border: 1px solid var(--vbo-orange-color);
1469 font-size: 12px;
1470 }
1471 .vbicsexport > i {
1472 background: var(--vbo-orange-color);
1473 color: #fff;
1474 padding: 10px 12px;
1475 font-size: 16px;
1476 }
1477 .vbicsexport:hover {
1478 text-decoration: none;
1479 background: var(--vbo-orange-color-hover);
1480 color: #fff;
1481 }
1482 .vbicsexport:hover > i {
1483 background: var(--vbo-orange-color-hover);
1484 }
1485 .vbcsvexport > span, .vbicsexport > span {
1486 padding: 9px 12px 0 7px;
1487 display: inline-block;
1488 vertical-align: top;
1489 }
1490 /* VikBooking 1.3 */
1491 .vbrestrdrangesp {
1492 display: inline-block;
1493 min-width: 80px;
1494 }
1495 .vbwdaytwodiv {
1496 margin-left:5px;
1497 }
1498 #vbwdaytwodivid > span {
1499 display: none;
1500 margin: 10px 4px 0 0;
1501 }
1502 .vbwdaycombodiv {
1503 margin-top: 10px;
1504 }
1505 .vbwdaycombodiv .vbwdaycombop > label {
1506 min-width: 125px
1507 }
1508 .vbwdaycombosp {
1509 display: block;
1510 font-weight:bold;
1511 }
1512 .vbwdaycombohelp {
1513 display: block;
1514 font-size:smaller;
1515 }
1516 .vbrestrroomssp {
1517 display: block;
1518 font-weight: bold;
1519 margin-top: 10px;
1520 }
1521 .vbo-bookingdet-noteslogs pre {
1522 word-break: break-all;
1523 white-space: break-spaces;
1524 }
1525 #vbpaymentlogdiv {
1526 display: none;
1527 height: 250px;
1528 margin-top: 5px;
1529 overflow-x: hidden;
1530 overflow-y: auto;
1531 padding: 5px;
1532 }
1533 #vbpaymentlogdiv pre {
1534 border: 1px solid var(--vbo-main-bg-color);
1535 max-width: 80%;
1536 min-height: calc(100% - 22px);
1537 margin: 0;
1538 padding: 10px;
1539 }
1540 .vbo-eorder-paymentlog-buttons {
1541 float: right;
1542 }
1543 .vbo-eorder-paymentlog-buttons .btn {
1544 width: 100%;
1545 box-sizing: border-box;
1546 margin-bottom: 10px;
1547 }
1548 .vbo-eorder-paymentlog-buttons .vcm-pcid-otareporting-wrapper {
1549 margin-top: 0;
1550 }
1551 .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn {
1552 text-align: left;
1553 }
1554 .vbordersp {
1555 font-weight:bold;
1556 }
1557 .vbordersphighlight {
1558 background: none repeat scroll 0 0 var(--vbo-base-color);
1559 border: 0 none;
1560 border-radius: 5px;
1561 color: #ffffff;
1562 display: inline-block;
1563 margin: 0 0 0 -1px;
1564 padding: 4px;
1565 }
1566 #vbadminnotesdiv, #vbinvnotesdiv {
1567 display: none;
1568 border-radius: 5px;
1569 min-height: 250px;
1570 max-width: 500px;
1571 margin-top: 5px;
1572 overflow-x: auto;
1573 overflow-y: auto;
1574 padding: 5px;
1575 }
1576 textarea.vbadminnotestarea {
1577 width: 490px !important;
1578 height: 240px !important;
1579 border: 1px solid var(--vbo-main-bg-color);
1580 border-radius: 5px;
1581 padding: 3px;
1582 margin-bottom: 10px;
1583 }
1584 .vbroomparamp {
1585 margin-bottom: 0;
1586 padding-bottom: 6px;
1587 }
1588 .vbroomparamp.vbroomparampactive {
1589 border-left: 1px solid var(--vbo-config-titles-color-light);
1590 }
1591 #defcalcostp {
1592 margin-bottom: 4px;
1593 }
1594 p.vbroomparamp label {
1595 padding-right: 8px;
1596 display: inline-block !important;
1597 min-width: 195px;
1598 }
1599 p.vbroomparamp span {
1600 font-size: smaller;
1601 font-style: italic;
1602 display: inline-block;
1603 padding-left: 8px;
1604 max-width: 300px;
1605 }
1606 .vbapplydiscsp {
1607 float: right;
1608 cursor: pointer;
1609 }
1610 .vbdiscenter {
1611 display: none;
1612 margin-top: 5px;
1613 font-weight: normal;
1614 padding:5px 0 0 0;
1615 border-top:1px solid var(--vbo-config-border-color);
1616 }
1617 .vbdiscenter-entry {
1618 padding:3px 0;
1619 }
1620 .vbdiscenter-label {
1621 font-weight:bold;
1622 display:inline-block;
1623 min-width:50%;
1624 }
1625 .vbdiscenter-entrycentered {
1626 text-align: right;
1627 }
1628 .vbdiscenter-entrycentered input {
1629 background:var(--vbo-green-color);
1630 color:#fff;
1631 border-radius:4px;
1632 }
1633 .vbflushsession {
1634 background: none repeat scroll 0 0 var(--vbo-blue-color);
1635 border: 1px solid var(--vbo-blue-color);
1636 border-radius: 1px;
1637 color: #FFFFFF;
1638 display: inline-block;
1639 font-size: 12px;
1640 padding: 4px 12px;
1641 border-radius: 4px;
1642 text-decoration: none;
1643 }
1644 .vbflushsession:hover {
1645 text-decoration: none;
1646 color: #FFFFFF;
1647 background: var(--vbo-blue-color-hover);
1648 border-color: var(--vbo-blue-color-hover);
1649 }
1650 .vbflushsession:active {
1651 background: var(--vbo-blue-color-hover);
1652 border-color: var(--vbo-blue-color-hover);
1653 color: #fff;
1654 }
1655 .vbotasp {
1656 background: none repeat scroll 0 0 var(--vbo-blue-color);
1657 border: 0 none;
1658 border-radius: 5px;
1659 color: #FFFFFF;
1660 display: inline-block;
1661 font-weight: bold;
1662 margin: 0 3px 0 0;
1663 min-width: 67px;
1664 padding: 4px;
1665 position: relative;
1666 }
1667 .vbotasp:before {
1668 content: "";
1669 height: 20px;
1670 left: -27px;
1671 position: absolute;
1672 top: 0;
1673 width: 20px;
1674 }
1675 .vbexplaination {
1676 font-style: italic;
1677 padding: 5px;
1678 }
1679 .vborderiddata {
1680 margin:10px 0 0 0;
1681 }
1682 .vborderiddata span {
1683 padding: 0 0 0 10px;
1684 }
1685 .vborderdatatab {
1686 line-height:1.4em;
1687 width:80%;
1688 }
1689 .vbordactionlink {
1690 background: none repeat scroll 0 0 var(--vbo-blue-color);
1691 border: 0 none;
1692 border-radius: 5px;
1693 color: #FFFFFF !important;
1694 display: inline-block;
1695 font-weight: bold;
1696 margin: 0 3px 0 0;
1697 padding: 4px;
1698 }
1699 .vbordroominfo {
1700 background: var(--vbo-config-child-bg-color);
1701 border-radius:5px;
1702 border: 1px solid var(--vbo-config-border-color);
1703 padding:10px;
1704 margin:0 0 10px 0;
1705 max-width:400px;
1706 }
1707 .vborderinfoblock {
1708 background: var(--vbo-config-child-bg-color);
1709 border-radius:5px;
1710 border: 1px solid var(--vbo-config-border-color);
1711 padding:10px;
1712 margin:0 0 10px 0;
1713 }
1714 .vbroomselfilter {
1715 margin-right: 5px;
1716 }
1717 .vbmodelink {
1718 border: 1px solid var(--vbo-config-border-color);
1719 border-radius: 3px;
1720 display: inline-block;
1721 color: var(--vbo-config-titles-color-light);
1722 }
1723 .vbmodelink:hover {
1724 border: 1px solid var(--vbo-base-color-hover);
1725 }
1726 .vbmodelink > span {
1727 display: inline-block;
1728 padding: 0 8px 0 3px;
1729 }
1730 .vbmodelink > i {
1731 background: var(--vbo-main-bg-color);
1732 font-size: 15px;
1733 padding: 8px 10px;
1734 border-right: 1px solid var(--vbo-config-border-color);
1735 }
1736 .vbmodelink:hover > i, .vbmodelink:active > i {
1737 background-color: var(--vbo-base-color);
1738 color: #fff;
1739 border-right: 1px solid var(--vbo-base-color);
1740 }
1741 .vbmodelink-active {
1742 background: var(--vbo-config-bg-color) !important;
1743 border-color: var(--vbo-base-color);
1744 color: var(--vbo-base-color);
1745 }
1746 .vbmodelink-active > i {
1747 background: var(--vbo-base-color);
1748 color: #fff;
1749 }
1750 .vbimagedetbox {
1751 border: 1px solid var(--vbo-config-border-color);
1752 border-radius: 3px;
1753 padding: 20px;
1754 position: absolute;
1755 width: 300px;
1756 background-color: var(--vbo-config-bg-color);
1757 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1758 color: var(--vbo-config-title-color);
1759 z-index: 1000;
1760 right: 0;
1761 }
1762 .captionlabel {
1763 padding:0 0 10px;
1764 display:inline-block;
1765 width: 95%;
1766 font-weight: bold;
1767 }
1768 .captionlabel span {
1769 display:block;
1770 margin:0 0 4px 0;
1771 }
1772 .captionlabel input {
1773 border-radius:3px;
1774 padding:2px;
1775 width: 100% !important;
1776 }
1777 .captionsubmit {
1778 background: none repeat scroll 0 0 var(--vbo-green-color);
1779 border: 1px solid var(--vbo-green-color) !important;
1780 border-radius: 2px;
1781 color: #fff;
1782 cursor: pointer;
1783 padding: 10px 14px !important;
1784 line-height: 18px;
1785 font-size: 13px;
1786 }
1787 .captionsubmit:hover {
1788 background-color: var(--vbo-green-color-hover) !important;
1789 }
1790 .captionsubmit:active {
1791 background-color: var(--vbo-green-color-hover) !important;
1792 }
1793 .captionremoveimg {
1794 float: right;
1795 text-align: right;
1796 }
1797 .captionremoveimg span {
1798 float: left;
1799 display: inline-block;
1800 margin: 8px 6px 0px;
1801 }
1802 .captionremoveimg a {
1803 float:left;
1804 display:inline-block;
1805 }
1806 .captionremoveimg .icon-remove {
1807 font-size: 10px;
1808 margin-left: -5px;
1809 margin-right: 5px;
1810 }
1811 .vbheadfourblue {
1812 background: #02679a;
1813 color: #fff;
1814 margin-bottom: -5px !important;
1815 padding: 6px 3px 6px 6px;
1816 border-radius: 3px;
1817 }
1818 .vbswitchrblock {
1819 float: right;
1820 display: block;
1821 padding: 5px;
1822 border: 1px solid #ccc;
1823 border-radius: 3px;
1824 clear: both;
1825 }
1826 .vbswitchrblock select {
1827 margin: 0 !important;
1828 }
1829 .vbo-ebusy-lbl {
1830 display: block;
1831 font-weight: bold;
1832 font-size: larger;
1833 margin-left: 3px;
1834 }
1835 .vbo-ebusy-opt-table tr td {
1836 padding-right: 15px !important;
1837 }
1838 .vbo-ebusy-opt-table tr td:last-child {
1839 text-align: center;
1840 padding: 0 !important;
1841 }
1842 .vbo-ebusy-tars-table tr td {
1843 padding-right: 15px !important;
1844 }
1845 .vbo-ebusy-toggle-aduchild {
1846 border-left: 1px solid rgb(255, 255, 255);
1847 color: #e6e6e6;
1848 cursor: pointer;
1849 display: inline-block;
1850 float: right;
1851 height: 100%;
1852 min-width: 25px;
1853 padding-left: 0.7em;
1854 padding-top: 1px;
1855 padding-bottom: 1px;
1856 }
1857 .vbo-ebusy-rmroom {
1858 border-left: 1px solid rgb(255, 255, 255);
1859 color: #ff0000;
1860 cursor: pointer;
1861 display: inline-block;
1862 float: right;
1863 height: 100%;
1864 min-width: 25px;
1865 padding-left: 0.7em;
1866 padding-top: 1px;
1867 padding-bottom: 1px;
1868 }
1869 .vbo-ebusy-toggle-aduchild-on {
1870 color: #fff;
1871 }
1872 .vbo-ebusy-addextracost {
1873 margin-left: 50px;
1874 }
1875 .vbo-ebusy-extracosts-table tr {
1876 border-bottom:1px solid #ddd;
1877 background: #eee;
1878 }
1879 .vbo-ebusy-extracosts-table td {
1880 padding: 10px !important;
1881 }
1882 .vbo-ebusy-extracosts-table td input {
1883 margin-bottom: 0;
1884 }
1885 .vbo-ebusy-extracosts-cellrm {
1886 vertical-align: top;
1887 }
1888 .vbo-ebusy-extracosts-cellrm .btn {
1889 margin: 0;
1890 }
1891 .vbo-ebusy-extracosts-celltax select {
1892 margin: 0 !important;
1893 }
1894 .vbo-add-room-overlay {
1895 padding: 10px 10px 20px;
1896 }
1897 .vbo-add-room-overlay .vbo-add-room-entry {
1898 display: flex;
1899 flex-wrap: wrap;
1900 width: 100%;
1901 }
1902 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1903 display: block;
1904 width: 100% !important;
1905 max-width: 100%;
1906 }
1907 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1908 display: inline-block;
1909 vertical-align: top;
1910 flex: 1;
1911 margin: 8px 0;
1912 }
1913 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1914 margin-right: 20px;
1915 }
1916 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1917 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1918 width: 100% !important;
1919 box-sizing: border-box;
1920 height: auto;
1921 }
1922 /* START: VikBooking v1.6 */
1923 .add-tax-breakdown-cont {
1924 margin-bottom: 0;
1925 border: 1px solid var(--vbo-config-border-color);
1926 padding: 10px;
1927 border-radius: 4px;
1928 margin: 4px 0 10px;
1929 display: flex;
1930 flex-wrap: wrap;
1931 }
1932 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1933 margin-left: auto;
1934 order: 3;
1935 align-self: end;
1936 }
1937 .add-tax-breakdown-cont > div {
1938 display: inline-block;
1939 vertical-align: top;
1940 margin: 3px 0;
1941 }
1942 .add-tax-breakdown-cont .add-tax-breakdown-name {
1943 flex-basis: 100%;
1944 }
1945 .add-tax-breakdown-cont div span {
1946 display: inline-block;
1947 min-width: 100px;
1948 }
1949 .add-tax-breakdown-cont .add-tax-breakdown-rate {
1950 display: block;
1951 }
1952 .add-tax-breakdown-remove {
1953 cursor: pointer;
1954 font-size: 20px;
1955 }
1956 .vbo-select-all {
1957 display: block;
1958 width: 180px;
1959 margin: 0 0 5px 0;
1960 padding: 5px 2px;
1961 background: var(--vbo-basic-btn);
1962 border: 1px solid var(--vbo-config-border-color);
1963 cursor: pointer;
1964 text-align: center;
1965 }
1966 .vbo-select-all:hover {
1967 background: var(--vbo-basic-btn-hover);
1968 }
1969 #vbo-pkg-calcexcld {
1970 display: inline-block;
1971 margin-right: 10px;
1972 }
1973 #vbo-pkg-excldates-td {
1974 display: inline-block;
1975 vertical-align: top;
1976 }
1977 #vbo-pkg-excldates-td select {
1978 height: 90px !important;
1979 }
1980 .promotr {
1981 display: none;
1982 }
1983 #promovalidity {
1984 display: inline-block;
1985 padding-left: 5px;
1986 }
1987 /* END: VikBooking v1.6 */
1988 /* Back-end Menu */
1989 .vbo-menu-container {
1990 display: flex;
1991 align-items: flex-start;
1992 margin-bottom: 50px;
1993 }
1994 .vbo-menu-container-closer {
1995 margin-bottom: 10px;
1996 }
1997 .vbo-menu-left {
1998 float: left;
1999 display: inline-block;
2000 margin-right: 15px;
2001 max-width: 150px;
2002 border-radius: 5px;
2003 padding: 10px;
2004 margin-top: -10px;
2005 }
2006 .vbo-menu-left:hover {
2007 background: #ddd;
2008 }
2009 .vbo-menu-left img {
2010 max-width: 100%;
2011 border: 0;
2012 position: relative;
2013 display: inline-block;
2014 -webkit-transform: translateZ(0);
2015 -moz-transform: translateZ(0);
2016 transform: translateZ(0);
2017 }
2018 .vbo-menu-left a {
2019 position: relative;
2020 display: block;
2021 overflow: hidden;
2022 }
2023 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
2024 text-decoration: none;
2025 }
2026 .vbo-menu-left a:after {
2027 opacity: 0;
2028 }
2029 .vbo-menu-left a:hover:after {
2030 animation: shine 5s ease-in-out infinite;
2031 animation-fill-mode: forwards;
2032 content: "";
2033 position: absolute;
2034 top: -110%;
2035 left: -210%;
2036 width: 100%;
2037 height: 200%;
2038 opacity: 0;
2039 transform: rotate(30deg);
2040
2041 background: rgba(255, 255, 255, 0.13);
2042 background: linear-gradient(
2043 to right,
2044 rgba(255, 255, 255, 0.13) 0%,
2045 rgba(255, 255, 255, 0.13) 77%,
2046 rgba(255, 255, 255, 0.5) 92%,
2047 rgba(255, 255, 255, 0.0) 100%
2048 );
2049 }
2050 @keyframes shine{
2051 10% {
2052 opacity: 1;
2053 top: -60%;
2054 left: -20%;
2055 transition-property: left, top, opacity;
2056 transition-duration: 0.7s, 0.7s, 0.15s;
2057 transition-timing-function: ease;
2058 }
2059 100% {
2060 opacity: 0;
2061 top: -60%;
2062 left: -20%;
2063 transition-property: left, top, opacity;
2064 }
2065 }
2066 .vbo-menu-right {
2067 flex: 1;
2068 background: #22485d;
2069 border-radius: 6px;
2070 }
2071 .vbo-menu-right ul {
2072 list-style-type: none;
2073 margin: 0;
2074 padding: 0 0 0 2px;
2075 }
2076 .vbo-menu-right > .vbo-menu-ul {
2077 display: inline-block;
2078 }
2079 .vbo-menu-updates {
2080 float: right;
2081 display: inline-block;
2082 }
2083 .vbo-menu-updates > button {
2084 float: right;
2085 display: inline-block;
2086 background: #3f708b;
2087 color: #fff;
2088 font-weight: bold;
2089 border: 1px solid #3f708b;
2090 padding: 13px 15px;
2091 border-radius: 36px;
2092 margin: 7px 8px 6px 2px;
2093 }
2094 .vbo-menu-updates button span {
2095 max-width: 120px;
2096 white-space: nowrap;
2097 overflow: hidden;
2098 text-overflow: ellipsis;
2099 display: inline-block;
2100 vertical-align: top;
2101 }
2102 .vbo-menu-updates button i {
2103 display: inline-block;
2104 vertical-align: middle;
2105 margin-right: 5px;
2106 }
2107 .vbo-menu-updates button.vbo-multitasking-apps i {
2108 margin-right: 0;
2109 vertical-align: middle;
2110 }
2111 .vbo-menu-updates.vbo-menu-needupdate button {
2112 background: var(--vbo-green-color);
2113 border: 1px solid var(--vbo-green-color);
2114 }
2115 .vbo-submenu-wrap {
2116 background: var(--vbo-config-bg-color);
2117 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2118 min-width: 180px;
2119 padding: 5px 0;
2120 border-radius: 10px;
2121 margin: 0;
2122 position: absolute;
2123 z-index: 100;
2124
2125 visibility: hidden;
2126 opacity: 0;
2127 transform: scale(0.99) translateY(-0.7em);
2128 transform-origin: top;
2129 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2130 transition-duration: 500ms;
2131 transition-property: opacity,transform;
2132 }
2133 @media screen and (min-width: 1012px) {
2134 .vbo-submenu-wrap {
2135 width: 230px;
2136 padding: 22px;
2137 }
2138 .vbo-submenu-wrap-multi {
2139 width: 400px;
2140 display: flex;
2141 }
2142 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2143 padding-right: 10px;
2144 min-width: 45%;
2145 border-right: 1px solid var(--vbo-config-border-color);
2146 }
2147 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2148 padding-left: 22px;
2149 }
2150 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2151 right: 0;
2152 }
2153 }
2154 @media screen and (max-width: 1012px) {
2155 .vbo-submenu-wrap {
2156 padding: 15px 20px;
2157 }
2158 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2159 border-bottom: 1px solid var(--vbo-config-border-color);
2160 padding-bottom: 10px;
2161 }
2162 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2163 margin-top: 10px;
2164 }
2165 }
2166 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2167 visibility: visible;
2168 opacity: 1;
2169 transform: scale(1) translateY(0);
2170 }
2171 .vbo-menu-ul li {
2172 display: inline-block;
2173 text-align: left;
2174 position: relative;
2175 padding: 5px 4px;
2176 }
2177 .vbo-submenu-wrap ul li {
2178 display: block;
2179 width: 100%;
2180 line-height: initial;
2181 padding: 0;
2182 }
2183 .vbo-submenu-wrap li > div {
2184 display: block;
2185 font-size: 14px;
2186 }
2187 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2188 font-weight: bold;
2189 font-size: 15px;
2190 margin-bottom: 5px;
2191 }
2192 .vbo-menu-parent-li > span {
2193 display: inline-block;
2194 color:#ffffff;
2195 cursor: pointer;
2196 padding: 14px 22px;
2197 font-size: 14px;
2198 font-weight: bold;
2199 position: relative;
2200 border-radius: 8px;
2201 }
2202 .vbo-menu-parent-li > span a {
2203 color: #fff !important;
2204 }
2205 .vbo-menu-parent-li > span a:hover {
2206 text-decoration: none !important;
2207 }
2208 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2209 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2210 transition-duration: 500ms;
2211 transition-property: opacity,transform;
2212 font-size: 12px;
2213 opacity: .7;
2214 margin-left: 4px;
2215 }
2216 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2217 transform: translateY(2px);
2218 }
2219 .vbo-menu-parent-li-active > span {
2220 background: #c2880e;
2221 }
2222 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2223 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2224 background: #3f708b;
2225 }
2226 .vbo-menu-parent-li > span > i {
2227 margin-left: -2px;
2228 margin-right: 7px;
2229 font-size: 17px;
2230 }
2231 .vbo-submenu-wrap li {
2232 margin: 0;
2233 }
2234 .vbo-submenu-wrap li > div a {
2235 padding: 8px 0;
2236 display: flex;
2237 }
2238 .vbo-submenu-wrap li > div a i {
2239 margin-right: 6px;
2240 margin-top: 2px;
2241 font-size: 16px;
2242 color: var(--vbo-config-titles-color-light);
2243 min-width: 22px;
2244 }
2245 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2246 display: inline-block;
2247 }
2248 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2249 max-width: 100%;
2250 border-radius: 50%;
2251 object-fit: cover;
2252 height: 20px;
2253 width: 20px;
2254 margin-right: 8px;
2255 }
2256 .vbo-submenu-wrap li .vbo-submenu-item {
2257 line-height: 1.4em;
2258 }
2259 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2260 display: block;
2261 }
2262 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2263 font-weight: bold;
2264 font-size: 16px;
2265 }
2266 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2267 font-size: 14px;
2268 color: var(--vbo-config-titles-color-light);
2269 }
2270 .vbo-submenu-wrap li:first-child a {
2271 padding-top: 0;
2272 }
2273 .vbo-submenu-wrap li:last-child a {
2274 padding-bottom: 0;
2275 }
2276 .vmenulink a {
2277 display: block;
2278 }
2279 .vmenulink a {
2280 color: var(--vbo-body-text-color) !important;
2281 }
2282 .vmenulinkactive a {
2283 display: block;
2284 color: var(--vbo-contrast-text-color) !important;
2285 }
2286 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2287 text-decoration: none;
2288 color: var(--vbo-base-color) !important;
2289 }
2290 .vbo-submenu-helper-ul > li > .vmenulink {
2291 display: flex;
2292 padding: 8px 0;
2293 }
2294 .vbo-submenu-helper-ul > li div a {
2295 padding: 0;
2296 margin-right: 13px;
2297 }
2298 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2299 align-self: center;
2300 margin-left: auto;
2301 font-size: 12px;
2302 display: inline-block;
2303 padding: 2px 3px;
2304 cursor: pointer;
2305 }
2306 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2307 opacity: 0;
2308 }
2309 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2310 color: var(--vbo-base-color);
2311 opacity: .7;
2312 }
2313 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2314 opacity: 1;
2315
2316 transition: all 200ms ease-in-out 200ms;
2317 -moz-transition: all 200ms ease-in-out 200ms;
2318 -webkit-transition: all 200ms ease-in-out 200ms;
2319 -o-transition: all 200ms ease-in-out 200ms;
2320 }
2321 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2322 color: var(--vbo-config-text-color-light);
2323 }
2324 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2325 opacity: 1;
2326 color: var(--vbo-base-color);
2327 }
2328
2329
2330 /* END Back-end Menu */
2331 .vbo-config-warn {
2332 display: block;
2333 font-style: italic;
2334 margin: 5px 0 0;
2335 }
2336 /* Bookings List - Begin */
2337 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2338 vertical-align: middle;
2339 font-size: 13px;
2340 }
2341 table.vbo-list-table tbody tr .vbo-highlighted-td {
2342 font-weight: bold;
2343 }
2344 .vbo-coupon-use-count a {
2345 display: inline-block;
2346 background: var(--vbo-base-color);
2347 padding: 0 5px;
2348 border-radius: 4px;
2349 color: var(--vbo-contrast-text-color);
2350 }
2351 .vbo-coupon-use-count a:hover {
2352 background: var(--vbo-base-color-hover);
2353 color: var(--vbo-contrast-text-color);
2354 }
2355 .vbo-list-table .btn {
2356 white-space: nowrap;
2357 }
2358 .vbo-list-table .btn i {
2359 margin-right: 3px;
2360 }
2361 a.vbo-bookingslist-viewdet-link {
2362 display: inline-block;
2363 cursor: pointer;
2364 color: #fff;
2365 min-width: 60%;
2366 }
2367 a.vbo-bookingslist-viewdet-link:hover {
2368 text-decoration: none;
2369 }
2370 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2371 border-radius: 50%;
2372 object-fit: cover;
2373 border: 1px solid var(--vbo-config-border-color);
2374 display: inline-block;
2375 vertical-align: top;
2376 width: 32px;
2377 height: 32px;
2378 line-height: 30px;
2379 font-weight: bold;
2380 margin: 2px 0;
2381 }
2382 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2383 display: inline-block;
2384 line-height: initial;
2385 }
2386 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2387 width: 20px;
2388 height: 20px;
2389 vertical-align: middle;
2390 object-fit: cover;
2391 }
2392 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2393 line-height: 34px;
2394 }
2395 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2396 border-radius: 50%;
2397 margin: 2px;
2398 width: 32px;
2399 height: 32px;
2400 text-align: center;
2401 }
2402 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2403 width: 20px;
2404 height: 20px;
2405 object-fit: cover;
2406 }
2407 .vbo-room-sharedcalendar {
2408 border: 1px solid var(--vbo-config-border-color);
2409 padding: 3px 6px;
2410 border-radius: 4px;
2411 background: var(--vbo-basic-btn);
2412 display: inline-block;
2413 margin-right: 3px;
2414 }
2415 .vbo-allbookings-fm, .vbo-list-form {
2416 background: var(--vbo-main-bg-color);
2417 }
2418 form[name="invoicesform"] {
2419 margin-bottom: 0;
2420 }
2421 form[name="invoicesform"] .btn-toolbar {
2422 margin-bottom: 0;
2423 }
2424 .vbo-allbookings-fm .btn-group {
2425 position: relative;
2426 }
2427 .vbo-list-form {
2428 padding-top: 10px;
2429 }
2430 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2431 margin-top: 0 !important;
2432 height: auto !important;
2433 background: var(--vbo-toolbar-bg-color);
2434 padding: 10px;
2435 box-sizing: border-box;
2436 }
2437 .vbo-allbookings-fm #vbo-search-tools-cont {
2438 margin-top: 5px;
2439 height: auto !important;
2440 padding: 10px;
2441 box-sizing: border-box;
2442 }
2443 .vbo-btn-toolbar #filter-bar {
2444 margin-top: 0;
2445 }
2446 .vbo-btn-toolbar .btn[type="submit"],
2447 .vbo-btn-toolbar .btn[type="button"] {
2448 padding: 8px 15px;
2449 box-shadow: none;
2450 border-color: var(--vbo-config-border-color);
2451 }
2452 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2453 font-weight: bold;
2454 }
2455 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2456 font-weight: normal;
2457 }
2458 .vbo-btn-toolbar .field-calendar .input-append,
2459 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2460 margin-bottom: 0;
2461 }
2462 .vbo-btn-toolbar .input-append .btn {
2463 padding: 8px 12px;
2464 border: 1px solid var(--vbo-config-border-color);
2465 border-radius: 0 2px 2px 0;
2466 }
2467 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2468 background: var(--vbo-blue-color);
2469 border: 1px solid var(--vbo-blue-color);
2470 color: #fff;
2471 padding: 7.5px 15px;
2472 }
2473 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2474 background: var(--vbo-config-bg-color);
2475 border-color: var(--vbo-blue-color)6;
2476 color: var(--vbo-blue-color);
2477 }
2478 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2479 border-top: 4px solid #fff !important;
2480 border-bottom: 0 !important;
2481 border-right: 4px solid transparent;
2482 border-left: 4px solid transparent;
2483 margin-left: 4px;
2484 }
2485 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2486 background: var(--vbo-config-bg-color);
2487 border-color: var(--vbo-blue-color);
2488 color: var(--vbo-blue-color);
2489 }
2490 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2491 border-bottom: 4px solid #fff !important;
2492 border-top: 0 !important;
2493 border-right: 4px solid transparent;
2494 border-left: 4px solid transparent;
2495 }
2496 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2497 border-top: 4px solid var(--vbo-blue-color) !important;
2498 border-bottom: 0 !important;
2499 border-right: 4px solid transparent;
2500 border-left: 4px solid transparent;
2501 }
2502 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2503 border-bottom: 4px solid #fff !important;
2504 border-top: 0 !important;
2505 border-right: 4px solid transparent;
2506 border-left: 4px solid transparent;
2507 }
2508 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2509 font-weight: normal;
2510 font-size: 14px !important;
2511 border: 1px solid var(--vbo-config-border-color) !important;
2512 border-radius: 2px !important;
2513 background: var(--vbo-input-style);
2514 }
2515 .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 {
2516 padding: 4px 5px;
2517 display: inherit;
2518 }
2519 .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 {
2520 display: inline-block;
2521 margin-left: 3px;
2522 margin-right: 0;
2523 width: 18px;
2524 height: 18px;
2525 line-height: 15px;
2526 font-size: 16px;
2527 text-align: center;
2528 border-radius: 50%;
2529 color: var(--vbo-config-titles-color-light);
2530 float: right;
2531 }
2532 .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 {
2533 background: var(--vbo-config-border-color);
2534 color: var(--vbo-config-titles-color-light);
2535 }
2536 .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 {
2537 height: 36px;
2538 }
2539 .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 {
2540 background-color: #b6d8ee;
2541 border: 1px solid #b8d1e1;
2542 border-radius: 30px;
2543 padding: 5px 10px;
2544 color: var(--vbo-base-color);
2545 font-weight: bold;
2546 font-size: 12px;
2547 }
2548 .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 {
2549 display: inline-block;
2550 margin-left: 3px;
2551 margin-right: 0;
2552 width: 18px;
2553 height: 18px;
2554 line-height: 15px;
2555 font-size: 16px;
2556 text-align: center;
2557 border-radius: 50%;
2558 color: var(--vbo-base-color);
2559 float: right;
2560 }
2561 .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 {
2562 background: var(--vbo-base-color-hover);
2563 color: #fff;
2564 }
2565 .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 {
2566 margin-top: 5px;
2567 margin-bottom: 5px !important;
2568 padding: 0;
2569 }
2570
2571 .vbo-list-form-filters {
2572 padding: 10px 20px;
2573 }
2574 .vbo-list-form-filters form {
2575 margin-bottom: 0;
2576 display: flex;
2577 flex-wrap: wrap;
2578 }
2579 .vbo-list-form-filter-select {
2580 display: inline-block;
2581 margin-right: 10px;
2582 }
2583 .vbo-list-form-filters form > .vbo-right-btn-container {
2584 margin-left: auto;
2585 align-self: end;
2586 }
2587 .vbo-avov-toolbar select {
2588 margin-bottom: 0;
2589 border-radius: 2px;
2590 border: 1px solid var(--vbo-config-border-color);
2591 padding: 8px 10px;
2592 height: inherit;
2593 }
2594 #vbo-search-tools-cont {
2595 width: 100%;
2596 display: inline-block;
2597 padding: 0px !important;
2598 }
2599 .pagination.pagination-toolbar {
2600 margin-bottom: 20px;
2601 }
2602 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2603 width: 98%;
2604 margin: 10px auto 20px;
2605 border-radius: 10px;
2606 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2607 }
2608 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2609 margin-bottom: 0;
2610 }
2611 .vbo-list-form .table-responsive table {
2612 margin-top: 0;
2613 }
2614 .vbo-orders-review-link {
2615 display: inline-block;
2616 margin-left: 5px;
2617 }
2618 .vbo-orders-review-link a {
2619 color: #ffbd3f;
2620 }
2621 .vbo-bookslist-snapshot {
2622 cursor: pointer;
2623 }
2624 .vbo-bookslist-snapshot:hover {
2625 background-color: var(--vbo-blue-color-hover);
2626 }
2627 .vbo-orders-substatus {
2628 margin-top: 2px;
2629 }
2630 .vbo-orders-substatus .label {
2631 border-radius: 10px;
2632 }
2633 /* Search Tools Caret - Start */
2634 .btn-primary .caret {
2635 border-top: 0;
2636 border-bottom: 4px solid #FFF !important;
2637 margin-top: 7px;
2638 margin-bottom: 8px;
2639 }
2640 /* Search Tools Caret - End */
2641 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2642 color: var(--vbo-config-titles-color-light);
2643 }
2644 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2645 margin-left: 5px;
2646 }
2647 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2648 .vbo-bookingslist-table thead th a:hover,
2649 .vbo-list-table thead th .vbo-list-activesort,
2650 .vbo-list-table thead th a:hover {
2651 color: var(--vbo-base-color);
2652 text-decoration: none;
2653 }
2654 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2655 font-size: 14px;
2656 font-weight: bold;
2657 color: var(--vbo-config-titles-color-light);
2658 vertical-align: baseline;
2659 white-space: nowrap;
2660 }
2661 .vbo-bookingslist-viewdet:hover {
2662 color: var(--vbo-base-color-hover);
2663 }
2664 .vbo-bookingslist-viewdet-date {
2665 display: block;
2666 }
2667 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2668 font-size: 11px;
2669 font-weight: bold;
2670 color: var(--vbo-config-titles-color-light);
2671 }
2672 .vbo-bookingslist-viewdet-time span {
2673 display: inline-block;
2674 }
2675 .vbo-bookingslist-booktime-hour {
2676 color: var(--vbo-base-color);
2677 }
2678 .vbo-bookingslist-booktime-twrap {
2679 display: inline-block;
2680 min-width: 60px;
2681 }
2682 .vbo-bookingslist-roomunit {
2683 display: block;
2684 font-size: smaller;
2685 color: var(--vbo-config-titles-color-light);
2686 }
2687 .vbo-bookingslist-booktime-checkedin {
2688 display: inline-block;
2689 color: var(--vbo-green-color);
2690 }
2691 .vbo-bookingslist-booktime-checkedout {
2692 display: inline-block;
2693 color: var(--vbo-green-color);
2694 }
2695 .vbo-bookingslist-booktime-noshow {
2696 display: inline-block;
2697 color: var(--vbo-red-color);
2698 }
2699 .vbo-bookingslist-viewdet-fulldate {
2700 display: inline-block;
2701 margin-right: 15px;
2702 }
2703 .vbo-bookingslist-viewdet-open {
2704 float: right;
2705 }
2706 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2707 min-width: 20px;
2708 margin-right: -3px;
2709 }
2710 .vbo-provenience {
2711 display: inline-block;
2712 min-width: 85px;
2713 border: 0;
2714 border-radius: 3px;
2715 margin: 0 3px 0 0;
2716 padding: 7px 5px;
2717 color: var(--vbo-base-color);
2718 font-weight: bold;
2719 position: relative;
2720 font-size: 16px;
2721 word-break: break-all;
2722 }
2723 span.label.vbo-status-label {
2724 padding: 5px 14px !important;
2725 font-size: 12px;
2726 border-radius: 24px;
2727 letter-spacing: .3px;
2728 min-width: 70px;
2729 text-align: center;
2730 }
2731 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2732 background-color: var(--vbo-green-color);
2733 }
2734 span.vbo-label-small, .vbo-label-small {
2735 padding: 5px 8px !important;
2736 font-size: 11px;
2737 line-height: 14px;
2738 }
2739 .vbo-bookingslist-total-totpaid {
2740 font-size: 11px;
2741 font-weight: bold;
2742 }
2743 .vbo-bookingslist-total-refunded {
2744 color: var(--vbo-red-color);
2745 display: inline-block;
2746 margin-left: 4px;
2747 }
2748 .vbo-admin-tipsicon i {
2749 font-size: 20px;
2750 color: var(--vbo-config-titles-color-light);
2751 }
2752 .vbo-admin-notes-icn {
2753 cursor: pointer;
2754 }
2755 .vbo-admin-invoiceicon i {
2756 font-size: 20px;
2757 color: var(--vbo-config-titles-color-light);
2758 }
2759 .vbo-timeline-content {
2760 background: var(--vbo-config-bg-color);
2761 }
2762 .vbo-bookings-guestmessages-bubble-cont i {
2763 font-size: 20px;
2764 color: var(--vbo-config-titles-color-light);
2765 position: relative;
2766 }
2767 .vbo-bookings-guestmessages-bubble-cont i:after {
2768 position: absolute;
2769 content: attr(data-message-count);
2770 width: 20px;
2771 height: 20px;
2772 border-radius: 50%;
2773 background: var(--vbo-red-color);
2774 color: #fff;
2775 font-weight: bold;
2776 font-size: 11px;
2777 line-height: 20px;
2778 font-family: Arial;
2779 top: -7px;
2780 right: -11px;
2781 text-align: center;
2782 }
2783 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2784 display:none;
2785 }
2786 #vbo-geninv-form .vbo-calendar-cfield-entry {
2787 margin: 15px 0;
2788 }
2789 .vbo-info-overlay-content-invoices h4 {
2790 font-size: 20px;
2791 border-bottom: 1px solid var(--vbo-config-border-color);
2792 padding-bottom: 10px;
2793 }
2794 /* Bookings List - End */
2795 /* Rates, Restrictions and Seasons Calendar - Begin */
2796 .vbo-warning {
2797 margin: 10px 0px;
2798 padding: 12px;
2799 color: var(--vbo-orange-color);
2800 border: 1px solid var(--vbo-orange-color);
2801 background-color: var(--vbo-config-bg-color);
2802 }
2803 .vbo-ratesoverview-top-container {
2804 background: var(--vbo-config-child-bg-color);
2805 padding-bottom: 20px;
2806 padding-top: 20px;
2807 }
2808 .vbo-ratesoverview-right-block {
2809 float: right;
2810 }
2811 .vbo-ratesoverview-right-inner {
2812 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2813 border: 1px solid var(--vbo-config-border-color);
2814 border-radius: 3px;
2815 display: none;
2816 margin-left: 20px;
2817 min-height: 60px;
2818 padding: 10px 10px;
2819 position: relative;
2820 vertical-align: top;
2821 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2822 margin-bottom: 10px;
2823 }
2824 .vbo-ratesoverview-vcmwarn-close {
2825 cursor: pointer;
2826 position: absolute;
2827 right: -8px;
2828 top: -8px;
2829 }
2830 .vbo-ratesoverview-vcmwarn-close i {
2831 color: var(--vbo-red-color);
2832 font-size: 16px;
2833 margin: 0;
2834 }
2835 .vbo-ratesoverview-vcmwarn-count {
2836 display: block;
2837 padding: 5px 5px 0;
2838 text-align: center;
2839 }
2840 .vbo-ratesoverview-vcmwarn-count i {
2841 color: var(--vbo-blue-color);
2842 }
2843 .vbo-ratesoverview-vcmwarn-open {
2844 display: block;
2845 text-align: center;
2846 margin-top: 10px;
2847 }
2848 .vbo-ratesoverview-roomsel-block {
2849 margin: 0 20px;
2850 }
2851 .vbo-ratesoverview-roomsel-block > form {
2852 display: flex;
2853 margin-bottom: 0;
2854 background: var(--vbo-config-child-bg-color);
2855 border: 1px solid var(--vbo-config-border-color);
2856 border-bottom-color: var(--vbo-config-border-color);
2857 border-bottom-style: solid;
2858 border-bottom-width: 1px;
2859 border-radius: 4px;
2860 border-bottom: 2px solid var(--vbo-config-border-color);
2861 box-shadow: 0 0 10px rgba(0,0,0,.1);
2862 }
2863 .vbo-ratesoverview-roomsel-block label {
2864 display: block;
2865 font-weight: bold;
2866 margin-bottom: 9px;
2867 }
2868 .vbo-ratesoverview-roomsel-entry {
2869 display: inline-block;
2870 vertical-align: top;
2871 background: var(--vbo-config-bg-color);
2872 padding: 15px;
2873 flex: 1;
2874 flex-basis: auto;
2875 }
2876 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2877 font-size: 16px;
2878 }
2879 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2880 color: var(--vbo-config-titles-color-light);
2881 font-size: 14px;
2882 margin-right: 5px;
2883 }
2884 .vbo-ratesoverview-roomsel-entry-forecast {
2885 flex-basis: 35%;
2886 }
2887 .vbo-ratesoverview-roomsel-entry-forecast > label {
2888 float: left;
2889 }
2890 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2891 margin-bottom: 20px;
2892 display: flex;
2893 justify-content: flex-end;
2894 }
2895 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2896 width: 36%;
2897 float: left;
2898 display: inline-block;
2899 }
2900 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2901 width: 100%;
2902 }
2903 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2904 padding: 10px 20px;
2905 }
2906 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2907 margin-bottom: 5px;
2908 }
2909 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2910 font-size: 22px;
2911 }
2912 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2913 width: 57% !important;
2914 height: auto !important;
2915 }
2916 .vbo-reportwidget-ratesoverv .chart-line-legend {
2917 margin-left: 0;
2918 }
2919 .vbo-ratesoverview-roomsel-entry-los {
2920 border-left: 1px solid var(--vbo-config-border-color);
2921 }
2922 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2923 flex-basis: 18%;
2924 border-right: 1px solid var(--vbo-config-border-color);
2925 background-color: var(--vbo-config-bg-color);
2926 border-top-left-radius: 4px;
2927 border-bottom-left-radius: 4px;
2928 }
2929 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2930 margin-bottom: 0;
2931 border-radius: 2px;
2932 border: 1px solid var(--vbo-config-border-color);
2933 padding: 8px 10px;
2934 height: inherit;
2935 }
2936 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2937 margin-bottom: 0;
2938 }
2939 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
2940 width: 80% !important;
2941 }
2942 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
2943 border: 0;
2944 background: transparent;
2945 }
2946 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2947 padding: 0;
2948 }
2949 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice {
2950 background-color: #b6d8ee;
2951 border: 1px solid #b8d1e1;
2952 border-radius: 30px;
2953 padding: 5px 10px;
2954 color: #2d5593;
2955 font-weight: bold;
2956 max-width: 190px;
2957 overflow: hidden;
2958 text-overflow: ellipsis;
2959 }
2960 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2961 display: inline-block;
2962 margin-left: 3px;
2963 margin-right: 0;
2964 width: 18px;
2965 height: 18px;
2966 line-height: 15px;
2967 font-size: 16px;
2968 text-align: center;
2969 border-radius: 50%;
2970 color: var(--vbo-base-color);
2971 float: right;
2972 }
2973 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2974 background: var(--vbo-base-color);
2975 color: #fff;
2976 }
2977 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
2978 width: 100%;
2979 }
2980 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
2981 width: 98% !important;
2982 background: var(--vbo-config-bg-color);
2983 border: 1px solid var(--vbo-config-border-color);
2984 border-radius: 2px;
2985 padding: 8px 10px;
2986 }
2987 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
2988 vertical-align: bottom;
2989 margin-bottom: 16px;
2990 }
2991 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
2992 border: 0;
2993 }
2994 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
2995 border-right: 1px solid var(--vbo-config-border-color);
2996 flex-basis: calc(53%);
2997 }
2998 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
2999 line-height: 35px;
3000 }
3001 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
3002 font-weight: normal;
3003 font-size: 14px;
3004 }
3005 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
3006 height: 36px;
3007 border: 1px solid var(--vbo-config-border-color);
3008 border-radius: 2px;
3009 }
3010 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
3011 height: 36px;
3012 }
3013 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
3014 background: var(--vbo-config-bg-color);
3015 border: 1px solid var(--vbo-config-border-color);
3016 border-radius: 2px;
3017 padding: 8px 10px;
3018 width: 70% !important;
3019 }
3020 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
3021 padding: 8px 10px;
3022 border-radius: 0 2px 2px 0;
3023 border: 1px solid var(--vbo-config-border-color);
3024 }
3025 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
3026 margin-right: 0;
3027 }
3028 .vbo-ratesoverview-roomsel-entry .select2-container {
3029 margin-bottom: 9px;
3030 min-width: 200px;
3031 }
3032 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
3033 display: none;
3034 }
3035 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
3036 flex-basis: 100%;
3037 }
3038 .vbo-ratesoverview-entryinline {
3039 display: inline-block;
3040 margin-right: 5px;
3041 vertical-align: top;
3042 }
3043 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
3044 min-width: 110px;
3045 }
3046 .vbo-ratesoverview-rcalc-srooms {
3047 display: block;
3048 }
3049 .vbo-ratesoverview-numnight {
3050 display: inline-block;
3051 padding: 2px 8px;
3052 margin-right: 13px;
3053 border-radius: 3px;
3054 border: 1px solid var(--vbo-base-color);
3055 color: var(--vbo-base-color);
3056 position: relative;
3057 font-weight: bold;
3058 }
3059 .vbo-ratesoverview-numnight:after {
3060 background: var(--vbo-red-color) none repeat scroll 0 0;
3061 border-radius: 50%;
3062 color: #fff;
3063 content: "x";
3064 cursor: pointer;
3065 font-size: 11px;
3066 height: 16px;
3067 line-height: 14px;
3068 position: absolute;
3069 right: -15px;
3070 text-align: center;
3071 top: -9px;
3072 width: 16px;
3073 border: 2px solid #fff;
3074 }
3075 .vbo-ratesoverview-numnight:hover:after {
3076 background-color: var(--vbo-red-color);
3077 }
3078 .vbo-ratesoverview-numnight:active:after {
3079 background-color: var(--vbo-red-color-hover);
3080 }
3081 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3082 width: 35px !important;
3083 margin: 0 0 0 5px;
3084 display: inline-block;
3085 }
3086 #vbo-addnumnight-act {
3087 cursor: pointer;
3088 display: inline-block;
3089 margin-top: 10px;
3090 vertical-align: top;
3091 }
3092 #vbo-addnumnight-act i {
3093 color: var(--vbo-green-color);
3094 font-size: 18px;
3095 }
3096 .vbo-apply-los-btn {
3097 margin-left: 10px;
3098 }
3099 .vbo-seasons-calendar-table {
3100 width: 100%;
3101 margin-bottom: 0 !important;
3102 }
3103 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3104 background: var(--vbo-config-child-bg-color);
3105 border-top: 0 !important;
3106 padding: 15px 0;
3107 }
3108 tr.vbo-seasons-calendar-nightsrow td:first-child {
3109 width: 20%;
3110 }
3111 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3112 text-align: center;
3113 }
3114 tr.vbo-seasons-calendar-nightsrow td span {
3115 font-weight: bold;
3116 font-size: 15px;
3117 }
3118 tr.vbo-seasons-calendar-offseasonrow {
3119 border-bottom: 1px solid var(--vbo-basic-btn);
3120 }
3121 tr.vbo-seasons-calendar-offseasonrow td {
3122 height: 40px;
3123 }
3124 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3125 text-align: center;
3126 }
3127 tr.vbo-seasons-calendar-seasonrow {
3128 border-bottom: 1px solid var(--vbo-basic-btn);
3129 }
3130 tr.vbo-seasons-calendar-seasonrow td {
3131 height: 40px;
3132 }
3133 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3134 text-align: center;
3135 }
3136 .vbo-seasons-calendar-offseasonname {
3137 font-style: italic;
3138 font-size: 15px;
3139 }
3140 .vbo-seasons-calendar-offseasoncosts {
3141 display: block;
3142 }
3143 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3144 display: block;
3145 margin: 8px 0;
3146 }
3147 .vbo-seasons-calendar-seasoncost-notaffected {
3148 opacity: 0.3;
3149 }
3150 .vbo-seasons-calendar-pricename {
3151 display: block;
3152 font-style: italic;
3153 }
3154 .vbo-seasons-calendar-pricecost {
3155 display: block;
3156 font-weight: bold;
3157 }
3158 .vbo-seasons-calendar-seasondates {
3159 display: block;
3160 }
3161 .vbo-seasons-calendar-seasonchargedisc {
3162 display: block;
3163 float: right;
3164 }
3165 .vbo-seasons-calendar-slabel {
3166 border-radius: 0.25em;
3167 color: #fff;
3168 display: inline;
3169 font-size: 95%;
3170 font-weight: 700;
3171 line-height: 1;
3172 padding: 0.2em 0.6em 0.3em;
3173 text-align: center;
3174 vertical-align: baseline;
3175 white-space: nowrap;
3176 }
3177 .vbo-seasons-calendar-season-charge {
3178 background-color: #777;
3179 }
3180 .vbo-seasons-calendar-season-discount {
3181 background-color: #f0ad4e;
3182 }
3183 .vbo-seasons-calendar-operator {
3184 display: inline-block;
3185 margin-right: 3px;
3186 font-weight: bold;
3187 font-size: 105%;
3188 }
3189 .vbo-seasons-calendar-seasonfrom {
3190 display: inline-block;
3191 }
3192 .vbo-seasons-calendar-seasondates-separe {
3193 display: inline-block;
3194 margin: 0 3px 0 3px;
3195 }
3196 .vbo-seasons-calendar-seasonto {
3197 display: inline-block;
3198 }
3199 .vbo-seasons-calendar-seasonname {
3200 display: block;
3201 font-weight: bold;
3202 white-space: initial;
3203 }
3204 .vbo-seasons-calendar-restrictions {
3205 display: block;
3206 }
3207 .vbo-seasons-calendar-restriction-minlos {
3208 display: inline-block;
3209 padding: 6px 6px 5px 7px;
3210 background: var(--vbo-config-border-color);
3211 font-size: 12px;
3212 font-weight: bold;
3213 border-radius: 2px;
3214 margin-top: 3px;
3215 }
3216 .vbo-seasons-calendar-restriction-minlos-badge {
3217 display: inline-block;
3218 min-width: 20px;
3219 min-height: 20px;
3220 background: var(--vbo-config-bg-color);
3221 color: var(--vbo-body-text-color);
3222 font-size: 13px;
3223 font-weight: bold;
3224 padding: 4px;
3225 border-radius: 50%;
3226 text-align: center;
3227 margin-left: 2px;
3228 }
3229 .vbo-seasons-calendar-restriction-maxlos {
3230 display: inline-block;
3231 padding: 2px 3px 2px 3px;
3232 background: var(--vbo-config-text-color-light);
3233 font-size: 12px;
3234 font-weight: bold;
3235 border-radius: 4px;
3236 }
3237 .vbo-seasons-calendar-restriction-maxlos-badge {
3238 display: inline-block;
3239 min-width: 20px;
3240 min-height: 20px;
3241 background: var(--vbo-config-bg-color);
3242 color: var(--vbo-body-text-color);
3243 font-size: 13px;
3244 font-weight: bold;
3245 padding: 4px;
3246 border-radius: 50%;
3247 text-align: center;
3248 margin-left: 2px;
3249 }
3250 .vbo-seasons-calendar-restriction-wdays {
3251 display: block;
3252 }
3253 .vbo-seasons-calendar-restriction-wdays label {
3254 display: block;
3255 font-style: italic;
3256 }
3257 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3258 display: inline-block;
3259 padding: 2px 3px 2px 3px;
3260 margin-right: 4px;
3261 background: var(--vbo-base-color);
3262 color: #fff;
3263 border-radius: 4px;
3264 }
3265 .vbo-ratesoverview-roomsel-entry-calc-inner {
3266 border-bottom: 1px solid var(--vbo-basic-btn);
3267 padding: 0 0 10px;
3268 margin: 10px 0 0;
3269 }
3270 .vbo-ratesoverview-calculation-response {
3271 margin: 10px 0 0;
3272 }
3273 .vbo-ratesoverview-calculation-response-room {
3274 margin: 10px 0 40px;
3275 }
3276 .vbo-ratesoverview-calculation-response-room:last-child {
3277 margin-bottom: 0;
3278 padding-bottom: 0;
3279 border: 0;
3280 }
3281 .vbo-ratesoverview-calculation-response-room h4 {
3282 font-weight: normal;
3283 font-size: 14px;
3284 }
3285 .vbo-ratesoverview-calculation-response-room-name {
3286 display: block;
3287 font-weight: bold;
3288 font-size: 16px;
3289 margin-bottom: 5px;
3290 }
3291 .vbo-calcrates-rateblock {
3292 padding: 15px;
3293 margin: 15px 0;
3294 background: var(--vbo-config-bg-color);
3295 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3296 border-radius: 10px;
3297 display: flex;
3298 flex-wrap: wrap;
3299 }
3300 .vbo-calcrates-rateblock > span {
3301 display: inline-block;
3302 flex: 1;
3303 margin-right: 15px;
3304 font-size: 15px;
3305 color: var(--vbo-config-titles-color-light);
3306 }
3307 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3308 font-weight: bold;
3309 font-size: 17px;
3310 flex-basis: 100%;
3311 margin-bottom: 8px;
3312 vertical-align: top;
3313 align-self: center;
3314 }
3315 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3316 display: inline-block;
3317 font-weight: bold;
3318 margin-right: 55px;
3319 font-size: 16px;
3320 }
3321 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3322 width: 15%;
3323 }
3324 .vbo-calcrates-rateblock > span > span {
3325 display: block;
3326 font-size: 12px;
3327 font-weight: bold;
3328 color: var(--vbo-config-titles-color-light);
3329 }
3330 .vbo-calcrates-rateblock .vbo-calcrates-info {
3331 margin-top: 14px;
3332 }
3333 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3334 align-self: center;
3335 background-color: var(--vbo-base-color);
3336 color: #fff;
3337 border: 0;
3338 padding: 9px 14px;
3339 font-weight: bold;
3340 display: inline-block;
3341 margin-left: auto;
3342 }
3343 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3344 background-color: var(--vbo-base-color-hover);
3345 }
3346 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3347 background-color: var(--vbo-link-text-color);
3348 }
3349 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3350 display: inline-block;
3351 min-width: 100px;
3352 margin: 0 15px 0 0;
3353 font-weight: bold;
3354 font-size: 12px;
3355 }
3356 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3357 display: inline-block;
3358 font-style: italic;
3359 margin-right: 5px;
3360 color: var(--vbo-config-titles-color-light);
3361 }
3362
3363 .vbo-ratesoverview-tabscont {
3364 margin: 0 0 10px 0;
3365 text-align: right;
3366 float: right;
3367 }
3368 .vbo-ratesoverview-tabscont div {
3369 cursor: pointer;
3370 display: inline-block;
3371 text-align: center;
3372 padding: 12px;
3373 margin: 0 5px;
3374 border-radius: 2px;
3375 font-size: 14px;
3376 }
3377 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3378 background: var(--vbo-blue-color);
3379 color: #fff;
3380 font-weight: bold;
3381 border: 2px solid var(--vbo-blue-color);
3382 }
3383 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3384 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3385 border: 2px solid var(--vbo-config-child-bg-color);
3386 }
3387 .vbo-roverw-rplan-on {
3388 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3389 color: var(--vbo-body-text-color);
3390 cursor: pointer;
3391 font-size: 15px;
3392 }
3393 .vbo-roverw-rplan-on:hover {
3394 background: var(--vbo-light-color-btn);
3395 }
3396 .vbo-roverw-rplan-off {
3397 background: var(--vbo-red-color) none repeat scroll 0 0;
3398 color: #fff;
3399 cursor: not-allowed;
3400 }
3401 .block-picked-start, .block-picked-middle, .block-picked-end,
3402 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3403 background: var(--vbo-orange-color) none repeat scroll 0 0;
3404 }
3405 .vbo-smallersp {
3406 font-size: smaller;
3407 }
3408 .vbo-roverw-infoblock {
3409 display: block;
3410 padding-bottom: 8px;
3411 margin-bottom: 8px;
3412 text-align: center;
3413 border-bottom: 1px solid var(--vbo-config-border-color);
3414 }
3415 .vbo-roverw-infoblock span {
3416 display: inline-block;
3417 font-weight: bold;
3418 font-size: 13px;
3419 }
3420 .vbo-roverw-infoblock span#rovervw-roomname {
3421 display: block;
3422 text-align: center;
3423 font-weight: bold;
3424 font-size: 18px;
3425 margin-bottom: 7px;
3426 }
3427 .vbo-roverw-alldays {
3428 display: table;
3429 width: 100%;
3430 }
3431 .vbo-roverw-alldays-inner {
3432 display: table-cell;
3433 text-align: center;
3434 vertical-align: middle;
3435 }
3436 .vbo-roverw-daymod {
3437 display: inline-block;
3438 vertical-align: top;
3439 margin: 4px 6px;
3440 padding: 12px 10px;
3441 background: var(--vbo-blue-color) none repeat scroll 0 0;
3442 border-radius: 4px;
3443 text-align: center;
3444 width: 19%;
3445 }
3446 .vbo-roverw-daymod-innercell {
3447 position: relative;
3448 }
3449 .vbo-roverw-daymod-infospids {
3450 bottom: -10px;
3451 color: #d6e2ff;
3452 cursor: pointer;
3453 font-size: 15px;
3454 font-weight: bold;
3455 right: -8px;
3456 padding: 0;
3457 position: absolute;
3458 }
3459 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3460 color: #fff;
3461 }
3462 .vbo-roverw-daymod-infospids span {
3463 display: inline-block;
3464 margin: 0;
3465 }
3466 .vbo-roverw-daymod-infospids-outcont {
3467 display: none;
3468 position: absolute;
3469 transform: translate(-50%, 0%);
3470 padding: 10px;
3471 border: 2px solid var(--vbo-config-border-color);
3472 border-radius: 2px;
3473 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3474 box-shadow: 0 0 10px rgba(0,0,0,.15);
3475 top: 72px;
3476 left: 50%;
3477 min-width: 150px;
3478 z-index: 101;
3479 }
3480 .vbo-roverw-daymod-infospids-incont ul {
3481 margin: 0;
3482 }
3483 .vbo-roverw-daymod-infospids-incont ul li {
3484 list-style-type: none;
3485 border-bottom: 1px solid var(--vbo-config-border-color);
3486 padding: 5px 0;
3487 }
3488 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3489 border: 0;
3490 }
3491 .vbo-roverw-daymod-infospids-incont ul li a {
3492 color: var(--vbo-config-title-color);
3493 font-weight: bold;
3494 }
3495 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3496 color: var(--vbo-blue-color);
3497 }
3498 .vbo-roverw-daydate {
3499 display: inline-block;
3500 text-align: center;
3501 width: 96%;
3502 color: #fff;
3503 padding-bottom: 5px;
3504 margin-bottom: 0;
3505 }
3506 .vbo-roverw-dayprice {
3507 display: inline-block;
3508 text-align: center;
3509 color: #fff;
3510 font-weight: bold;
3511 border: 1px solid var(--vbo-base-color);
3512 border-radius: 4px;
3513 padding: 7px;
3514 width: 100%;
3515 box-sizing: border-box;
3516 font-size: 15px;
3517 }
3518 .vbo-roverw-setnewrate {
3519 display: block;
3520 margin-top: 20px;
3521 width: 100%;
3522 border-top: 1px solid var(--vbo-config-border-color);
3523 padding: 10px 0;
3524 }
3525 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3526 display: flex;
3527 margin-bottom: 10px;
3528 }
3529 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3530 flex: 1;
3531 text-align: center;
3532 border: 1px solid var(--vbo-config-border-color);
3533 border-radius: 4px;
3534 margin: 5px 10px;
3535 padding: 12px;
3536 box-shadow: 0 0 10px rgba(0,0,0,.1);
3537 }
3538 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3539 background: var(--vbo-config-bg-color);
3540 border: 1px solid var(--vbo-config-border-color);
3541 border-radius: 2px;
3542 padding: 8px 10px;
3543 }
3544 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3545 display: inline-block;
3546 }
3547 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3548 width: 100px !important;
3549 }
3550 .vbo-roverw-closeopenrp {
3551 display: table;
3552 margin: 0 auto 20px;
3553 margin-top: 30px;
3554 padding: 0;
3555 background: var(--vbo-config-child-bg-color);
3556 border-radius: 5px;
3557 }
3558 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3559 padding: 4px 0;
3560 text-align: center;
3561 margin: 0 0 7px;
3562 font-size: 16px;
3563 }
3564 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3565 color: var(--vbo-config-titles-color-light);
3566 font-size: 14px;
3567 margin-right: 5px;
3568 }
3569
3570 .vbo-roverw-closeopenrp h4 {
3571 cursor: pointer;
3572 background: var(--vbo-middle-color-btn);
3573 border-radius: 5px;
3574 padding: 15px 20px;
3575 margin: 0;
3576 color: #fff;
3577 font-weight: normal;
3578 }
3579 .vbo-roverw-closeopenrp-btns {
3580 display: none;
3581 text-align: center;
3582 margin-top: 30px;
3583 margin-bottom: 20px;
3584 }
3585 .vbo-roverw-closeopenrp-btns button {
3586 margin: 0 3px;
3587 padding: 8px 12px;
3588 }
3589 .vbo-roverw-setnewrate-inner {
3590 display: block;
3591 text-align: center;
3592 }
3593 .vbo-roverw-setnewrate-btns {
3594 display: block;
3595 text-align: center;
3596 margin-top: 15px;
3597 }
3598 .vbo-roverw-setnewrate-btns button {
3599 margin: 0 3px;
3600 }
3601 .vbo-roverw-setnewrate-btns button.btn-danger {
3602 border-radius: 3px;
3603 padding: 10px 14px;
3604 margin-bottom: 0;
3605 }
3606 .vbo-info-overlay-loading {
3607 display: none;
3608 position: fixed;
3609 left: 40%;
3610 top: 40%;
3611 width: 20%;
3612 height: 20%;
3613 z-index: 101;
3614 padding: 10px;
3615 color: #fff;
3616 font-size: 30px;
3617 text-align: center;
3618 }
3619 .vbo-modal-overlay-content-body-scroll {
3620 height: calc(100% - 200px);
3621 overflow: hidden;
3622 overflow-y: scroll;
3623 }
3624 .vbo-roverviewrowone .bluedays {
3625 background: var(--vbo-base-color);
3626 color: #fff;
3627 padding: 6px 15px;
3628 cursor: pointer;
3629 }
3630 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3631 color: var(--vbo-body-text-color);
3632 }
3633 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3634 background: #095880;
3635 }
3636 .vbo-roverviewrowone .vbo-roverv-festcell {
3637 background: #a07e9a !important;
3638 cursor: pointer;
3639 }
3640 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3641 background-color: #bf8cb6 !important;
3642 }
3643 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3644 background-color: #cca5c5 !important;
3645 }
3646 .vbo-roverviewrowone .bluedays > span {
3647 display: block;
3648 }
3649 .vbo-roverw-roomdaynote-icn {
3650 position: relative;
3651 }
3652 .vbo-roverw-roomdaynote-icn i {
3653 position: absolute;
3654 right: -10px;
3655 top: 2px;
3656 font-size: 12px;
3657 }
3658 .vbo-roverw-roomdaynote-icn:hover i {
3659 color: var(--vbo-body-text-color);
3660 }
3661 .vbo-roverviewrowone .vbo-roverw-tablewday {
3662 color: #fff;
3663 font-size: 12px;
3664 }
3665 .vbo-roverviewrowone .vbo-roverw-tablemday {
3666 font-size: 24px;
3667 margin: 3px 0;
3668 }
3669 .vbo-roverw-tablemonth {
3670 font-size: 12px;
3671 color: #fff;
3672 text-transform: uppercase;
3673 font-weight: normal;
3674 }
3675 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3676 display: inline-block;
3677 vertical-align: top;
3678 }
3679 .vbo-roverview-datecmd {
3680 margin-bottom: 3px;
3681 }
3682 .vbo-roverview-datecmd form {
3683 margin: 0 !important;
3684 }
3685 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3686 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3687 color: var(--vbo-blue-color);
3688 font-size: 15px;
3689 text-decoration: none;
3690 margin-top: 5px;
3691 background: var(--vbo-body-bg-color);
3692 padding: 3px 5px;
3693 display: inline-block;
3694 width: 15px;
3695 border-radius: 2px;
3696 vertical-align: top;
3697 }
3698 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3699 text-decoration: none;
3700 color: var(--vbo-config-titles-color-light);
3701 }
3702 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3703 margin-right: 10px;
3704 }
3705 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3706 margin-bottom: 0;
3707 padding: 0 10px;
3708 }
3709 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3710 font-size: 15px;
3711 text-decoration: none;
3712 margin-top: 5px;
3713 background: var(--vbo-input-style);
3714 padding: 8px 5px;
3715 display: inline-block;
3716 width: 112px;
3717 border-radius: 2px;
3718 vertical-align: top;
3719 }
3720 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3721 width: 70px !important;
3722 cursor: pointer;
3723 margin: -3px 0 0 3px;
3724 border: 0;
3725 padding: 0;
3726 font-weight: bold;
3727 }
3728 .vbo-roverview-datecmd a {
3729 display: inline-block;
3730 }
3731 .vbo-roverviewtablerow td {
3732 padding: 15px 10px;
3733 }
3734 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3735 padding: 9px 10px 18px;
3736 }
3737 .vbo-roverviewtableavrow td {
3738 padding: 10px 10px;
3739 }
3740 .vbo-roverviewtablerow td:first-child {
3741 font-weight: bold;
3742 background: var(--vbo-config-child-bg-color);
3743 background-clip: padding-box;
3744 }
3745 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3746 background: var(--vbo-config-bg-color) !important;
3747 font-weight: bold;
3748 padding: 10px;
3749 font-size: 14px;
3750 }
3751 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3752 border: 0;
3753 }
3754 td.vbo-roverw-daynotbusy {
3755 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3756 color: var(--vbo-body-text-color);
3757 cursor: not-allowed;
3758 }
3759 td.vbo-roverw-daybusy {
3760 background: var(--vbo-red-color) none repeat scroll 0 0;
3761 color: #fff;
3762 cursor: not-allowed;
3763 }
3764 td.vbo-roverw-daybusypartially {
3765 background: var(--vbo-orange-color) none repeat scroll 0 0;
3766 color: #fff;
3767 cursor: not-allowed;
3768 }
3769 .vbo-roverview-roomunits {
3770 background: #3e6372 none repeat scroll 0 0;
3771 border-radius: 50%;
3772 color: #fff;
3773 display: inline-block;
3774 font-size: 11px;
3775 font-weight: bold;
3776 margin: 0 5px 0 0;
3777 height: 14px;
3778 width: 14px;
3779 line-height: 14px;
3780 padding: 3px;
3781 text-align: center;
3782 }
3783 .vbo-info-overlay-content-rovervw {
3784 padding: 20px 10px !important;
3785 height: 80% !important;
3786 }
3787 .ui-datepicker-multi-2 .ui-datepicker-group {
3788 width: 49% !important;
3789 }
3790 .vbo-roverw-setnewrate-vcm {
3791 padding: 4px;
3792 display: block;
3793 width: 50%;
3794 margin: 0 auto;
3795 }
3796 .vbo-roverw-setnewrate-vcm-head {
3797 margin-bottom: 5px;
3798 font-weight: bold;
3799 }
3800 .vbo-roverw-setnewrate-vcm-body {
3801 text-align: center;
3802 }
3803 .vbo-vcm-notinstalled {
3804 color: var(--vbo-red-color);
3805 }
3806 .vbo-vcm-installed {
3807 color: var(--vbo-config-title-color);
3808 }
3809 /* Rates, Restrictions and Seasons Calendar - End */
3810 /* Toggle Switch - Start */
3811 /* The switch - the box around the slider */
3812 .vbo-switch {
3813 position: relative;
3814 display: inline-block;
3815 width: 60px;
3816 height: 34px;
3817 }
3818 /* Hide default HTML checkbox */
3819 .vbo-switch input {
3820 display: none;
3821 }
3822 /* The slider */
3823 .vbo-slider {
3824 position: absolute;
3825 cursor: pointer;
3826 top: 0;
3827 left: 0;
3828 right: 0;
3829 bottom: 0;
3830 background-color: #ccc;
3831 -webkit-transition: .4s;
3832 transition: .4s;
3833 }
3834 .vbo-slider.vbo-slider-disabled {
3835 cursor: not-allowed;
3836 }
3837 .vbo-slider:before {
3838 position: absolute;
3839 content: "";
3840 height: 26px;
3841 width: 26px;
3842 left: 4px;
3843 bottom: 4px;
3844 background-color: white;
3845 -webkit-transition: .4s;
3846 transition: .4s;
3847 }
3848 input:checked + .vbo-slider {
3849 background-color: #2196F3;
3850 }
3851 input:focus + .vbo-slider {
3852 box-shadow: 0 0 1px #2196F3;
3853 }
3854 input:checked + .vbo-slider:before {
3855 -webkit-transform: translateX(26px);
3856 -ms-transform: translateX(26px);
3857 transform: translateX(26px);
3858 }
3859 /* Rounded sliders */
3860 .vbo-slider.vbo-round {
3861 border-radius: 34px;
3862 }
3863 .vbo-slider.vbo-round:before {
3864 border-radius: 50%;
3865 }
3866 /* Toggle Switch - End */
3867 .new_depovr_container {
3868 margin: 4px 0 15px;
3869 padding: 10px;
3870 border: 1px solid var(--vbo-config-border-color);
3871 border-radius: 4px;
3872 }
3873 .new_depovr_container > span {
3874 display: inline-block;
3875 vertical-align: top;
3876 margin-right: 23px;
3877 }
3878 .new_depovr_container > span:last-child {
3879 margin-right: 0;
3880 float: right;
3881 }
3882 .new_depovr_container > span > span {
3883 display: inline-block;
3884 margin: 0 5px;
3885 }
3886 .new_depovr_container > span > .btn-danger {
3887 padding: 8px 13px 11px;
3888 font-weight: bold;
3889 font-size: 20px;
3890 line-height: 16px;
3891 }
3892 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3893 margin: 0 !important;
3894 }
3895 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3896 width: 100px !important;
3897 }
3898 .cur_depoverrides {
3899 margin: 0 0 4px 0;
3900 display: inline-block;
3901 }
3902 .cur_depoverrides span {
3903 margin: 3px;
3904 border-bottom: 1px solid var(--vbo-config-text-color-light);
3905 border: 1px solid var(--vbo-config-border-color);
3906 padding: 5px 8px;
3907 border-radius: 3px;
3908 background: var(--vbo-config-child-bg-color);
3909 display: inline-block;
3910 }
3911 .cur_depoverrides span:first-child {
3912 margin-left: 0;
3913 }
3914 .cur_depoverrides + .btn {
3915 display: inline-block;
3916 vertical-align: top;
3917 margin-top: 3px;
3918 padding: 5px 10px;
3919 }
3920 /* Timeline Rates Overview - Start */
3921 .vbo-ratesoverview-lostab-cont .table-responsive {
3922 width: 98%;
3923 margin: 10px auto 20px;
3924 border-radius: 10px;
3925 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3926 }
3927 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3928 border-top: 1px solid var(--vbo-config-border-color);
3929 }
3930 .vbo-timeline-container {
3931 display: block;
3932 width: 100%;
3933 margin: auto auto 0;
3934 overflow: auto;
3935 }
3936 #vbo-timeline {
3937 list-style: none;
3938 margin: 70px auto 0;
3939 padding: 0;
3940 border-top: 8px solid var(--vbo-blue-color);
3941 display: table;
3942 border-spacing: 30px 0;
3943 text-align: center;
3944 }
3945 #vbo-timeline li {
3946 display: table-cell;
3947 height: 160px;
3948 }
3949 #vbo-timeline li .vbo-timeline-relative {
3950 position: relative;
3951 }
3952 #vbo-timeline p {
3953 margin: 0;
3954 }
3955 .vbo-timeline-date {
3956 text-align: center;
3957 top: -45px;
3958 left: 0;
3959 right: 0;
3960 font-size: 0.95em;
3961 line-height: 25px;
3962 position: absolute;
3963 font-weight: bold;
3964 }
3965 .vbo-timeline-circle {
3966 margin: 0 auto;
3967 top: -14px;
3968 left: 0;
3969 right: 0;
3970 width: 10px;
3971 height: 10px;
3972 background: var(--vbo-config-bg-color);
3973 border: 5px solid var(--vbo-blue-color);
3974 border-radius: 50%;
3975 display: block;
3976 position: absolute;
3977 cursor: pointer;
3978 }
3979 .vbo-timeline-content {
3980 border-color: var(--vbo-main-bg-color);
3981 width: 180px;
3982 max-height: 120px;
3983 margin-top: 25px;
3984 vertical-align: top;
3985 padding: 35px 15px 15px;
3986 transition: width 0.2s linear, max-height 0.2s linear;
3987 border-width: 2px;
3988 border-style: solid;
3989 border-radius: 0.5em;
3990 position: relative;
3991 }
3992 .vbo-timeline-content:before, .vbo-timeline-content:after {
3993 content: "";
3994 width: 0;
3995 height: 0;
3996 border: solid transparent;
3997 position: absolute;
3998 pointer-events: none;
3999 bottom: 100%;
4000 }
4001 .vbo-timeline-content:before {
4002 border-bottom-color: inherit;
4003 border-width: 15px;
4004 left: 50%;
4005 margin-left: -15px;
4006 }
4007 .vbo-timeline-content:after {
4008 border-bottom-color: var(--vbo-config-bg-color);
4009 border-width: 12px;
4010 left: 50%;
4011 margin-left: -12px;
4012 }
4013 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
4014 background-color: transparent !important;
4015 border: 1px solid var(--vbo-blue-color);
4016 color: var(--vbo-blue-color);
4017 padding: 8px 6px !important;
4018 vertical-align: top;
4019 }
4020 .vbo-timeline-content .label-info .badge {
4021 background: var(--vbo-blue-color) !important;
4022 margin-left: 2px;
4023 }
4024 .vbo-timeline-content .btn {
4025 padding: 8px 15px;
4026 box-shadow: none;
4027 border-color: var(--vbo-config-border-color);
4028 vertical-align: top;
4029 }
4030 .vbo-timeline-content .btn i {
4031 margin-right: 5px;
4032 }
4033 .vbo-timeline-content p {
4034 max-height: 0;
4035 color: transparent;
4036 text-align: center;
4037 /* text-align: justify; */
4038 word-break: break-word;
4039 -moz-hyphens: auto;
4040 overflow: hidden;
4041 }
4042 .vbo-ratesoverview-bottom-container {
4043 background: var(--vbo-config-bg-color);
4044 }
4045 label.vbo-timeline-label {
4046 font-size: 1.2em;
4047 position: absolute;
4048 z-index: 1;
4049 cursor: pointer;
4050 width: 180px;
4051 white-space: nowrap;
4052 text-overflow: ellipsis;
4053 overflow: hidden;
4054 display: block;
4055 top: 35px;
4056 left: 15px;
4057 }
4058 .vbo-timeline-radio {
4059 display: none;
4060 }
4061 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
4062 cursor: auto;
4063 width: 300px;
4064 }
4065 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
4066 background: var(--vbo-green-color);
4067 }
4068 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
4069 max-height: 180px;
4070 border-color: var(--vbo-blue-color);
4071 width: 300px;
4072 }
4073 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
4074 max-height: 180px;
4075 min-height: 35px;
4076 color: var(--vbo-config-title-color);
4077 transition: color 0.3s linear 0.3s;
4078 -webkit-transition: color 0.3s linear 0.3s;
4079 }
4080 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4081 max-height: 0;
4082 max-width: 0;
4083 color: transparent;
4084 word-break: break-word;
4085 -moz-hyphens: auto;
4086 overflow: hidden;
4087 }
4088 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4089 max-height: 180px;
4090 min-height: 35px;
4091 color: #fff;
4092 transition: color 0.3s linear 0.3s;
4093 -webkit-transition: color 0.3s linear 0.3s;
4094 }
4095 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4096 background-color: var(--vbo-orange-color);
4097 }
4098 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4099 background-color: var(--vbo-input-style-nested-deactive);
4100 color: var(--vbo-body-text-color);
4101 }
4102 /* Timeline Rates Overview - End */
4103 /* Translations - Start */
4104 .vbo-translation-langtabs {
4105 display: block;
4106 margin: 0;
4107 padding: 0;
4108 background: var(--vbo-config-bg-color);
4109 border: 1px solid var(--vbo-config-border-color);
4110 }
4111 .vbo-translation-tab {
4112 display: inline-block;
4113 cursor: pointer;
4114 vertical-align: middle;
4115 font-weight: bold;
4116 min-width: 120px;
4117 text-align: center;
4118 color: var(--vbo-config-titles-color-light);
4119 border-right: 1px solid var(--vbo-config-border-color);
4120 border-bottom: none;
4121 margin: 0 0 -1px;
4122 padding: 12px 14px;
4123 }
4124 .vbo-translation-tab .vbo-translation-flag {
4125 margin-right: 5px;
4126 }
4127 .vbo-translation-tab:hover {
4128 background: var(--vbo-config-child-bg-color);
4129 }
4130 .vbo-translation-tab-default {
4131 border-bottom: 2px solid var(--vbo-blue-color);
4132 color: var(--vbo-blue-color);
4133 }
4134 .vbo-translation-tabscontents {
4135 display: block;
4136 margin: 0;
4137 padding: 0;
4138 border: 1px solid var(--vbo-config-border-color);
4139 min-height: 200px;
4140 }
4141 .vbo-translation-langcontent {
4142 background: var(--vbo-main-bg-color);
4143 }
4144 .vbo-translation-langcontent .adminlegend {
4145 margin: 10px 20px 0;
4146 border-bottom: 0;
4147 color: var(--vbo-config-title-color);
4148 }
4149 .vbo-translations-tab-container {
4150 padding: 0 10px;
4151 }
4152 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4153 background: var(--vbo-config-bg-color);
4154 border-radius: 8px;
4155 padding: 20px;
4156 margin: 15px 10px;
4157 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4158 }
4159 .vbo-translations-element-title {
4160 border-bottom: 1px solid var(--vbo-basic-btn);
4161 font-size: 16px;
4162 font-weight: bold;
4163 padding-bottom: 10px;
4164 margin-bottom: 10px;
4165 }
4166 .vbo-translations-element-row {
4167 display: flex;
4168 margin: 25px 0;
4169 font-size: 14px;
4170 }
4171 .vbo-translations-element-row-nested {
4172 margin: 0 0 0 10px;
4173 padding: 10px;
4174 background: var(--vbo-config-child-bg-color);
4175 border-bottom: 1px solid var(--vbo-basic-btn);
4176 }
4177 .vbo-translations-element-row .vbo-translations-element-lbl {
4178 flex-basis: 250px;
4179 margin-right: 20px;
4180 margin-bottom: 5px;
4181 }
4182 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4183 margin-right: 0;
4184 }
4185 .vbo-translations-element-row .vbo-translations-element-val {
4186 flex: 1;
4187 }
4188 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4189 height: 250px !important;
4190 }
4191 .vbo-translations-element-row .vbo-translations-element-val textarea {
4192 width: 100%;
4193 }
4194 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4195 padding-left: 35px;
4196 }
4197 .vbo-translations-language-element .vbo-translations-element-lbl {
4198 position: relative;
4199 }
4200 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal {
4201 position: absolute;
4202 padding: 4px 8px;
4203 background-color: var(--vbo-basic-btn);
4204 border: 1px solid var(--vbo-config-border-color);
4205 cursor: pointer;
4206 margin-top: 5px;
4207 border-radius: 4px;
4208 }
4209 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal:hover {
4210 background-color: var(--vbo-basic-btn-hover);
4211 }
4212 .vbo-translate-column-cell {
4213 background: none repeat scroll 0 0 #e9e9e9;
4214 border-right: 1px solid #ddd;
4215 text-align: right !important;
4216 vertical-align: middle !important;
4217 }
4218 .vbo-translate-reference-cell {
4219 background: none repeat scroll 0 0 #e9e9e9;
4220 text-align: left !important;
4221 font-size: 105%;
4222 font-weight: bold;
4223 }
4224 .vbo-missing-translation,.vbo-field-translated {
4225 position: relative;
4226 }
4227 .vbo-missing-translation:before {
4228 border: 1px solid var(--vbo-orange-color);
4229 border-radius: 50%;
4230 color: var(--vbo-orange-color);
4231 content: "!";
4232 font-size: 12px;
4233 font-weight: bold;
4234 height: 18px;
4235 left: 2px;
4236 position: absolute;
4237 text-align: center;
4238 top: 0px;
4239 width: 18px;
4240 }
4241 .vbo-field-translated:before {
4242 border: 1px solid var(--vbo-green-color);
4243 border-radius: 50%;
4244 color: var(--vbo-green-color);
4245 content: "\2713";
4246 font-size: 12px;
4247 font-weight: bold;
4248 height: 18px;
4249 left: 2px;
4250 position: absolute;
4251 text-align: center;
4252 top: 0px;
4253 width: 18px;
4254 }
4255 .vbo-translation-tab.vbo-translation-tab-ini {
4256 float: right;
4257 border-right: 0;
4258 }
4259 .vbo-translation-tab-ini.vbo-translation-tab-default {
4260 border-bottom: 0;
4261 }
4262 .vbo-translation-iniflag {
4263 display: inline-block;
4264 padding: 1px 4px;
4265 background: none repeat scroll 0 0 #365868;
4266 color: #fff;
4267 border-radius: 2px;
4268 }
4269 .vbo-inifile-totrows {
4270 display: inline-block;
4271 margin-right: 8px;
4272 padding: 2px 4px;
4273 border: 1px solid #fff;
4274 border-radius: 5px;
4275 text-align: center;
4276 }
4277 .vbo-inifile-path {
4278 display: inline-block;
4279 margin-right: 8px;
4280 padding: 2px 4px;
4281 border: 1px solid #fff;
4282 border-radius: 5px;
4283 text-align: center;
4284 font-size: 90%;
4285 }
4286 .vbo-inifile-exists {
4287 background: none repeat scroll 0 0 #DFF2BF;
4288 color: #4F8A10;
4289 }
4290 .vbo-inifile-notfound {
4291 background: none repeat scroll 0 0 #FEEFB3;
4292 color: #9F6000;
4293 }
4294 /* Translations - End */
4295
4296 /* Dashboard - Start */
4297 .vbo-dashboard-fullcontainer {
4298 background: var(--vbo-main-bg-color);
4299 padding: 10px 0;
4300 }
4301 .vbo-dashboard-top-outer {
4302 display: flex;
4303 flex-wrap: wrap;
4304 padding: 18px
4305 }
4306 .vbo-dashboard-today-bookings {
4307 flex-basis: 70%;
4308 display: flex;
4309 -ms-flex-wrap: wrap;
4310 -webkit-flex-wrap: wrap;
4311 flex-wrap: wrap;
4312 }
4313 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4314 flex: 1;
4315 }
4316 .vbo-dashboard-forecast-wrap {
4317 background-color: #fff;
4318 border-radius: 16px;
4319 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4320 }
4321 .vbo-dashboard-forecast-wrap h4 {
4322 font-size: 20px;
4323 font-weight: bold;
4324 padding: 23px 0px 22px 15px;
4325 margin-top: 0;
4326 border-bottom: 1px solid #ddd;
4327 text-align: center;
4328 }
4329 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4330 display: flex;
4331 border: 2px solid var(--vbo-red-color);
4332 border-radius: 6px;
4333 padding: 14px;
4334 margin: 10px 20px 0;
4335 }
4336 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4337 border: 0;
4338 }
4339 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4340 flex-basis: 52px;
4341 }
4342 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4343 width: 36px;
4344 height: 36px;
4345 border-radius: 50%;
4346 line-height: 36px;
4347 background: var(--vbo-base-color);
4348 color: #fff;
4349 font-size: 16px;
4350 text-align: center;
4351 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4352 }
4353 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4354 cursor: pointer;
4355 display: inline-block;
4356
4357 transition-timing-function: ease-in;
4358 transition: 0.2s;
4359 transform: translateY(-10px);
4360 }
4361 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4362 cursor: inherit;
4363 }
4364 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4365 overflow: hidden;
4366 padding-bottom: 5px;
4367 padding-top: 10px;
4368 margin-top: 0;
4369 }
4370 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4371 backface-visibility: hidden;
4372 transform: translateZ(0);
4373 transition: all 0.2s ease-in;
4374 padding-bottom: 14px;
4375 }
4376 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4377 margin-top: 0;
4378
4379 transition-timing-function: ease-out;
4380 transition: 0.25s;
4381 transform: translateY(0px);
4382 }
4383 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4384 position: absolute;
4385 }
4386 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4387 transform: translateY(-25px);
4388 }
4389 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4390 transform: translateY(-60px);
4391 }
4392 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4393 flex: 1;
4394 position: relative;
4395 }
4396 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4397 margin-top: 0;
4398 margin-bottom: 5px;
4399 color: var(--vbo-base-color);
4400 font-size: 14px;
4401 }
4402 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4403 position: absolute;
4404 right: -24px;
4405 top: -24px;
4406 background: var(--vbo-config-title-color);
4407 border: 2px solid var(--vbo-basic-btn);
4408 color: var(--vbo-basic-btn);
4409 width: 20px;
4410 height: 20px;
4411 text-align: center;
4412 line-height: 20px;
4413 border-radius: 50%;
4414 cursor: pointer;
4415 }
4416 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4417 font-weight: bold;
4418 margin: 0;
4419 }
4420 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4421 margin: 0;
4422 }
4423 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4424 margin-top: 8px;
4425 }
4426 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4427 margin-right: 4px;
4428 }
4429 .vbo-admin-widget-head-commands {
4430 position: relative;
4431 }
4432 .vbo-reportwidget-commands {
4433 text-align: right;
4434 padding-right: 15px;
4435 margin-bottom: 10px;
4436 display: flex;
4437 justify-content: flex-end;
4438 }
4439 .vbo-reportwidget-commands > div {
4440 display: inline-block;
4441 }
4442 .vbo-reportwidget-commands-main {
4443 display: flex;
4444 align-self: center;
4445 }
4446 .vbo-reportwidget-commands-main > div {
4447 display: inline-block;
4448 vertical-align: top;
4449 }
4450 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4451 font-size: 16px;
4452 color: var(--vbo-base-color);
4453 cursor: pointer;
4454 }
4455 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4456 color: var(--vbo-blue-color);
4457 }
4458 .vbo-reportwidget-command-dates {
4459 margin-right: 5px;
4460 }
4461 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4462 font-weight: bold;
4463 font-size: 1.1em;
4464 }
4465 .vbo-reportwidget-command-chevron {
4466 margin-top: 4px;
4467 }
4468 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4469 margin-right: 5px;
4470 }
4471 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4472 margin-left: 5px;
4473 }
4474 .vbo-reportwidget-command-chevron > span {
4475 display: inline-block;
4476 font-size: 14px;
4477 border: 1px solid #ddd;
4478 padding: 5px 10px;
4479 border-radius: 2px;
4480 background: #f6f6f6;
4481 cursor: pointer;
4482 }
4483 .vbo-reportwidget-command-chevron > span:hover {
4484 background: #eee;
4485 }
4486 .vbo-reportwidget-command-chevron > span:active {
4487 background: #fff;
4488 }
4489 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4490 vertical-align: top;
4491 margin: 2px 0 0 4px;
4492 padding: 8px 0 8px 10px;
4493 font-size: 16px;
4494 cursor: pointer;
4495 display: inline-block;
4496 }
4497 .vbo-reportwidget-command-dots:hover {
4498 color: var(--vbo-base-color);
4499 }
4500 .vbo-reportwidget-filters {
4501 display: none;
4502 position: absolute;
4503 right: 30px;
4504 background: var(--vbo-config-bg-color);
4505 padding: 20px;
4506 border-radius: 10px;
4507 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4508 z-index: 1;
4509 min-width: 150px;
4510 }
4511 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4512 background-color: var(--vbo-input-style);
4513 border: 1px solid var(--vbo-config-border-color);
4514 border-radius: 2px;
4515 margin-bottom: 0;
4516 display: inline-block;
4517 box-sizing: border-box;
4518 padding: 0 0 0 10px;
4519 width: 100%;
4520 display: flex;
4521 }
4522 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4523 border: 0;
4524 height: auto;
4525 padding: 9px 10px 9px 15px;
4526 margin-bottom: 0;
4527 }
4528 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4529 color: var(--vbo-config-titles-color-light);
4530 font-size: 15px;
4531 margin-top: 15px;
4532 float: left;
4533 }
4534 .vbo-reportwidget-filters select {
4535 width: 100% !important;
4536 margin-bottom: 0;
4537 border-radius: 2px;
4538 border: 1px solid var(--vbo-config-border-color);
4539 padding: 8px 10px;
4540 height: inherit;
4541 }
4542 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4543 margin: 5px 0 8px;
4544 }
4545 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4546 width: 240px;
4547 }
4548 .vbo-reportwidget-filter-confirm button {
4549 width: 100%;
4550 }
4551 .vbo-reportwidget-chart {
4552 padding-bottom: 15px;
4553 }
4554 .vbo-reportwidget-chart .err {
4555 margin: 20px;
4556 }
4557 #vbo-report-chart-canvas {
4558 max-width: 100%;
4559 margin: 0 auto;
4560 }
4561 .vbo-reportwidget-chart-metas {
4562 display: flex;
4563 flex-wrap: wrap;
4564 justify-content: center;
4565 margin: 0 10px 15px;
4566 }
4567 .vbo-reportwidget-chart-meta {
4568 flex-basis: calc(33% - 10px);
4569 flex-grow: 1;
4570 }
4571 .vbo-reportwidget-chart-meta-inner {
4572 background: var(--vbo-config-bg-color);
4573 border: 1px solid var(--vbo-basic-btn);
4574 border-bottom: 3px solid var(--vbo-basic-btn);
4575 padding: 20px;
4576 border-radius: 16px;
4577 margin: 5px;
4578 position: relative;
4579 }
4580 .vbo-reportwidget-chart-meta-inner:after {
4581 height: 30px;
4582 width: 4px;
4583 background: var(--vbo-config-border-color);
4584 content: "";
4585 position: absolute;
4586 left: -3px;
4587 top: 17px;
4588 }
4589 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4590 background-color: var(--vbo-blue-color);
4591 }
4592 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4593 background-color: var(--vbo-red-color);
4594 }
4595 .vbo-reportwidget-chart-meta-lbl {
4596 font-weight: bold;
4597 color: var(--vbo-config-titles-color-light);
4598 margin-bottom: 6px;
4599 }
4600 .vbo-reportwidget-chart-meta-val {
4601 font-size: 26px;
4602 font-weight: bold;
4603 }
4604 .vbo-reportwidget-chart-meta-val-main {
4605 display: inline-block;
4606 margin: 4px 0 6px;
4607 white-space: nowrap;
4608 font-size: 20px;
4609 font-weight: bold;
4610 }
4611 .vbo-guestactivitywidget-commands {
4612 text-align: right;
4613 padding: 5px 15px 10px 0;
4614 }
4615 .vbo-guestactivitywidget-commands > div {
4616 display: inline-block;
4617 }
4618 .vbo-guestactivitywidget-commands-main > div {
4619 display: inline-block;
4620 vertical-align: top;
4621 }
4622 .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-commands-main {
4623 display: flex;
4624 justify-content: right;
4625 }
4626 .vbo-guestactivitywidget-command-chevron {
4627 margin-top: 4px;
4628 }
4629 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4630 margin-right: 5px;
4631 }
4632 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4633 margin-left: 5px;
4634 }
4635 .vbo-guestactivitywidget-command-chevron > span:not(.vbo-guestactivitywidget-page) {
4636 display: inline-block;
4637 font-size: 14px;
4638 border: 1px solid var(--vbo-config-border-color);
4639 padding: 5px 10px;
4640 border-radius: 2px;
4641 background: var(--vbo-config-child-bg-color);
4642 cursor: pointer;
4643 }
4644 .vbo-guestactivitywidget-command-chevron > span:hover {
4645 background: var(--vbo-basic-btn);
4646 }
4647 .vbo-guestactivitywidget-command-chevron > span:active {
4648 background: var(--vbo-config-bg-color);
4649 }
4650 .vbo-guestactivitywidget-commands-main > .vbo-guestactivitywidget-command-page {
4651 align-self: center;
4652 }
4653 .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page {
4654 padding: 5px 10px;
4655 background: transparent !important;
4656 font-size: .9;
4657 }
4658 .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page:hover {
4659 color: inherit;
4660 }
4661 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4662 display: grid;
4663 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
4664 gap: 10px;
4665 padding: 10px;
4666 width: 100%;
4667 box-sizing: border-box;
4668 }
4669 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4670 background: var(--vbo-config-bg-color);
4671 border: 1px solid var(--vbo-basic-btn);
4672 border-bottom: 3px solid var(--vbo-basic-btn);
4673 padding: 15px;
4674 border-radius: 16px;
4675 }
4676 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4677 background: var(--vbo-config-bg-color);
4678 border: 1px solid var(--vbo-basic-btn);
4679 border-bottom: 3px solid var(--vbo-basic-btn);
4680 padding: 15px;
4681 border-radius: 16px;
4682 position: relative;
4683 }
4684 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4685 border-color: #4e9b0059;
4686 background: #4e9b000f;
4687 }
4688 .vbo-widget-finance-stat-info {
4689 display: flex;
4690 }
4691 .vbo-widget-finance-stat-cmd {
4692 margin-left: auto;
4693 cursor: pointer;
4694 display: inline-block;
4695 padding: 0 0 0px 10px;
4696 }
4697
4698 .vbo-widget-finance-stat-cmd:hover i {
4699 color: var(--vbo-base-color);
4700 }
4701 .vbo-widget-finance-stat-name {
4702 font-weight: 500;
4703 margin-bottom: 6px;
4704 }
4705 .vbo-widget-finance-stat-amount {
4706 margin-top: 6px;
4707 }
4708 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4709 font-weight: bold;
4710 font-size: 18px;
4711 }
4712 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4713 margin-top: 8px;
4714 font-size: 14px;
4715 margin-bottom: 3px;
4716 font-weight: 500;
4717 border-top: 1px solid var(--vbo-config-border-color);
4718 padding-top: 8px;
4719 }
4720 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4721 font-size: 12px;
4722 display: inline-block;
4723 margin-left: 2px;
4724 color: var(--vbo-config-titles-color-light);
4725 }
4726 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4727 color: var(--vbo-green-color);
4728 }
4729 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4730 color: var(--vbo-red-color);
4731 }
4732 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4733 color: var(--vbo-blue-color);
4734 }
4735 .vbo-widget-finance-data-block-rankings {
4736 padding: 0 10px 10px 10px;
4737 display: grid;
4738 grid-template-columns: repeat(2, 1fr);
4739 gap: 10px;
4740 }
4741 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4742 font-size: 14px;
4743 margin-bottom: 10px;
4744 }
4745 .vbo-widget-finance-stat-rank {
4746 display: flex;
4747 margin-bottom: 10px;
4748 }
4749 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4750 margin-right: 10px;
4751 }
4752 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4753 width: 25px;
4754 text-align: center;
4755 height: 25px;
4756 line-height: 25px !important;
4757 border: 1px solid var(--vbo-config-border-color);
4758 border-radius: 50%;
4759 background: var(--vbo-config-child-bg-color);
4760 font-size: 11px;
4761 }
4762 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4763 width: 25px;
4764 height: 25px;
4765 object-fit: cover;
4766 border-radius: 50%;
4767 }
4768 .vbo-widget-finance-stat-rank-score {
4769 display: flex;
4770 flex-wrap: wrap;
4771 width: 100%;
4772 }
4773 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4774 flex-basis: 100%;
4775 }
4776 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4777 .vbo-upload-progress progress {
4778 width: 100%;
4779 border-radius: 20px;
4780 height: 10px;
4781 -webkit-appearance: none;
4782 appearance: none;
4783 }
4784 .vbo-upload-progress progress {
4785 width: 200px;
4786 }
4787 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4788 .vbo-upload-progress progress::-webkit-progress-bar {
4789 background: var(--vbo-basic-btn);
4790 border-radius: 20px;
4791 }
4792 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4793 .vbo-upload-progress progress::-webkit-progress-value {
4794 background: var(--vbo-base-color);
4795 border-radius: 20px;
4796 }
4797 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4798 .vbo-upload-progress progress::-moz-progress-bar {
4799 background: var(--vbo-base-color);
4800 border-radius: 20px;
4801 }
4802 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4803 .vbo-upload-progress progress::-moz-progress-value {
4804 background: var(--vbo-basic-btn);
4805 border-radius: 20px;
4806 }
4807 .vbo-widget-finance-stat-rank-amount {
4808 margin-left: auto;
4809 font-weight: bold;
4810 }
4811 .vbo-widget-finance-skeleton-block {
4812
4813 }
4814
4815 /* Tooltip - Start **/
4816 .vbo-tooltip {
4817 position: relative;
4818 }
4819 .vbo-tooltip::before,
4820 .vbo-tooltip::after {
4821 position: absolute;
4822 opacity: 0;
4823 visibility: hidden;
4824 -webkit-transition:
4825 opacity 0.3s ease-in-out,
4826 visibility 0.3s ease-in-out,
4827 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4828 -moz-transition:
4829 opacity 0.3s ease-in-out,
4830 visibility 0.3s ease-in-out,
4831 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4832 transition:
4833 opacity 0.3s ease-in-out,
4834 visibility 0.3s ease-in-out,
4835 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4836 -webkit-transform: translate3d(0, 0, 0);
4837 -moz-transform: translate3d(0, 0, 0);
4838 transform: translate3d(0, 0, 0);
4839 pointer-events: none;
4840 }
4841 .vbo-tooltip:hover::before,
4842 .vbo-tooltip:hover::after,
4843 .vbo-tooltip:focus::before,
4844 .vbo-tooltip:focus::after {
4845 opacity: 1;
4846 visibility: visible;
4847 }
4848 .vbo-tooltip::before {
4849 content: attr(data-tooltiptext);
4850 z-index: 10001;
4851 width: calc(100% + 40px);
4852 color: var(--vbo-body-text-color);
4853 background: var(--vbo-body-bg-color);
4854 border-radius: 15px;
4855 border: 1px solid var(--vbo-config-border-color);
4856 padding: 5px;
4857 font-size: 12px;
4858 line-height: 1.2;
4859 text-align: center;
4860 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4861 font-weight: normal;
4862 }
4863 .vbo-inspector-hover.vbo-tooltip::before {
4864 width: auto;
4865 font-weight: bold;
4866 }
4867 .vbo-tooltip::after {
4868 content: "";
4869 width: 0;
4870 height: 0;
4871 }
4872 .vbo-tooltip.vbo-tooltip-top::before,
4873 .vbo-tooltip.vbo-tooltip-top::after {
4874 bottom: 100%;
4875 left: 50%;
4876 transform: translate(-50%);
4877 margin-bottom: 2px;
4878 word-break: break-word;
4879 }
4880 .vbo-tooltip.vbo-tooltip-bottom::before,
4881 .vbo-tooltip.vbo-tooltip-bottom::after {
4882 top: 100%;
4883 left: 50%;
4884 transform: translate(-50%);
4885 margin-top: 2px;
4886 word-break: break-word;
4887 }
4888 /* Tooltip - End **/
4889
4890 .vbo-dashboard-firstsetup-container {
4891 width: 80%;
4892 margin: 0 auto;
4893 border: 1px solid var(--vbo-config-border-color);
4894 border-radius: 4px;
4895 padding: 30px;
4896 background: var(--vbo-config-bg-color);
4897 }
4898 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
4899 font-size: 24px;
4900 margin-top: 0;
4901 }
4902 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
4903 font-weight: normal;
4904 font-size: 18px;
4905 }
4906 .vbo-dashboard-firstsetup-body {
4907 display: flex;
4908 flex-wrap: wrap;
4909 margin: 20px auto;
4910 }
4911 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
4912 flex-basis: 25%;
4913 }
4914 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
4915 border: 1px solid var(--vbo-config-border-color);
4916 border-radius: 8px;
4917 margin: 10px;
4918 padding: 20px;
4919 font-size: 14px;
4920 background: var(--vbo-config-bg-color);
4921 box-shadow: 0 0 10px rgba(0,0,0,.05);
4922 height: 94%;
4923 }
4924 .vbo-dashboard-firstsetup-task-number {
4925 color: #82b8d5;
4926 font-size: 32px;
4927 margin-bottom: 20px;
4928 font-weight: bold;
4929 }
4930 .vbo-dashboard-firstsetup-task-details {
4931 text-align: center;
4932 font-weight: bold;
4933 }
4934 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
4935 font-size: 14px;
4936 }
4937 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
4938 margin-top: 10px;
4939 font-size: 26px;
4940 }
4941 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
4942 display: inline-block;
4943 min-height: 10px;
4944 }
4945 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
4946 display: block;
4947 margin-top: 22px;
4948 font-size: 22px;
4949 color: var(--vbo-green-color);
4950 }
4951 .vbo-dashboard-firstsetup-task-action {
4952 text-align: center;
4953 margin-top: 20px;
4954 }
4955 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
4956 background: var(--vbo-base-color);
4957 color: #fff;
4958 border: 1px solid var(--vbo-base-color);
4959 padding: 5px 15px;
4960 font-weight: bold;
4961 }
4962 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
4963 background: var(--vbo-base-color-hover);
4964 }
4965 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
4966 background: var(--vbo-link-text-color);
4967 }
4968 .vbo-dashboard-firstsetup-task-description {
4969 border-top: 1px solid var(--vbo-config-border-color);
4970 padding: 5px 10px;
4971 margin-top: 15px;
4972 color: var(--vbo-config-titles-color-light);
4973 text-align: center;
4974 background: var(--vbo-config-child-bg-color);
4975 }
4976 .vbo-dashboard-firstsetup-importbftpp-title {
4977 font-size: 16px;
4978 margin-bottom: 10px;
4979 margin-top: 20px;
4980 }
4981 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
4982 border-color: var(--vbo-red-color);
4983 }
4984 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
4985 color: var(--vbo-red-color);
4986 }
4987 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
4988 font-size: 18px;
4989 font-weight: normal;
4990 margin: 0;
4991 padding: 0;
4992 }
4993 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
4994 display: inline-block;
4995 margin-bottom: 10px;
4996 margin-right: 5px;
4997 }
4998 .btn.vbo-sampledata-btn {
4999 background: var(--vbo-base-color);
5000 color: #fff;
5001 font-weight: bold;
5002 border: 1px solid var(--vbo-base-color);
5003 }
5004 .btn.vbo-sampledata-btn:hover {
5005 background-color: var(--vbo-config-bg-color);
5006 color: var(--vbo-base-color);
5007 }
5008 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
5009 font-size: 16px;
5010 }
5011 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
5012 font-size: 16px;
5013 line-height: 1.4em;
5014 }
5015 .vbo-dashboard-today-bookings > div {
5016 margin: 0 18px 18px 0;
5017 }
5018 .vbo-admin-widgets-widget {
5019 display: block;
5020 border-radius: 16px;
5021 margin: 12px 0;
5022 box-shadow: 0 0px 20px rgba(0,0,0,.1);
5023 background: var(--vbo-config-bg-color);
5024 }
5025 .vbo-admin-widget-head {
5026 border-top-right-radius: 16px;
5027 border-top-left-radius: 16px;
5028 border-bottom: 1px solid var(--vbo-config-border-color);
5029 display: inline-block;
5030 width: 100%;
5031 box-sizing: border-box;
5032 }
5033 .vbo-admin-widget-head .btn-toolbar {
5034 margin: 10px 15px 10px 10px;
5035 display: inline-block;
5036 }
5037 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
5038 margin-top: 4px;
5039 }
5040 .vbo-admin-widget-head .form-control {
5041 border: 1px solid var(--vbo-config-border-color);
5042 border-radius: 2px;
5043 padding: 8px 10px;
5044 margin-bottom: 0;
5045 box-sizing: border-box;
5046 height: auto;
5047 }
5048 .vbo-admin-widget-head .btn {
5049 padding: 8px 10px;
5050 border-radius: 0 2px 2px 0;
5051 border: 1px solid var(--vbo-config-border-color);
5052 }
5053 .vvbo-admin-widget-head .btn i {
5054 margin-right: 0;
5055 }
5056 .btn.btn-small {
5057 padding: 2px 10px;
5058 font-size: 12px;
5059 -webkit-border-radius: 3px;
5060 -moz-border-radius: 3px;
5061 border-radius: 3px;
5062 }
5063 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 {
5064 padding: 0 !important;
5065 height: 40px;
5066 }
5067 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 {
5068 padding: 0 !important;
5069 background: var(--vbo-base-color);
5070 border: 1px solid var(--vbo-base-color) !important;
5071 color: var(--vbo-contrast-text-color);
5072 display: flex;
5073 height: auto;
5074 }
5075 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 {
5076 background: var(--vbo-base-color) !important;
5077 border: 1px solid var(--vbo-base-color);
5078 color: var(--vbo-contrast-text-color);
5079 }
5080 .vbo-context-menu-btn .vbo-context-menu-lbl {
5081 padding: 10px;
5082 display: inline-block;
5083 }
5084 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
5085 padding: 3px 10px 3px;
5086 }
5087 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
5088 background: var(--vbo-base-color-hover);
5089 color: var(--vbo-contrast-text-color);
5090 border: 0;
5091 border-top-left-radius: 3px;
5092 border-bottom-left-radius: 3px;
5093 }
5094 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 {
5095 background: var(--vbo-orange-color);
5096 }
5097 .btn-warning.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5098 background: var(--vbo-orange-color-hover);
5099 color: var(--vbo-contrast-text-color);
5100 border: 0;
5101 }
5102 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 {
5103 background: var(--vbo-red-color);
5104 }
5105 .btn-danger.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5106 background: var(--vbo-red-color-hover);
5107 color: var(--vbo-contrast-text-color);
5108 border: 0;
5109 }
5110 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5111 background-color: var(--vbo-green-color);
5112 border-color: var(--vbo-green-color);
5113 }
5114 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 {
5115 background-color: var(--vbo-green-color-hover);
5116 border-color: var(--vbo-green-color-hover);
5117 }
5118 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 {
5119 background-color: var(--vbo-green-color-focus);
5120 border-color: var(--vbo-green-color-focus);
5121 }
5122 .vbo-context-menu-btn .vbo-context-menu-ico {
5123 padding: 12px 8px;
5124 text-align: center;
5125 border-top-right-radius: 3px;
5126 border-bottom-right-radius: 3px;
5127 }
5128 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5129 padding: 3px 8px 3px;
5130 }
5131 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5132 margin-right: 0;
5133 position: relative;
5134 top: -1px;
5135 vertical-align: initial;
5136 }
5137 .vbo-context-menu-btn .vbo-context-menu-ico:hover {
5138 background: var(--vbo-base-color-hover);
5139 }
5140 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5141 background: var(--vbo-base-color-hover);
5142 border-color: var(--vbo-base-color-hover);
5143 }
5144 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5145 border-radius: 3px;
5146 display: initial;
5147 vertical-align: initial;
5148 }
5149 .vik-context-menu.vbo-dropdown-cxmenu {
5150 background: var(--vbo-config-bg-color);
5151 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5152 z-index: 2147483647 !important;
5153 border: 1px solid rgba(0,0,0,.15);
5154 border-radius: .25rem;
5155 }
5156 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5157 color: var(--vbo-contrast-text-color);
5158 background: var(--vbo-base-color);
5159 cursor: pointer;
5160 }
5161 .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 {
5162 padding: 0;
5163 margin: 0;
5164 }
5165 .vik-context-menu.vbo-dropdown-cxmenu li a {
5166 color: var(--vbo-body-text-color);
5167 padding: 8px 12px;
5168 }
5169 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5170 background: var(--vbo-red-color);
5171 }
5172 .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 {
5173 background: var(--vbo-red-color-focus);
5174 }
5175 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5176 background: var(--vbo-orange-color-hover);
5177 }
5178 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5179 color: var(--vbo-config-text-color-light);
5180 font-size: 14px;
5181 min-width: 16px;
5182 }
5183 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5184 color: var(--vbo-contrast-text-color);
5185 }
5186 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5187 border-radius: 3px;
5188 }
5189 .vbo-admin-widget-head h4 {
5190 font-size: 18px;
5191 font-weight: bold;
5192 padding: 7px 0 3px 15px;
5193 margin: 12px 0;
5194 position: relative;
5195 display: inline-block;
5196 }
5197 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5198 vertical-align: middle;
5199 }
5200 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5201 display: inline-block;
5202 float: right;
5203 margin-top: 10px;
5204 }
5205 .vbo-dashboard-search-input {
5206 display: inline-block;
5207 vertical-align: middle;
5208 margin-left: 10px;
5209 margin-bottom: 2px;
5210 }
5211 .vbo-admin-widget-body {
5212 padding: 10px;
5213 }
5214 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5215 display: flex;
5216 padding: 10px 15px;
5217 border-bottom: 1px solid var(--vbo-basic-btn);
5218 cursor: pointer;
5219 }
5220 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5221 background: var(--vbo-light-color-btn);
5222 }
5223 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5224 border-bottom: 0;
5225 }
5226 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5227 width: 40px;
5228 margin-right: 15px;
5229 }
5230 .vbo-dashboard-guest-activity-avatar-icon {
5231 width: 40px;
5232 text-align: center;
5233 height: 40px;
5234 line-height: 40px !important;
5235 border: 1px solid var(--vbo-config-border-color);
5236 border-radius: 50%;
5237 background: var(--vbo-config-child-bg-color);
5238 font-size: 16px;
5239 }
5240 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5241 max-width: 100%;
5242 border-radius: 50%;
5243 object-fit: cover;
5244 }
5245 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5246 flex: 1;
5247 }
5248 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5249 margin: 0;
5250 }
5251 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5252 display: flex;
5253 }
5254 .vbo-dashboard-guest-activity-content-info-details {
5255 margin-bottom: 7px;
5256 flex: 1;
5257 }
5258 .vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content-head > span {
5259 display: flex;
5260 }
5261 .vbo-w-guestmessages-message-staydates {
5262 font-size: 12px;
5263 position: relative;
5264 padding-left: 10px;
5265 color: var(--vbo-config-titles-color-light);
5266 }
5267 .vbo-w-guestmessages-message-stayrooms {
5268 font-size: 12px;
5269 position: relative;
5270 padding-left: 5px;
5271 color: var(--vbo-config-titles-color-light);
5272 margin-right: 10px;
5273 }
5274 .vbo-w-guestmessages-message-staydates:after {
5275 content: "";
5276 width: 2px;
5277 height: 2px;
5278 background: var(--vbo-config-titles-color-light);
5279 top: 7px;
5280 left: 2px;
5281 position: absolute;
5282 border-radius: 50%;
5283 }
5284 .vbo-w-guestmessages-message-listings {
5285 overflow: hidden;
5286 white-space: nowrap;
5287 max-width: 200px;
5288 text-overflow: ellipsis;
5289 }
5290 .vbo-w-guestmessages-message-new {
5291 background: var(--vbo-toolbar-bg-color);
5292 }
5293 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle .message-new {
5294 color: var(--vbo-base-color);
5295 font-size: 14px;
5296 margin: 0 0 0 5px;
5297 }
5298 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied {
5299 background: var(--vbo-base-color);
5300 font-size: 10px;
5301 margin: 0 0 0 5px;
5302 color: var(--vbo-contrast-text-color);
5303 font-weight: 500;
5304 }
5305 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied:hover {
5306 background: var(--vbo-base-color-hover);
5307 }
5308 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied i {
5309 color: var(--vbo-contrast-text-color);
5310 font-size: 10px;
5311 margin-right: 2px;
5312 }
5313 .vbo-bookings-status-separator {
5314 margin-top: 5px;
5315 text-align: center;
5316 }
5317 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5318 height: calc(100% - 100px);
5319 }
5320 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5321 display: flex;
5322 padding: 12px 20px 6px;
5323 background: transparent;
5324 border-bottom: 1px solid var(--vbo-config-border-color);
5325 }
5326 .vbo-modal-wguestmessages-chat-wrap {
5327 height: 100%;
5328 }
5329 .vbo-modal-wguestmessages-chat-wrap .chat-border-layout {
5330 height: calc(100% - 70px);
5331 }
5332 .vbo-modal-wguestmessages-chat-wrap .chat-border-layout .chat-messages-panel {
5333 height: 100%;
5334 }
5335 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5336 height: 100%;
5337 max-height: unset;
5338 }
5339 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-close-times) {
5340 flex: 1;
5341 }
5342 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-close-times) span {
5343 display: inline-block;
5344 vertical-align: middle;
5345 }
5346 .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 {
5347 display: block;
5348 }
5349 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5350 display: inline-block;
5351 vertical-align: middle;
5352 line-height: 1em;
5353 }
5354 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5355 background-color: var(--vbo-red-color);
5356 }
5357 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5358 margin-right: 10px;
5359 font-weight: bold;
5360 }
5361 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5362 margin-right: 10px;
5363 }
5364 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5365 width: 40px;
5366 height: 40px;
5367 object-fit: cover;
5368 border-radius: 50%;
5369 }
5370 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5371 margin-left: auto;
5372 align-self: center;
5373 }
5374 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5375 margin-right: 10px;
5376 margin-top: 2px;
5377 display: inline-block;
5378 width: 100%;
5379 }
5380 .vbo-dashboard-guest-activity-content-info-icon i {
5381 color: var(--vbo-base-color);
5382 font-size: 14px;
5383 }
5384 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5385 color: var(--vbo-orange-color);
5386 }
5387 .vbo-rdaybooking-subunits {
5388 margin-top: 6px;
5389 }
5390 .vbo-rdaybooking-subunits .label-warning {
5391 padding: 10px 6px !important;
5392 }
5393 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5394 display: inline-block;
5395 }
5396 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5397 min-height: 34px;
5398 line-height: 1.3em;
5399 margin: 3px 0;
5400 }
5401 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5402 font-weight: bold;
5403 margin-left: 2px;
5404 }
5405 .vbo-dashboard-guest-activity-content-info-date {
5406 margin-left: auto;
5407 font-size: .9em;
5408 text-align: right;
5409 color: var(--vbo-config-titles-color-light);
5410 }
5411 .vbo-dashboard-guest-activity-content-info-date span {
5412 display: block;
5413 }
5414 .vbo-dashboard-guest-activity-content-info-msg {
5415 color: var(--vbo-config-titles-color-light);
5416 font-size: 13px;
5417 }
5418 .vbo-dashboard-guest-activity-content-info-msg p {
5419 margin: 0;
5420 }
5421 .vbo-dashboard-guest-activity-skeleton {
5422 padding: 17px 15px;
5423 }
5424 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5425 width: 40px;
5426 height: 40px;
5427 border-radius: 50%;
5428 object-fit: cover;
5429 }
5430 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5431 width: 150px;
5432 height: 15px;
5433 }
5434 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5435 width: 70%;
5436 height: 15px;
5437 }
5438 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5439 width: 100%;
5440 height: 22px;
5441 }
5442 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5443 width: 50px;
5444 height: 11px;
5445 }
5446 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5447 width: 100%;
5448 height: 22px;
5449 }
5450 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5451 position: relative;
5452 overflow: hidden;
5453 display: inline-block;
5454 }
5455 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5456 position: absolute;
5457 top: 0;
5458 right: 0;
5459 bottom: 0;
5460 left: 0;
5461 transform: translateX(-100%);
5462 animation: shimmer 2s infinite;
5463 content: '';
5464 }
5465 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5466 margin-bottom: 5px;
5467 margin-top: 3px;
5468 }
5469
5470 @keyframes shimmer {
5471 100% {
5472 transform: translateX(100%);
5473 }
5474 }
5475
5476 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5477 display: flex;
5478 padding: 10px 15px;
5479 border-bottom: 1px solid var(--vbo-basic-btn);
5480 width: 100%;
5481 box-sizing: border-box;
5482 }
5483 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5484 width: 40px;
5485 margin-right: 15px;
5486 }
5487 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5488 max-width: 100%;
5489 border-radius: 50%;
5490 object-fit: cover;
5491 }
5492 .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 {
5493 width: 40px;
5494 text-align: center;
5495 height: 40px;
5496 line-height: 40px;
5497 border: 1px solid var(--vbo-config-border-color);
5498 border-radius: 50%;
5499 background: var(--vbo-config-child-bg-color);
5500 font-size: 16px;
5501 }
5502 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5503 flex: 1;
5504 }
5505 .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 {
5506 display: flex;
5507 }
5508 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5509 flex-wrap: wrap;
5510 }
5511 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5512 margin-bottom: 3px;
5513 flex: 1;
5514 }
5515 .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 {
5516 margin: 0;
5517 font-size: 16px;
5518 }
5519 .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 {
5520 margin-right: 10px;
5521 margin-top: 2px;
5522 font-size: .9em;
5523 }
5524 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5525 margin-left: auto;
5526 }
5527 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5528 text-align: right;
5529 font-weight: bold;
5530 font-size: 1.2em;
5531 }
5532 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5533 display: flex;
5534 font-size: .95em;
5535 justify-content: right;
5536 }
5537 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5538 margin-right: 6px;
5539 }
5540 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5541 margin-top: 6px;
5542 float: left;
5543 margin-right: 3px;
5544 }
5545 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5546 margin-top: 2px;
5547 float: left;
5548 margin-right: 3px;
5549 }
5550 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5551 margin: 0 0 5px;
5552 }
5553 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5554 margin: 0;
5555 }
5556 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5557 color: var(--vbo-green-color);
5558 }
5559 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5560 color: var(--vbo-red-color);
5561 }
5562 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5563 flex-basis: 100%;
5564 margin-bottom: 3px;
5565 }
5566 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5567 float: right;
5568 margin: 1px;
5569 }
5570 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5571 font-size: 12px;
5572 padding: 5px 8px !important;
5573 }
5574 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5575 margin-bottom: 3px;
5576 }
5577 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5578 display: flex;
5579 width: 100%;
5580 }
5581 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5582 margin-left: auto;
5583 text-align: right;
5584 }
5585 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5586 margin-right: 3px;
5587 color: var(--vbo-middle-color-btn);
5588 }
5589 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5590 display: flex;
5591 flex-wrap: wrap;
5592 }
5593 .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 {
5594 flex: 1;
5595 }
5596
5597 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5598 cursor: pointer;
5599 background: var(--vbo-light-color-btn);
5600 }
5601
5602 .vbo-widget-currconv-wrap {
5603 padding: 15px;
5604 }
5605 .vbo-widget-currconv-filters {
5606 display: flex;
5607 flex-wrap: wrap;
5608 }
5609 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5610 margin-bottom: 5px;
5611 }
5612 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5613 align-self: end;
5614 }
5615 .vbo-widget-currconv-filters label {
5616 display: block;
5617 margin-bottom: 5px;
5618 font-weight: 500;
5619 }
5620 .vbo-widget-currconv-filters-main {
5621 display: flex;
5622 flex-wrap: wrap;
5623 }
5624 .vbo-widget-currconv-filters-submit .btn {
5625 margin-left: 10px;
5626 }
5627 .vbo-widget-currconv-filters-main > div {
5628 margin-right: 10px;
5629 }
5630 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5631 height: 40px;
5632 border-radius: 2px;
5633 }
5634 .vbo-admin-widgets-widget-output .select2-container .select2-selection__rendered {
5635 font-weight: normal;
5636 font-size: 14px;
5637 line-height: 40px !important;
5638 }
5639 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5640 height: 40px;
5641 }
5642 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5643 align-self: end;
5644 flex-basis: 100%;
5645 }
5646 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5647 width: 100%;
5648 margin-left: 0;
5649 }
5650 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5651 margin-left: 0;
5652 }
5653
5654 .vbo-widget-checkav-wrap {
5655 padding: 15px;
5656 }
5657 .vbo-widget-checkav-filters {
5658 display: flex;
5659 flex-wrap: wrap;
5660 }
5661 .vbo-widget-checkav-filters > div {
5662 margin-bottom: 8px;
5663 }
5664 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5665 margin: 5px 0;
5666 }
5667 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5668 display: flex;
5669 flex-wrap: wrap;
5670 }
5671 .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 {
5672 margin-left: 10px;
5673 }
5674 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5675 margin-left: 8px;
5676 }
5677 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5678 flex: 1;
5679 }
5680 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5681 margin-right: 8px;
5682 }
5683 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5684 margin-left: 8px;
5685 }
5686 .vbo-widget-checkav-results {
5687 margin-top: 5px;
5688 }
5689 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5690 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5691 display: grid;
5692 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5693 }
5694 .vbo-widget-checkav-result-splitstays-wrap {
5695 width: 100%;
5696 }
5697 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5698 border: 1px solid var(--vbo-basic-btn);
5699 margin: 5px;
5700 border-radius: 6px;
5701 }
5702 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5703 border-color: var(--vbo-base-color);
5704 }
5705 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5706 display: grid;
5707 grid-template-columns: repeat(2, 1fr);
5708 }
5709 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5710 padding: 8px;
5711 }
5712 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5713 font-weight: bold;
5714 font-size: 1.2em;
5715 margin-bottom: 4px;
5716 }
5717 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5718 color: var(--vbo-base-color);
5719 margin-right: 3px;
5720 width: 16px;
5721 }
5722 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5723 display: block;
5724 margin-bottom: 3px;
5725 }
5726 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5727 margin-right: 3px;
5728 width: 16px;
5729 color: var(--vbo-config-text-color-light);
5730 }
5731 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5732 text-align: center;
5733 margin-bottom: 10px;
5734 }
5735 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5736 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5737 display: flex;
5738 flex-wrap: wrap;
5739 }
5740 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5741 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5742 flex-basis: 100%;
5743 }
5744 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5745 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5746 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5747 flex-basis: 100%;
5748 }
5749 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5750 display: flex;
5751 flex-wrap: wrap;
5752 }
5753 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5754 margin: 5px;
5755 }
5756 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5757 flex-basis: 100%;
5758 }
5759 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5760 flex-basis: 100%;
5761 text-align: center;
5762 margin-bottom: 5px;
5763 padding-top: 5px;
5764 }
5765 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5766 margin-right: 10px;
5767 }
5768 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5769 display: flex;
5770 flex-wrap: wrap;
5771 justify-content: center;
5772 width: 100%;
5773 }
5774 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5775 flex-basis: calc(33% - 34px);
5776 border: 1px solid var(--vbo-config-border-color);
5777 border-radius: 4px;
5778 padding: 10px;
5779 margin: 5px;
5780 text-align: center;
5781 }
5782 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5783 margin-right: 4px;
5784 }
5785 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5786 white-space: nowrap;
5787 overflow: hidden;
5788 text-overflow: ellipsis;
5789 max-width: 300px;
5790 }
5791 .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 {
5792 flex-basis: 100%;
5793 max-width: 100%;
5794 margin-bottom: 4px;
5795 }
5796 @media screen and (min-width: 1800px) {
5797 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5798 flex-basis: calc(33% - 30px);
5799 }
5800 .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 {
5801 flex-basis: calc(50% - 30px);
5802 margin: 5px;
5803 }
5804 .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 {
5805 width: 100%;
5806 display: grid;
5807 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5808 }
5809 .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 {
5810 grid-template-columns: repeat(3, 1fr);
5811 }
5812 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5813 border-color: var(--vbo-input-style);
5814 }
5815 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5816 border-color: var(--vbo-base-color);
5817 }
5818 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5819 display: inline-block;
5820 }
5821 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5822 display: block;
5823 }
5824 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5825 text-align: right;
5826 min-width: 80px;
5827 }
5828 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5829 text-align: left;
5830 min-width: initial;
5831 }
5832 }
5833 @media screen and (max-width: 1800px) {
5834 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
5835 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5836 flex-basis: 100%;
5837 }
5838 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5839 flex-basis: calc(100% - 30px);
5840 }
5841 }
5842 @media screen and (min-width: 2500px) {
5843 .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 {
5844 flex-basis: calc(33% - 30px);
5845 margin: 5px;
5846 }
5847 }
5848 @media screen and (min-width: 3000px) {
5849 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5850 display: inline-block;
5851 }
5852 }
5853 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
5854 font-weight: bold;
5855 font-size: 1.2em;
5856 margin-bottom: 5px;
5857 }
5858 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5859 display: flex;
5860 margin: 5px 0 8px;
5861 padding-bottom: 5px;
5862 border-bottom: 1px solid var(--vbo-config-border-color);
5863 }
5864 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
5865 border-bottom: 0;
5866 padding-bottom: 0px;
5867 }
5868 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
5869 display: inline-block;
5870 }
5871 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5872 padding: 10px;
5873 background-color: var(--vbo-input-style);
5874 margin: 0px 0 8px;
5875 border-radius: 6px;
5876 }
5877 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
5878 flex: 1;
5879 display: flex;
5880 }
5881 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5882 align-self: center;
5883 margin: 0 10px;
5884 }
5885 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
5886 display: block;
5887 }
5888 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
5889 font-weight: bold;
5890 }
5891 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5892 display: inline-block;
5893 min-width: 150px;
5894 align-self: center;
5895 }
5896 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5897 margin-left: auto;
5898 margin-right: 0;
5899 }
5900 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
5901 padding: 7px 12px;
5902 }
5903 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
5904 margin: 0 0 6px;
5905 }
5906 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5907 margin: 5px;
5908 }
5909 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
5910 display: flex;
5911 flex-wrap: wrap;
5912 }
5913 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5914 align-self: center;
5915 margin-right: 10px;
5916 flex: 1;
5917 }
5918 .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 {
5919 flex-basis: 100%;
5920 }
5921 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5922 margin-bottom: 3px;
5923 }
5924 .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 {
5925 margin-top: 8px;
5926 width: 100%;
5927 text-align: center;
5928 }
5929 .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 {
5930 width: 100%;
5931 }
5932 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
5933 margin-right: 10px;
5934 }
5935 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
5936 color: var(--vbo-config-text-color-light);
5937 width: 16px;
5938 margin-right: 3px;
5939 }
5940 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5941 margin-left: auto;
5942 }
5943 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5944 width: 100%;
5945 display: flex;
5946 flex-wrap: wrap;
5947 }
5948 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5949 flex: initial;
5950 }
5951 .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 {
5952 width: 110px !important;
5953 }
5954 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
5955 align-self: center;
5956 margin-right: 5px;
5957 }
5958 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
5959 flex: 1;
5960 width: 80px !important;
5961 }
5962 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
5963 .admin.com_vikbooking .vbo-widget-checkav-filters input {
5964 padding: 8px 10px;
5965 box-sizing: border-box;
5966 height: auto;
5967 }
5968 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5969 margin-top: 0;
5970 }
5971 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5972 display: flex;
5973 flex-wrap: wrap;
5974 }
5975 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
5976 flex: 1;
5977 }
5978 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
5979 margin-right: 8px;
5980 }
5981 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5982 width: 75px !important;
5983 }
5984 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5985 margin-left: 0;
5986 }
5987 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5988 width: 100%;
5989 margin-left: 0;
5990 }
5991 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
5992 width: 100%;
5993 }
5994 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5995 margin-right: 10px;
5996 min-width: initial;
5997 }
5998 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
5999 display: block;
6000 margin-bottom: 5px;
6001 }
6002 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6003 align-self: end;
6004 }
6005 @media screen and (max-width: 1000px) {
6006 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6007 flex: 1;
6008 flex-basis: 100%;
6009 margin-bottom: 8px;
6010 }
6011 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
6012 width: 100%;
6013 display: flex;
6014 }
6015 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
6016 flex: 1;
6017 width: 100%;
6018 }
6019 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
6020 margin: 0;
6021 width: 100%;
6022 display: inline-block;
6023 }
6024 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
6025 flex: 1;
6026 }
6027 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
6028 margin-right: 10px;
6029 align-self: center;
6030 }
6031 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
6032 align-self: auto;
6033 }
6034 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
6035 display: block;
6036 }
6037 }
6038 @media screen and (max-width: 2200px) {
6039 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6040 width: auto;
6041 flex-basis: 100%;
6042 }
6043 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
6044 flex: 1;
6045 display: flex;
6046 }
6047 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
6048 flex-basis: 100%;
6049 }
6050 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
6051 width: 100% !important;
6052 }
6053 }
6054 @media screen and (max-width: 1800px) {
6055 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
6056 flex-wrap: wrap;
6057 }
6058 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
6059 flex-basis: 100%;
6060 margin-right: 0;
6061 }
6062 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6063 margin-left: 0;
6064 margin-right: 16px;
6065 }
6066 .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 {
6067 margin-left: auto;
6068 }
6069 }
6070 @media screen and (min-width: 2200px) {
6071 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6072 width: auto;
6073 flex: inherit;
6074 }
6075 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
6076 margin-right: 5px;
6077 }
6078 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6079 width: auto;
6080 }
6081 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6082 width: auto;
6083 margin-left: 8px;
6084 align-self: end;
6085 }
6086 }
6087 @media screen and (min-width: 1800px) {
6088 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
6089 display: flex;
6090 flex-wrap: wrap;
6091 }
6092 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
6093 flex-basis: 100%;
6094 }
6095 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6096 flex-basis: calc(33% - 40px);
6097 }
6098 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
6099 flex-basis: 100%;
6100 }
6101 }
6102
6103 .vbo-widget-commands-right {
6104 text-align: right;
6105 padding: 5px 15px 10px 0;
6106 }
6107 .vbo-widget-commands > div {
6108 display: inline-block;
6109 }
6110 .vbo-widget-commands-main > div {
6111 display: inline-block;
6112 vertical-align: top;
6113 }
6114 .vbo-widget-commands-main .vbo-widget-command-chevron {
6115 margin-top: 4px;
6116 }
6117 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
6118 display: inline-block;
6119 font-size: 14px;
6120 border: 1px solid var(--vbo-config-border-color);
6121 padding: 5px 10px;
6122 border-radius: 2px;
6123 background: var(--vbo-config-child-bg-color);
6124 cursor: pointer;
6125 }
6126
6127 .vbo-dashboard-forecast-wrap h4 {
6128 padding: 23px 0px 22px 15px;
6129 margin-bottom: 20px;
6130 text-align: center;
6131 display: block;
6132 }
6133 .vbo-dash-chart-title .vbo-dash-chart-nav {
6134 display: inline-block;
6135 font-size: 14px;
6136 border: 1px solid #ddd;
6137 padding: 5px 10px;
6138 border-radius: 2px;
6139 background: #f6f6f6;
6140 cursor: pointer;
6141 }
6142 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6143 background: #eee;
6144 }
6145 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6146 margin-right: 0;
6147 }
6148 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6149 border: 0;
6150 }
6151 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6152 border: 1px solid var(--vbo-blue-color);
6153 display: inline-block;
6154 padding: 5px 8px;
6155 border-radius: 4px;
6156 text-transform: capitalize;
6157 font-size: 14px;
6158 margin-left: 7px;
6159 font-weight: bold;
6160 color: var(--vbo-blue-color);
6161 vertical-align: top;
6162 margin-top: -5px;
6163 }
6164 .vbo-admin-widget-wrapper h4 i {
6165 margin-right: 8px;
6166 font-size: 17px;
6167 }
6168 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6169 margin-right: 0;
6170 font-size: 14px;
6171 vertical-align: initial;
6172 }
6173 .vbo-admin-widget-wrapper table thead tr:first-child th,
6174 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6175 color: var(--vbo-config-titles-color-light);
6176 font-weight: bold;
6177 padding: 15px 15px;
6178 text-transform: uppercase;
6179 }
6180 .vbo-admin-widget-wrapper .table .searchable.center {
6181 white-space: inherit;
6182 }
6183 .vbo-admin-widget-wrapper .table td {
6184 padding: 11px 15px !important;
6185 border-top: 1px solid var(--vbo-basic-btn) !important;
6186 border-bottom: 0;
6187 }
6188 .vbo-dashboard-charts {
6189 width: 100%;
6190 display: inline-block;
6191 margin: 20px 0;
6192 padding: 15px 0;
6193 border-top:1px solid var(--vbo-config-border-color);
6194 border-bottom:1px solid var(--vbo-config-border-color);
6195 }
6196 .vbo-dashboard-charts-wrapper {
6197 margin: 0 auto 20px;
6198 padding: 18px;
6199 display: grid;
6200 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6201 }
6202 .vbo-dashboard-chart-container {
6203 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6204 display: inline-block;
6205 margin: 8px;
6206 padding: 0;
6207 border-radius: 16px;
6208 border: 1px solid var(--vbo-basic-btn);
6209 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6210 }
6211 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6212 display: inline-block;
6213 font-size: 16px;
6214 font-weight: bold;
6215 padding: 20px 0 0;
6216 text-align: center;
6217 width: 100%;
6218 border-top-left-radius: 8px;
6219 border-top-right-radius: 8px;
6220 }
6221 .vbo-dashboard-chart-container .donutChart {
6222 display: block;
6223 margin: 0 auto;
6224 padding: 0 8px;
6225 }
6226 .vbo-dashboard-next-bookings-block {
6227 background: #fff;
6228 border-radius: 8px;
6229 box-shadow: 0 0 20px rgba(0,0,0,.1);
6230 margin: 0 28px 18px;
6231 }
6232 .vbo-table-search-cout {
6233 margin-bottom: 0 !important;
6234 }
6235 .vbo-admin-widget-wrapper {
6236 padding-bottom: 8px;
6237 }
6238 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6239 display: inline-block;
6240 border-radius: 4px;
6241 border: 1px solid var(--vbo-base-color);
6242 padding: 3px 8px;
6243 color: var(--vbo-base-color);
6244 }
6245 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6246 text-decoration: none;
6247 background: var(--vbo-base-color-hover);
6248 color: #fff;
6249 }
6250 .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 {
6251 white-space: initial;
6252 }
6253 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6254 word-break: inherit;
6255 }
6256 .vbo-dashboard-next-bookings .table {
6257 margin-bottom: 0;
6258 }
6259 .vbo-dashboard-next-bookings-block h4 {
6260 font-size: 20px;
6261 font-weight: bold;
6262 color: var(--vbo-config-title-color);
6263 border-top-right-radius: 16px;
6264 border-top-left-radius: 16px;
6265 border-bottom: 1px solid var(--vbo-config-border-color);
6266 margin: 0;
6267 padding: 22px 15px;
6268 }
6269 .vbo-dashboard-next-bookings-block h4 i {
6270 margin-right: 15px;
6271 }
6272 .vbo-dashboard-refresh-container {
6273 margin: 20px 28px 0;
6274 float: right;
6275 border-radius: 40px;
6276 border: 1px solid var(--vbo-config-border-color);
6277 padding: 10px 20px;
6278 }
6279 .vbo-dashboard-refresh-container > span {
6280 display: inline-block;
6281 margin: 0 2px;
6282 }
6283 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6284 font-size: 1.3em;
6285 padding: 10px 13px 7px 0;
6286 position: relative;
6287 text-align: center;
6288 display: inline-block;
6289 font-weight: bold;
6290 }
6291 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6292 display: inline-block;
6293 margin:0 8px 0 0;
6294 font-weight: normal;
6295 }
6296 .vbo-dashboard-refresh-play {
6297 color: var(--vbo-base-color);
6298 text-align: center;
6299 display: inline-block;
6300 position: relative;
6301 cursor: pointer;
6302 }
6303 .vbo-dashboard-refresh-play:after {
6304 content: "\25b6";
6305 display: inline-block;
6306 border-radius: 50%;
6307 background: var(--vbo-config-bg-color);
6308 border: 1px solid var(--vbo-config-bg-color);
6309 height: 35px;
6310 line-height: 38px;
6311 padding: 0;
6312 width: 35px;
6313 font-size: 16px;
6314 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6315 text-align: center;
6316 }
6317 .vbo-dashboard-refresh-stop {
6318 color: var(--vbo-base-color);
6319 text-align: center;
6320 display: inline-block;
6321 position: relative;
6322 cursor: pointer;
6323 }
6324 .vbo-dashboard-refresh-stop:after {
6325 content: "\25A0";
6326 display: inline-block;
6327 border-radius: 50%;
6328 border: 1px solid var(--vbo-config-bg-color);
6329 background: var(--vbo-config-bg-color);
6330 height: 35px;
6331 line-height: 30px;
6332 padding: 0;
6333 width: 35px;
6334 font-size: 24px;
6335 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6336 text-align: center;
6337 }
6338 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6339 border: 1px solid var(--vbo-base-color);
6340 }
6341 .vbo-dashboard-rooms-locked-block {
6342 background: var(--vbo-config-bg-color);
6343 border-radius: 8px;
6344 box-shadow: 0 0 20px rgba(0,0,0,.1);
6345 margin: 0 28px 18px;
6346 }
6347 .vbo-dashboard-rooms-locked h4 {
6348 font-size: 22px;
6349 font-weight: normal;
6350 background: var(--vbo-config-child-bg-color);
6351 border-top-right-radius: 8px;
6352 border-top-left-radius: 8px;
6353 border-bottom: 1px solid var(--vbo-config-border-color);
6354 text-transform: uppercase;
6355 margin: 0;
6356 padding: 22px 15px;
6357 }
6358 .vbo-dashboard-rooms-locked h4 i {
6359 margin-right: 0.25em;
6360 }
6361 .vbo-dashboard-rooms-locked h4 span {
6362 border: 1px solid #FF9326;
6363 display: inline-block;
6364 padding: 5px 8px;
6365 border-radius: 4px;
6366 text-transform: capitalize;
6367 font-size: 14px;
6368 margin-left: 7px;
6369 font-weight: bold;
6370 color: #FF9326;
6371 vertical-align: top;
6372 margin-top: -5px;
6373 }
6374 .vbo-dashboard-rooms-locked table {
6375 margin-bottom: 0;
6376 }
6377 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6378 background: var(--vbo-config-child-bg-color);
6379 }
6380 .vbo-dashboard-today-occ-listcont {
6381 display: grid;
6382 padding: 10px;
6383 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6384 }
6385 .vbo-dashboard-today-roomocc-rows td {
6386 background: transparent !important;
6387 }
6388 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6389 padding: 0;
6390 width: 100%;
6391 }
6392 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6393 display: inline-block;
6394 width: 100%;
6395 }
6396 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6397 width: 100%;
6398 box-sizing: border-box;
6399 margin: 0;
6400 text-align: right;
6401 padding-right: 15px;
6402 }
6403 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6404 margin: 10px;
6405 background: var(--vbo-config-bg-color);
6406 border-radius: 10px;
6407 border: 1px solid var(--vbo-basic-btn);
6408 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6409 }
6410 .vbo-dashboard-today-roomocc-row-checkout {
6411 display: flex;
6412 margin-left: auto;
6413 justify-content: end;
6414 }
6415 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6416 align-self: center;
6417 }
6418 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6419 padding: 5px 8px;
6420 margin-left: 5px;
6421 }
6422 .vbo-dashboard-today-roomocc-det-rname {
6423 display: inline-block;
6424 overflow: hidden;
6425 text-overflow: ellipsis;
6426 white-space: nowrap;
6427 vertical-align: middle;
6428 max-width: 82%;
6429 }
6430 .vbo-dashboard-today-occ-block {
6431 margin: 0 0 30px 0;
6432 padding: 0 0 30px 0;
6433 border-bottom:1px solid var(--vbo-config-border-color);
6434 }
6435 .vbo-dashboard-today-roomocc-firstrow {
6436 font-weight: bold;
6437 margin: 0;
6438 }
6439 .vbo-dashboard-today-occ {
6440 margin: 10px 30px;
6441 }
6442 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6443 font-size: 20px;
6444 font-weight: bold;
6445 color: var(--vbo-config-title-color);
6446 padding: 0 25px 0 0;
6447 position: relative;
6448 display: inline-block;
6449 }
6450 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6451 border: 1px solid var(--vbo-config-border-color);
6452 border-radius: 2px;
6453 padding: 8px 10px;
6454 margin-bottom: 0;
6455 box-sizing: border-box;
6456 height: auto;
6457 }
6458 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6459 padding: 8px 10px;
6460 border-radius: 0 2px 2px 0;
6461 border: 1px solid var(--vbo-config-border-color);
6462 }
6463 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6464 margin-right: 0;
6465 }
6466 .vbo-dashboard-today-roomocc-det > h5 {
6467 font-weight: bold;
6468 padding: 15px;
6469 margin: 0;
6470 font-size: 1.1em;
6471 text-align: left;
6472 border-top-right-radius: 16px;
6473 border-top-left-radius: 16px;
6474 border-bottom: 1px solid var(--vbo-config-border-color);
6475 }
6476 .vbo-dashboard-today-roomocc-firstrow th {
6477 background: var(--vbo-config-bg-color);
6478 font-weight: bold;
6479 font-size: 12px;
6480 padding: 15px 15px !important;
6481 text-transform: uppercase;
6482 color: var(--vbo-config-titles-color-light);
6483 }
6484 .vbo-dashboard-today-roomocc-firstrow th.left {
6485 white-space: nowrap;
6486 }
6487 .vbo-dashboard-today-roomocc-rows td {
6488 padding: 11px 15px !important;
6489 }
6490 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6491 width: 15px;
6492 }
6493 .vbo-dashboard-today-roomocc-rows td.left a {
6494 font-weight: bold;
6495 color: var(--vbo-config-title-color);
6496 }
6497 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6498 color: var(--vbo-base-color);
6499 }
6500 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6501 display: inline-block;
6502 border-radius: 6px;
6503 padding: 2px 7px;
6504 margin-top: -5px;
6505 margin-left: 10px;
6506 float: right;
6507 }
6508 .vbo-roomocc-units-free {
6509 background: #e5ffd6;
6510 border: 1px solid #8fd569;
6511 color: #639448;
6512 }
6513 .vbo-roomocc-units-half {
6514 color: #a88706;
6515 background: #fff6a9;
6516 border: 1px solid #e1c903;
6517 }
6518 .vbo-roomocc-units-threefourth {
6519 background: #ffdfbe;
6520 border: 1px solid #ffbd79;
6521 color: #e27300;
6522 }
6523 .vbo-roomocc-units-full {
6524 background: #ffdbd3;
6525 border: 1px solid #ffa7a7;
6526 color: #d44b2d;
6527 }
6528 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6529 display: inline-block;
6530 text-align: center;
6531 border-radius: 4px;
6532 padding: 2px 0;
6533 }
6534 .vbo-dashboard-today-roomocc-customers.table-responsive {
6535 height: 200px;
6536 overflow-y: scroll;
6537 width: 100%;
6538 }
6539 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6540 white-space: normal;
6541 vertical-align: middle;
6542 }
6543 th.vbo-tdright, td.vbo-tdright {
6544 text-align: right !important;
6545 }
6546 th.vbo-tdright, td.vbo-tdright .btn {
6547 white-space: nowrap;
6548 }
6549 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6550 display: none;
6551 }
6552 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6553 display: table-row;
6554 }
6555 tr.no-results > td {
6556 background-color: #fcf8e3;;
6557 }
6558 .hidden-for-search {
6559 display: none;
6560 }
6561 .vbo-info-overlay-content-orphans > h3 > i {
6562 color: #cc0000;
6563 }
6564 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6565 display: grid;
6566 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6567 }
6568 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6569 margin: 5px;
6570 border-radius: 10px;
6571 border: 1px solid var(--vbo-config-border-color);
6572 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6573 display: flex;
6574 flex-wrap: wrap;
6575 flex-direction: column;
6576 }
6577 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6578 border-color: var(--vbo-base-color);
6579 }
6580 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6581 margin: 0 0 5px;
6582 padding: 10px;
6583 font-size: 1.1em;
6584 border-bottom: 1px solid var(--vbo-basic-btn);
6585 }
6586 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6587 margin-bottom: 10px;
6588 max-height: 150px;
6589 overflow: hidden;
6590 overflow-y: scroll;
6591 padding: 10px;
6592 }
6593 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6594 margin-top: 10px;
6595 }
6596 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6597 margin-top: auto;
6598 text-align: center;
6599 padding: 0 10px 10px;
6600 }
6601 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6602 text-align: center;
6603 margin-top: 20px;
6604 }
6605 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6606 display: inline-block;
6607 margin: 5px;
6608 }
6609 .vbo-center {
6610 text-align: center;
6611 }
6612 .vbo-enormous-icn {
6613 font-size: 100px;
6614 }
6615 .vbo-list-table {
6616 margin-top: 15px;
6617 }
6618 .vbo-bookingslist-table thead, .vbo-list-table thead {
6619 background: var(--vbo-config-bg-color);
6620 }
6621 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6622 padding: 18px 10px;
6623 text-transform: uppercase;
6624 font-size: 12px;
6625 color: var(--vbo-config-titles-color-light);
6626 }
6627 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6628 background: var(--vbo-config-bg-color) !important;
6629 border-top: 1px solid var(--vbo-config-border-color);
6630 }
6631 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6632 background: var(--vbo-config-child-bg-color) !important;
6633 }
6634 .vbo-bookingslist-table tbody > tr:last-child td {
6635 padding-bottom: 30px;
6636 vertical-align: top;
6637 }
6638 /* Dashboard - End */
6639 span.label {
6640 padding:3px 6px !important;
6641 }
6642 .vbo-export-customer-entry {
6643 display: block;
6644 margin: 10px 0;
6645 }
6646 .vbo-export-customer-entry span label {
6647 display: inline-block;
6648 margin: 0;
6649 min-width: 185px;
6650 }
6651 /* Calendar - Start */
6652 .vbo-quickres-wrapper {
6653 display: block;
6654 float: left;
6655 width: 48%;
6656 }
6657 .vbo-quickres-head {
6658 margin: 0 0 10px;
6659 width: 100%;
6660 display: inline-block;
6661 border-bottom: 1px solid var(--vbo-config-border-color);
6662 padding-bottom: 10px;
6663 }
6664 .vbo-quickres-head h4 {
6665 display: inline-block;
6666 font-size: 13px;
6667 font-weight: bold;
6668 text-transform: uppercase;
6669 }
6670 .vbo-quickres-head .vbo-quickres-head-right {
6671 display: inline-block;
6672 float: right;
6673 }
6674 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6675 .vbo-editbooking-room-switch .select2-selection--single {
6676 font-weight: normal;
6677 font-size: 14px !important;
6678 height: 36px !important;
6679 border: 1px solid var(--vbo-config-border-color) !important;
6680 border-radius: 2px !important;
6681 }
6682 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6683 .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 {
6684 height: 36px;
6685 }
6686 .select2-dropdown {
6687 border: 1px solid var(--vbo-config-border-color) !important;
6688 }
6689 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6690 .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 {
6691 line-height: 36px;
6692 }
6693 .vbo-quickres-head .vbo-quickres-head-right form {
6694 margin-top: 5px;
6695 margin-bottom: 0;
6696 }
6697 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6698 display: inline-block;
6699 margin: 8px 0 0 20px;
6700 vertical-align: top;
6701 }
6702 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6703 margin-bottom: 5px;
6704 }
6705 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6706 margin-bottom: 5px;
6707 }
6708 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6709 display: inline-block;
6710 margin: 9px 5px 0 0;
6711 }
6712 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6713 margin-right: 5px;
6714 }
6715
6716 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6717 height: 350px !important;
6718 }
6719 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6720 width: 100% !important;
6721 }
6722 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6723 margin: 5px 0;
6724 }
6725 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6726 border: 1px solid var(--vbo-base-color);
6727 }
6728 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
6729 margin-top: 15px;
6730 }
6731 .vbo-params-fieldset-label {
6732 font-weight: bold;
6733 margin-bottom: 5px;
6734 }
6735 .vbo-params-fieldset-label .label.label-success {
6736 font-size: 13px;
6737 display: inline-block;
6738 font-weight: 500;
6739 line-height: initial;
6740 }
6741 .vbo-params-fieldset-label .label.label-success i {
6742 margin-right: 3px;
6743 }
6744 textarea.vbo-textarea-copyable {
6745 width: 0 !important;
6746 height: 0 !important;
6747 opacity: 0 !important;
6748 min-height: 0 !important;
6749 padding: 0 !important;
6750 float: right;
6751 cursor: default;
6752 }
6753 .vbo-params-block {
6754 border: 1px solid var(--vbo-input-style-nested-deactive);
6755 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6756 border-radius: 10px;
6757 padding: 0 20px 10px;
6758 margin-bottom: 20px;
6759 }
6760 .vbo-params-block-nested {
6761 padding: 10px;
6762 margin: 10px 0 10px 10px;
6763 border-radius: 6px;
6764 background: var(--vbo-config-bg-color);
6765 }
6766 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
6767 background: rgba(255, 143, 143, 0.60) !important;
6768 border-color: #900;
6769 }
6770 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6771 align-self: center;
6772 }
6773 .vbo-params-block .vbo-param-container {
6774 border-top: 1px solid var(--vbo-main-bg-color);
6775 padding: 10px 0px;
6776 }
6777 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6778 border-top: 0;
6779 }
6780 .vbo-params-block > .vbo-param-container:only-child {
6781 margin-bottom: 0;
6782 }
6783 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6784 background: var(--vbo-config-bg-color);
6785 border-top: 1px solid var(--vbo-main-bg-color);
6786 }
6787 .vbo-cal-splitstay-details {
6788 display: inline-block;
6789 border-radius: 10px;
6790 border: 1px solid var(--vbo-basic-btn);
6791 min-width: 400px;
6792 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6793 }
6794 .vbo-cal-splitstay-details > div {
6795 display: grid;
6796 grid-template-columns: repeat(2, 1fr);
6797 }
6798 .vbo-cal-splitstay-details > div > span {
6799 padding: 8px 14px;
6800 display: inline-block;
6801 }
6802 .vbo-cal-splitstay-details > div > span i {
6803 margin-right: 3px;
6804 color: var(--vbo-config-text-color-light);
6805 }
6806 .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 {
6807 border-right: 1px solid var(--vbo-basic-btn);
6808 }
6809 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6810 color: var(--vbo-red-color);
6811 }
6812 #vbo-geo-map .gm-style .gm-style-iw-c {
6813 background: var(--vbo-config-bg-color);
6814 }
6815 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6816 display: inline-block;
6817 }
6818 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6819 cursor: pointer;
6820 }
6821 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6822 text-align: center;
6823 padding: 10px 15px;
6824 margin: 5px;
6825 border: 1px solid var(--vbo-config-border-color);
6826 border-radius: 2px;
6827 position: relative;
6828 }
6829 #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 {
6830 border-color: var(--vbo-base-color);
6831 }
6832 #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 {
6833 position: absolute;
6834 content: "";
6835 width: 10px;
6836 height: 10px;
6837 top: -6px;
6838 left: -7px;
6839 border: 2px solid var(--vbo-config-bg-color);
6840 background-color: var(--vbo-base-color);
6841 border-radius: 50%;
6842 }
6843 #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 {
6844 display: block;
6845 }
6846 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
6847 font-weight: bold;
6848 font-size: 1.2em;
6849 }
6850 #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 {
6851 color: var(--vbo-base-color);
6852 }
6853 .vbo-avcalendars-wrapper {
6854 text-align: center;
6855 border: 1px solid var(--vbo-config-border-color);
6856 background: var(--vbo-config-bg-color);
6857 padding: 10px 10px 20px 10px;
6858 margin-top: 20px;
6859 border-radius: 6px;
6860 }
6861 .vbo-avcalendars-roomphoto {
6862 display: block;
6863 text-align: center;
6864 margin: 5px 0 15px;
6865 }
6866 .vbo-avcalendars-roomphoto img {
6867 border-radius: 2px;
6868 max-height: 250px;
6869 border-radius: 4px;
6870 }
6871 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
6872 margin-bottom: 10px;
6873 margin-bottom: 5px;
6874 border-bottom: 1px solid var(--vbo-config-border-color);
6875 padding-bottom: 10px;
6876 }
6877 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
6878 display: inline-block;
6879 margin-right: 10px;
6880 position: relative;
6881 }
6882 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
6883 margin-bottom: 5px;
6884 font-weight: bold;
6885 }
6886 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
6887 width: auto !important;
6888 }
6889 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
6890 float: right;
6891 margin-left: 5px;
6892 margin-top: 10px;
6893 }
6894 .vbo-calendar-cfields-inner {
6895 display: grid;
6896 grid-template-columns: repeat(2, auto);
6897 gap: 10px 50px;
6898 width: 100%;
6899 padding: 5px 0;
6900 }
6901 .vbo-calendar-cfields-bottom {
6902 margin: 10px 0 15px 0;
6903 }
6904 .vbo-calendar-cfields-bottom .btn {
6905 border: 1px solid var(--vbo-config-border-color);
6906 border-radius: 2px;
6907 padding: 10px 14px;
6908 margin-bottom: 0;
6909 }
6910 .vbo-calendar-cfields-bottom .btn i {
6911 margin-right: 5px;
6912 }
6913 .vbo-calendar-cfields-bottom .btn-success {
6914 border: 1px solid var(--vbo-green-color);
6915 }
6916 .vbo-calendar-cfields-bottom .btn-success i {
6917 margin-right: 6px;
6918 }
6919 .vbo-calendar-cfields-bottom .icon-edit::before {
6920 color: #fff;
6921 }
6922 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
6923 display: inline-block;
6924 }
6925 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
6926 width: 100%;
6927 display: inline-block;
6928 }
6929 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6930 max-width: 100%;
6931 }
6932 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
6933 border: 1px solid var(--vbo-config-border-color);
6934 border-radius: 2px;
6935 padding: 5px 10px;
6936 margin-bottom: 0;
6937 width: 100% !important;
6938 box-sizing: border-box;
6939 height: auto;
6940 }
6941 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
6942 background-color: var(--vbo-input-style-deactive);
6943 }
6944 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6945 border-radius: 2px;
6946 background-color: var(--vbo-config-bg-color);
6947 border: 1px solid var(--vbo-input-style);
6948 padding: 5px 10px;
6949 height: inherit;
6950 width: 100% !important;
6951 }
6952 .vbo-assign-customer {
6953 cursor: pointer;
6954 background: var(--vbo-config-bg-color);
6955 color: var(--vbo-base-color);
6956 border-radius: 3px;
6957 display: inline-block;
6958 font-weight: bold;
6959 border: 1px solid var(--vbo-base-color);
6960 }
6961 .vbo-assign-customer > i {
6962 background: var(--vbo-base-color);
6963 color: var(--vbo-config-bg-color);
6964 padding: 8px 10px;
6965 font-size: 18px;
6966 }
6967 .vbo-assign-customer > span {
6968 padding: 0 8px 0 3px;
6969 display: inline-block;
6970 vertical-align: middle;
6971 }
6972 .vbo-assign-customer:hover {
6973 background: var(--vbo-base-color);
6974 color: #fff;
6975 }
6976 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
6977 background: var(--vbo-base-color-hover);
6978 }
6979 #vbfillcustfields .icon-edit::before {
6980 color: #fff;
6981 font-weight: normal;
6982 }
6983 #quickbsubmit i:before {
6984 color: #fff;
6985 }
6986 #vbspanbstat strong {
6987 display: inline-block;
6988 min-width: 125px;
6989 }
6990 #vbspanbpay strong {
6991 display: inline-block;
6992 min-width: 125px;
6993 }
6994 #vbspancmail strong {
6995 display: inline-block;
6996 min-width: 125px;
6997 }
6998 #vbo-highlight-cfields mark {
6999 padding: 0 3px;
7000 margin: -1px -4px;
7001 border-radius: 0.5em;
7002 }
7003 .vbo-calendar-cfield-entry label {
7004 display: block;
7005 font-weight: bold;
7006 color: var(--vbo-config-titles-color-light);
7007 margin-bottom: 4px;
7008 }
7009 #vbo-searchcust-loading, .vbo-searchcust-loading {
7010 display: none;
7011 }
7012 #vbo-searchcust-res, .vbo-searchcust-res {
7013 position: absolute;
7014 z-index: 2;
7015 width: 100%;
7016 max-width: 300px;
7017 }
7018 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
7019 width: 90%;
7020 }
7021 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
7022 list-style: none;
7023 text-align: left;
7024 padding: 0;
7025 margin: 0 0 0 -1px;
7026 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
7027 background-color: var(--vbo-config-bg-color);
7028 border: 1px solid var(--vbo-config-border-color);
7029 white-space: nowrap;
7030 max-height: 200px;
7031 width: 100%;
7032 overflow-y: scroll;
7033 }
7034 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
7035 padding: 6px 10px;
7036 outline: none;
7037 cursor: pointer;
7038 }
7039 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
7040 background: rgba(0,0,0,0.05);
7041 }
7042 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
7043 margin-right: 8px;
7044 display: inline-block;
7045 vertical-align: top;
7046 }
7047 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
7048 display: inline-block;
7049 vertical-align: top;
7050 }
7051 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
7052 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
7053 border-bottom-right-radius: 4px;
7054 border-bottom-left-radius: 4px;
7055 }
7056 .vbo-custsearchres-name {
7057 display: inline-block;
7058 min-width: 130px;
7059 }
7060 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
7061 margin-right: 5px;
7062 }
7063 /* Calendar - End */
7064 /* Outer Info message - Start */
7065 .vbo-outer-info-message {
7066 border: 2px solid var(--vbo-base-color);
7067 border-radius: 4px;
7068 padding: 5px;
7069 margin-bottom: 10px;
7070 cursor: pointer;
7071 }
7072 .vbo-outer-info-message .vboicn-info {
7073 margin-right: 5px;
7074 font-size: 16px;
7075 color: var(--vbo-base-color);
7076 }
7077 .vbo-outer-info-message span {
7078 display: inline-block;
7079 vertical-align: top;
7080 }
7081 .vbo-info-message-cont {
7082 padding: 5px;
7083 font-weight: bold;
7084 }
7085 .vbo-dyninpnum-cont input[type="number"],
7086 #vbjstotnights input[type="number"] {
7087 width: 100px !important;
7088 }
7089 .vbo-dyninpnum-cont select {
7090 max-width: 130px;
7091 }
7092 /* Outer Info message - End */
7093 .vbo-country-flag-left {
7094 float: left;
7095 margin: 0 5px 0 0;
7096 }
7097 .vbo-country-flag {
7098 width: 16px;
7099 height: 16px;
7100 object-fit: cover;
7101 }
7102 .vbo-country-flag.vbo-customer-avatar-flag {
7103 border-radius: 50%;
7104 }
7105 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
7106 object-fit: cover;
7107 }
7108 .vbo-roomentries-cont {
7109 float: left;
7110 display: inline-block;
7111 margin: 0 15px 0 2px;
7112 width: 204px;
7113 height: auto;
7114 overflow: hidden;
7115 }
7116 .vbo-roomentry-cont {
7117 display: block;
7118 margin: 5px 0;
7119 }
7120 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
7121 margin-top: 0;
7122 }
7123 .vbo-roomentry-cont input[type="checkbox"] {
7124 display: inline-block;
7125 margin-right: 5px;
7126 margin-top: 0;
7127 }
7128 .vbo-roomentry-cont label {
7129 display: inline !important;
7130 }
7131 tr.vbroomparamp td #lastavail {
7132 vertical-align: top;
7133 }
7134 tr.vbroomparamp td span {
7135 font-size: smaller;
7136 font-style: italic;
7137 display: inline-block;
7138 padding-left: 8px;
7139 max-width: 450px;
7140 }
7141 ul.vbo-sortable {
7142 list-style-type: none;
7143 margin: 0;
7144 padding: 0;
7145 }
7146 ul.vbo-sortable li {
7147 margin-right: 12px;
7148 padding: 1px;
7149 display: inline-block;
7150 vertical-align: top;
7151 width: auto;
7152 max-height: 70px;
7153 margin-bottom: 5px;
7154 }
7155 .vbo-editroom-currentphoto {
7156 position: relative;
7157 }
7158 .vbo-editroom-currentphoto a {
7159 cursor: grab;
7160 }
7161 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7162 cursor: pointer;
7163 }
7164 .vbo-tip-small {
7165 display: inline-block;
7166 min-width: 30px;
7167 }
7168 .vbo-smalltext {
7169 font-size: smaller;
7170 }
7171 .vbo-first-imgup {
7172 display: inline-block;
7173 border: 1px solid var(--vbo-config-border-color);
7174 border-radius: 3px;
7175 padding: 10px;
7176 margin: 5px 0;
7177 background: var(--vbo-main-bg-color);
7178 width: 100%;
7179 box-sizing: border-box;
7180 }
7181 .vbo-first-imgup > span {
7182 border-left: 1px solid rgb(221, 221, 221);
7183 display: inline-block;
7184 padding: 5px 0px 5px 10px;
7185 }
7186 .vbo-first-imgup > input[type="file"] {
7187 box-sizing: border-box;
7188 height: auto;
7189 margin-bottom: 10px;
7190 background: var(--vbo-input-style);
7191 }
7192 .vbo-first-imgup > input[type="text"] {
7193 margin-top: 7px;
7194 }
7195 .vbo-first-imgup + #myDiv {
7196 margin-bottom: 5px;
7197 }
7198 .vbo-imgup-caption {
7199 margin-top: 5px;
7200 }
7201 .vbo-imgup-caption span {
7202 display: block;
7203 margin-bottom: 4px;
7204 }
7205 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7206 width: 100% !important;
7207 box-sizing: border-box;
7208 height: auto;
7209 }
7210 /* Multi Photos Upload Modal Window - Start */
7211 .vbo-info-overlay-content {
7212 width: 70%;
7213 }
7214 .vbo-info-overlay-content .btn-success {
7215 padding: 9px 14px;
7216 }
7217 .vbo-info-overlay-content .btn-success i {
7218 color: #fff;
7219 display: inline-block;
7220 margin-right: 10px;
7221 }
7222 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7223 position: fixed;
7224 left: 0;
7225 top: 0;
7226 width: 100%;
7227 height: 100%;
7228 background-color: rgba(0,0,0,0.5);
7229 display: none;
7230 z-index: 99999999 !important;
7231 }
7232 a.vbo-info-overlay-close {
7233 display: block;
7234 height: 100%;
7235 cursor: default;
7236 }
7237 .vbo-info-overlay-content {
7238 position: fixed;
7239 left: 50%;
7240 top: 50%;
7241 transform: translate(-50%, -50%);
7242 width: 40%;
7243 height: 60%;
7244 z-index: 101;
7245 padding: 20px;
7246 border-radius: 5px;
7247 background-color: var(--vbo-config-bg-color);
7248 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7249 overflow: auto;
7250 }
7251 .vbo-info-overlay-header {
7252 margin-bottom: 20px;
7253 }
7254 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7255 display: inline-block;
7256 border: 0;
7257 text-align: left;
7258 }
7259 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7260 float: right;
7261 }
7262 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7263 background: var(--vbo-base-color);
7264 color: #fff;
7265 padding: 9px 14px;
7266 margin-right: 8px;
7267 }
7268 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7269 background: var(--vbo-base-color-hover) !important;
7270 }
7271 .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 {
7272 background: var(--vbo-link-text-color) !important;
7273 }
7274 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7275 padding: 9px 14px;
7276 }
7277 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7278 overflow: visible;
7279 }
7280 .vbo-info-overlay-scroll-content {
7281 overflow: hidden;
7282 height: 70%;
7283 position: relative;
7284 overflow-y: scroll;
7285 }
7286 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7287 position: fixed;
7288 left: 50%;
7289 top: 50%;
7290 transform: translate(-50%, -50%);
7291 width: 60%;
7292 height: 60%;
7293 z-index: 101;
7294 padding: 10px;
7295 border-radius: 5px;
7296 background-color: var(--vbo-config-bg-color);
7297 box-shadow: 5px 5px 5px 0 #000;
7298 overflow: auto;
7299 }
7300 .vbo-modal-alert .vbo-info-overlay-content {
7301 height: 20%;
7302 top: 40%;
7303 }
7304 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7305 height: 40%;
7306 top: 20%;
7307 left: 25%;
7308 width: 50%;
7309 }
7310 .vbo-info-overlay-content h3 {
7311 text-align: center;
7312 margin-top: 0;
7313 border-bottom: 1px solid var(--vbo-config-border-color);
7314 padding-bottom: 10px;
7315 }
7316 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7317 color: var(--vbo-red-color);
7318 }
7319 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7320 text-align: left;
7321 margin-bottom: 10px;
7322 }
7323 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7324 background: var(--vbo-config-bg-color);
7325 padding: 20px;
7326 border: 1px solid var(--vbo-config-border-color);
7327 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7328 }
7329 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7330 margin: 5px 0;
7331 box-sizing: border-box;
7332 display: inline-block;
7333 width: 100%;
7334 }
7335 .vbo-overlay-checkin-body iframe {
7336 width: 100%;
7337 border: 0;
7338 height: 50vh;
7339 }
7340 .vbo-info-overlay-content-animated {
7341 -webkit-animation-name: VikbounceInUp;
7342 animation-name: VikbounceInUp;
7343
7344 -webkit-animation-duration: .6s;
7345 animation-duration: .6s;
7346 -webkit-animation-fill-mode: both;
7347 animation-fill-mode: both;
7348 }
7349 .vbo-info-overlay-block-animation:target {
7350 visibility: visible;
7351 }
7352 .vbo-info-overlay-content-hidden {
7353 display: none;
7354 }
7355 .vbo-admin-wizard-container {
7356 margin-bottom: 10px;
7357 }
7358 .vbo-admin-wizard-container .vbo-wizard-btn {
7359 background: #3961bf;
7360 border: 1px solid #3961bf;
7361 color: #fff;
7362 font-weight: bold;
7363 padding: 10px 14px;
7364 margin-right: 5px;
7365 }
7366 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7367 background: #27417d;
7368 border-color: #27417d;
7369 }
7370 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7371 background: #5c77b5;
7372 border-color: #5c77b5;
7373 }
7374 .vbo-admin-wizard-container .vbo-wizard-btn i {
7375 margin-right: 5px;
7376 }
7377
7378 @-webkit-keyframes VikbounceInUp {
7379 from,
7380 60%,
7381 75%,
7382 90%,
7383 to {
7384 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7385 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7386 }
7387
7388 from {
7389 opacity: 0;
7390 -webkit-transform: translate3d(-50%, 150%, 0);
7391 transform: translate3d(-50%, 150%, 0);
7392 }
7393
7394 60% {
7395 opacity: 1;
7396 -webkit-transform: translate3d(-50%, 100%, 0);
7397 transform: translate3d(-50%, 100%, 0);
7398 }
7399
7400 75% {
7401 -webkit-transform: translate3d(-50%, 20%, 0);
7402 transform: translate3d(-50%, 20%, 0);
7403 }
7404
7405 90% {
7406 -webkit-transform: translate3d(-50%, -25%, 0);
7407 transform: translate3d(-50%, -25%, 0);
7408 }
7409
7410 to {
7411 -webkit-transform: translate3d(-50%, -50%, 0);
7412 transform: translate3d(-50%, -50%, 0);
7413 }
7414 }
7415
7416 @keyframes VikbounceInUp {
7417 from,
7418 60%,
7419 75%,
7420 90%,
7421 to {
7422 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7423 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7424 }
7425
7426 from {
7427 opacity: 0;
7428 -webkit-transform: translate3d(-50%, 150%, 0);
7429 transform: translate3d(-50%, 150%, 0);
7430 }
7431
7432 60% {
7433 opacity: 1;
7434 -webkit-transform: translate3d(-50%, 100%, 0);
7435 transform: translate3d(-50%, 100%, 0);
7436 }
7437
7438 75% {
7439 -webkit-transform: translate3d(-50%, 20%, 0);
7440 transform: translate3d(-50%, 20%, 0);
7441 }
7442
7443 90% {
7444 -webkit-transform: translate3d(-50%, -25%, 0);
7445 transform: translate3d(-50%, -25%, 0);
7446 }
7447
7448 to {
7449 -webkit-transform: translate3d(-50%, -50%, 0);
7450 transform: translate3d(-50%, -50%, 0);
7451 }
7452 }
7453
7454 .bounceInUp {
7455 -webkit-animation-name: VikbounceInUp;
7456 animation-name: VikbounceInUp;
7457 }
7458
7459 .vbo-info-overlay-content-wizard {
7460 padding: 25px;
7461 width: 50%;
7462 height: 80%;
7463 }
7464 .vbo-info-overlay-content-wizard {
7465 display: none;
7466 }
7467 .vbo-info-overlay-content-animated {
7468 display: block;
7469 }
7470 .vbo-info-overlay-content-wizard h3 {
7471 text-align: left;
7472 border-bottom: 0;
7473 font-size: 22px;
7474 margin-bottom: 0;
7475 }
7476 .vbo-tariffs-wizard-help-wrap {
7477 margin-bottom: 20px;
7478 }
7479 .vbo-tariffs-wizard-help-wrap p span {
7480 font-style: italic;
7481 }
7482 .vbo-tariffs-wizard-help-wrap h4 {
7483 font-size: 20px;
7484 margin-top: 30px;
7485 font-weight: normal;
7486 }
7487 .vbo-tariffs-wizard-prices-wrap {
7488 display: flex;
7489 flex-wrap: wrap;
7490 justify-content: center;
7491 }
7492 .vbo-tariffs-wizard-price {
7493 flex-basis: 25%;
7494 text-align: center;
7495 border: 2px solid #a3cae1;
7496 padding: 25px;
7497 margin: 4px;
7498 border-radius: 4px;
7499 }
7500 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7501 display: block;
7502 font-weight: bold;
7503 margin-bottom: 5px;
7504 }
7505 .vbo-tariffs-wizard-prices-submit {
7506 text-align: center;
7507 margin-top: 15px;
7508 }
7509 .vbo-rplans-wizard-wrap {
7510 display: flex;
7511 }
7512 .vbo-tariffs-wizard-help-wrap h4 {
7513 text-align: center;
7514 }
7515 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7516 display: inline-block;
7517 padding: 15px;
7518 border: 1px solid #ddd;
7519 border-radius: 4px;
7520 flex: 1;
7521 margin: 5px;
7522 }
7523 .vbo-rplans-wizard-tprice-name {
7524 display: inline-block;
7525 width: 100%;
7526 }
7527 .vbo-rplans-wizard-tprice-name label {
7528 font-weight: bold;
7529 font-size: 18px;
7530 display: inline-block;
7531 }
7532 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7533 float: right;
7534 margin: 0;
7535 padding-top: 0;
7536 padding-bottom: 0;
7537 }
7538 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7539 margin-bottom: 0;
7540 }
7541 .vbo-rplans-wizard-tprice-bkincl label {
7542 display: inline-block;
7543 }
7544 .vbo-rplans-wizard-tprice-bkincl input {
7545 margin-top: 0 !important;
7546 }
7547 .fileinput-button {
7548 position: relative;
7549 overflow: hidden;
7550 display: inline-block;
7551 }
7552 .fileinput-button input {
7553 position: absolute;
7554 top: 0;
7555 right: 0;
7556 margin: 0;
7557 opacity: 0;
7558 -ms-filter: 'alpha(opacity=0)';
7559 font-size: 200px;
7560 direction: ltr;
7561 cursor: pointer;
7562 }
7563 /* Fixes for IE < 8 */
7564 @media screen\9 {
7565 .fileinput-button input {
7566 filter: alpha(opacity=0);
7567 font-size: 100%;
7568 height: 100%;
7569 }
7570 }
7571 .progress {
7572 background-color: var(--vbo-config-child-bg-color);
7573 border-radius: 4px;
7574 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7575 height: 20px;
7576 margin-bottom: 20px;
7577 overflow: hidden;
7578 }
7579 .progress-bar {
7580 background-color: var(--vbo-blue-color);
7581 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7582 color: #fff;
7583 float: left;
7584 font-size: 12px;
7585 height: 100%;
7586 line-height: 20px;
7587 text-align: center;
7588 transition: width 0.6s ease 0s;
7589 width: 0;
7590 }
7591 .progress-bar-success {
7592 background-color: var(--vbo-green-color) !important;
7593 }
7594 .vbo-info-overlay-content .files {
7595 display: inline-block;
7596 width: 100%;
7597 min-height: 40%;
7598 border: 2px dashed var(--vbo-config-border-color);
7599 box-sizing: border-box;
7600 padding: 10px;
7601 }
7602 .vbo-upload-photo {
7603 float: left;
7604 margin: 0 10px 0 0;
7605 padding: 5px;
7606 }
7607 .vbo-upload-photo canvas {
7608 border: 1px solid var(--vbo-basic-btn);
7609 border-radius: 4px;
7610 }
7611 .vbo-upload-photo p {
7612 margin: 0;
7613 text-align: center;
7614 }
7615 .vbo-upload-photo span {
7616 font-weight: bold;
7617 text-align: center;
7618 display: block;
7619 text-align: center;
7620 color: var(--vbo-config-titles-color-light);
7621 }
7622 .vbo-upload-photo p button {
7623 margin-top: 5px;
7624 }
7625 .vbo-info-overlay-content #progress {
7626 margin-top: 15px;
7627 }
7628 .vbo-upload-done {
7629 display: none;
7630 width: 100%;
7631 text-align: center;
7632 padding-top: 15px;
7633 margin-top: 10px;
7634 }
7635 .vbo-upload-done .btn i:before {
7636 color: #fff;
7637 }
7638 .vbo-toggle-imgcaption {
7639 position: absolute;
7640 width: 22px;
7641 font-size: 16px;
7642 z-index: 100;
7643 margin-left: -11px;
7644 margin-top: -6px;
7645 background: var(--vbo-main-bg-color);
7646 border-radius: 50%;
7647 object-fit: cover;
7648 border: 1px solid var(--vbo-config-border-color);
7649 height: 22px;
7650 line-height: 22px;
7651 display: inline-block;
7652 text-align: center;
7653 color: var(--vbo-config-titles-color-light);
7654 }
7655 .vbo-toggle-imgcaption-on {
7656 color: var(--vbo-base-color);
7657 }
7658 .vbo-rmphotos-cont {
7659 margin-bottom: 10px;
7660 }
7661 .vbo-small-p-info {
7662 font-size: smaller;
7663 margin: 10px 0 0;
7664 text-align: right;
7665 }
7666 .vbo-bulkupload-cont {
7667 margin: 20px 0 0 0;
7668 }
7669 /* Multi Photos Upload Modal Window - End */
7670 /* Room Units Distinctive Features - Start */
7671 .vbo-distfeature-row {
7672 display: none;
7673 }
7674 .vbo-distfeatures-toggle-cont {
7675 display: block;
7676 text-align: left;
7677 }
7678 .vbo-distfeatures-cont {
7679 display: none;
7680 background-color: var(--vbo-config-child-bg-color);
7681 padding: 20px;
7682 margin-top: 5px;
7683 }
7684 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7685 background-color: var(--vbo-input-style) !important;
7686 }
7687 .vbo-runit-features-cont {
7688 display: block;
7689 margin-bottom: 10px;
7690 padding-bottom: 10px;
7691 border-bottom: 1px solid var(--vbo-config-border-color);
7692 }
7693 .vbo-runit-features-cont:last-child {
7694 margin-bottom: 0;
7695 border-bottom: 0;
7696 padding-bottom: 0;
7697 }
7698 .vbo-runit-num {
7699 display: block;
7700 font-weight: bold;
7701 }
7702 .vbo-runit-features {
7703 display: block;
7704 }
7705 .vbo-runit-feature {
7706 display: flex;
7707 margin: 5px 0 5px 0;
7708 }
7709 .vbo-runit-feature input {
7710 margin-right: 10px;
7711 }
7712 .vbo-runit-feature input:focus {
7713 background: #fff;
7714 }
7715 .vbo-feature-add {
7716 cursor: pointer;
7717 }
7718 .vbo-feature-remove {
7719 cursor: pointer;
7720 display: inline-block;
7721 font-size: 20px;
7722 align-self: center;
7723 }
7724 /* Room Units Distinctive Features - End */
7725 .vbo-closed-date-entry {
7726 display: inline-block;
7727 background-color: var(--vbo-toolbar-bg-color);
7728 border: 1px solid var(--vbo-toolbar-bg-color);
7729 border-radius: 30px;
7730 margin: 5px 5px 0px 0;
7731 padding: 5px 10px;
7732 color: var(--vbo-base-color);
7733 font-weight: bold;
7734 }
7735 .vbo-closed-date-rm {
7736 cursor: pointer;
7737 display: inline-block;
7738 margin-left: 3px;
7739 width: 18px;
7740 height: 18px;
7741 line-height: 15px;
7742 font-size: 8px;
7743 text-align: center;
7744 border-radius: 50%;
7745 color: var(--vbo-blue-color);
7746 line-height: 20px;
7747 float: right;
7748 }
7749 .vbo-closed-date-rm:hover {
7750 background: var(--vbo-blue-color);
7751 color: #fff;
7752 }
7753 .vbo-closed-date-rm i {
7754 margin: 0 !important;
7755 }
7756 /* Occupancy Pricing Override - Start */
7757 .occupancy-room {
7758 display: block;
7759 margin-left: 5px;
7760 }
7761 .occupancy-room-name {
7762 display: block;
7763 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7764 font-weight: bold;
7765 border-radius: 2px;
7766 border: 1px solid var(--vbo-config-border-color);
7767 cursor: pointer;
7768 padding: 8px 10px;
7769 margin: 5px 0 0;
7770 }
7771 .occupancy-room-data {
7772 display: none;
7773 padding: 20px;
7774 background: var(--vbo-config-child-bg-color);
7775 }
7776 .occupancy-room-data .occupancy-adults-data {
7777 margin: 0 0 15px;
7778 }
7779 .occupancy-room-data .occupancy-adults-data:last-child {
7780 margin-bottom: 0;
7781 }
7782 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7783 vertical-align: top;
7784 }
7785 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7786 padding: 5px 10px;
7787 }
7788 .occupancy-adults-lbl {
7789 display: inline-block;
7790 margin-bottom: 5px;
7791 font-weight: bold;
7792 }
7793 .occupancy-adults-ovr > * {
7794 margin-right: 5px;
7795 }
7796 /* Occupancy Pricing Override - End */
7797 /* Crons - Start */
7798 .vbo-shell-wrap {
7799 width: 100%;
7800 -webkit-border-radius: 3px;
7801 -moz-border-radius: 3px;
7802 border-radius: 3px;
7803 }
7804 .vbo-shell-top-bar {
7805 text-align: center;
7806 color: var(--vbo-config-title-color);
7807 padding: 5px 0;
7808 margin: 0;
7809 font-size: 1.15em;
7810 border: 1px solid var(--vbo-config-border-color);
7811 border-bottom: none;
7812 -webkit-border-top-left-radius: 3px;
7813 -webkit-border-top-right-radius: 3px;
7814 -moz-border-radius-topleft: 3px;
7815 -moz-border-radius-topright: 3px;
7816 border-top-left-radius: 3px;
7817 border-top-right-radius: 3px;
7818 background: var(--vbo-config-child-bg-color);
7819 }
7820 .vbo-shell-body {
7821 margin: 0;
7822 padding: 5px;
7823 list-style: none;
7824 background: #141414;
7825 color: #fff;
7826 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7827 font-size: 0.95em;
7828 line-height: 1.6em;
7829 -webkit-border-bottom-right-radius: 3px;
7830 -webkit-border-bottom-left-radius: 3px;
7831 -moz-border-radius-bottomright: 3px;
7832 -moz-border-radius-bottomleft: 3px;
7833 border-bottom-right-radius: 3px;
7834 border-bottom-left-radius: 3px;
7835 }
7836 .vbo-shell-body p:before {
7837 content: '$';
7838 position: absolute;
7839 left: 0;
7840 top: 0;
7841 }
7842 .vbo-shell-body span:before {
7843 content: '-';
7844 position: absolute;
7845 left: 0;
7846 top: 0;
7847 }
7848 .vbo-shell-body p, .vbo-shell-body span {
7849 word-wrap: break-word;
7850 position: relative;
7851 padding: 0 0 0 15px;
7852 display: block;
7853 margin: 2px 0 4px 0;
7854 }
7855 .vbo-cronexec-log {
7856 margin-top: 5px;
7857 }
7858 .vbo-cronexec-log pre {
7859 background: #141414 none repeat scroll 0 0;
7860 border-radius: 0;
7861 color: #fff;
7862 padding: 0;
7863 }
7864 /* Crons - End */
7865 /* Graphs & Statistics - Start */
7866 .vbo-stats-wrapper {
7867 background: var(--vbo-main-bg-color);
7868 padding: 20px 12px;
7869 }
7870 .vbo-stats-wrapper .adminform .adminlegend {
7871 font-weight: bold;
7872 width: 100%;
7873 margin-bottom: 20px;
7874 }
7875 .vbo-graph-bottom-wrapper {
7876 margin-top: 35px;
7877 }
7878 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
7879 display: flex;
7880 flex-wrap: wrap;
7881 }
7882 .vbo-graph-top-left, .vbo-graph-bottom-left {
7883 flex: 1;
7884 margin-right: 20px;
7885 }
7886 .vbo-graph-top-right, .vbo-graph-bottom-right {
7887 flex-basis: 25%;
7888 }
7889 .vbo-graphstats-left {
7890 background: var(--vbo-config-bg-color);
7891 padding: 30px;
7892 border-radius: 16px;
7893 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7894 }
7895 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
7896 width: 100% !important;
7897 }
7898 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
7899 height: 250px;
7900 }
7901 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
7902 background: var(--vbo-config-bg-color);
7903 padding: 20px;
7904 border-radius: 16px;
7905 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7906 margin-bottom: 15px;
7907 }
7908 .vbo-graph-top-right .vbo-graphstats-thirdright {
7909 border-bottom: 2px solid var(--vbo-base-color);
7910 }
7911 .vbo-graphstats-thirdright {
7912 margin-top: 25px;
7913 }
7914 .vbo-graphstats-thirdright > p {
7915 font-weight: bold;
7916 padding: 0;
7917 text-align: right;
7918 }
7919 .vbo-graphstats-thirdright > p:first-child {
7920 padding-top: 10px;
7921 }
7922 .vbo-graphstats-thirdright > p i {
7923 font-size: 11px;
7924 }
7925 .vbo-graphstats-thirdright p span {
7926 display: inline-block;
7927 min-width: 155px;
7928 float: left;
7929 text-align: left;
7930 }
7931 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
7932 text-align: center;
7933 margin-top: 0;
7934 margin-bottom: 10px;
7935 border-bottom: 1px solid var(--vbo-basic-btn);
7936 padding-bottom: 10px;
7937 }
7938 .vbo-graph-bottom-right h4 {
7939 text-align: center;
7940 margin-top: 0;
7941 margin-bottom: 10px;
7942 border-bottom: 1px solid var(--vbo-basic-btn);
7943 padding-bottom: 0;
7944 }
7945 .vbo-graphstats-countries {
7946 padding-bottom: 10px;
7947 }
7948 .vbo-graphstats-country-wrap {
7949 display: inline-block;
7950 width: 100%;
7951 margin: 2px 0;
7952 }
7953 .vbo-graphstats-country-wrap > span {
7954 vertical-align: middle;
7955 }
7956 .vbo-graphstats-country-img {
7957 display: inline-block;
7958 margin-right: 5px;
7959 }
7960 .vbo-graphstats-country-name {
7961 display: inline-block;
7962 font-weight: bold;
7963 min-width: 120px;
7964 margin-right: 5px;
7965 }
7966 .vbo-graphstats-country-totb.badge {
7967 display: inline-block;
7968 float: right;
7969 background-color: transparent;
7970 border: 2px solid var(--vbo-config-text-color-light);
7971 color: var(--vbo-config-titles-color-light);
7972 border-radius: 50px;
7973 }
7974 .vbo-graphstats-mod-containers {
7975 display: flex;
7976 flex-wrap: wrap;
7977 justify-content: center;
7978 }
7979 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
7980 flex-basis: 50%;
7981 }
7982 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
7983 background: var(--vbo-config-bg-color);
7984 padding: 20px;
7985 border-radius: 16px;
7986 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7987 margin-bottom: 15px;
7988 margin-right: 5px;
7989 }
7990 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
7991 font-weight: bold;
7992 color: var(--vbo-config-titles-color-light);
7993 margin-bottom: 10px;
7994 }
7995 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
7996 font-size: 26px;
7997 font-weight: bold;
7998 }
7999 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
8000 font-size: 13px;
8001 display: inline-block;
8002 vertical-align: top;
8003 color: var(--vbo-config-titles-color-light);
8004 }
8005 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
8006 font-size: 14px;
8007 display: inline-block;
8008 vertical-align: top;
8009 }
8010 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
8011 color: var(--vbo-green-color);
8012 }
8013 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
8014 color: var(--vbo-red-color);
8015 }
8016 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
8017 text-align: center;
8018 }
8019 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
8020 display: inline-block;
8021 text-align: center;
8022 margin: 10px 0 0;
8023 padding: 10px 0;
8024 width: 100%;
8025 }
8026 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
8027 display: inline-block;
8028 margin: 3px 7px;
8029 font-weight: bold;
8030 }
8031 #vbo-graphstats-left-legend ul.line-legend li {
8032 border: 1px solid var(--vbo-config-border-color);
8033 border-radius: 20px;
8034 padding: 10px 12px;
8035 }
8036 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
8037 display: inline-block;
8038 float: left;
8039 height: 15px;
8040 margin: 0 10px 0 0;
8041 width: 15px;
8042 border-radius: 4px;
8043 font-weight: bold;
8044 }
8045 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
8046 text-align: center;
8047 }
8048 #vbo-graphstats-right-legend-nights ul.pie-legend {
8049 display: flex;
8050 margin: 10px 0 0;
8051 padding: 0;
8052 width: 100%;
8053 -ms-flex-wrap: wrap;
8054 -webkit-flex-wrap: wrap;
8055 flex-wrap: wrap;
8056 }
8057 #vbo-graphstats-right-legend ul.pie-legend {
8058 display: flex;
8059 margin: 10px 0 0;
8060 padding: 0;
8061 width: 100%;
8062 -ms-flex-wrap: wrap;
8063 -webkit-flex-wrap: wrap;
8064 flex-wrap: wrap;
8065 }
8066 #vbo-graphstats-right-legend-nights ul.pie-legend li {
8067 display: inline-block;
8068 margin: 3px 7px;
8069 -ms-flex: 0 0 45%;
8070 -webkit-flex: 0 0 45%;
8071 flex: 0 0 45%;
8072 text-align: left;
8073 font-weight: bold;
8074 }
8075 #vbo-graphstats-right-legend ul.pie-legend li {
8076 display: inline-block;
8077 margin: 3px 7px;
8078 -ms-flex: 0 0 45%;
8079 -webkit-flex: 0 0 45%;
8080 flex: 0 0 45%;
8081 text-align: left;
8082 font-weight: bold;
8083 }
8084 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
8085 display: inline-block;
8086 float: left;
8087 height: 15px;
8088 margin: 0 10px 0 0;
8089 width: 15px;
8090 border-radius: 4px;
8091 font-weight: bold;
8092 }
8093 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
8094 display: inline-block;
8095 float: left;
8096 height: 15px;
8097 margin: 0 10px 0 0;
8098 width: 15px;
8099 border-radius: 4px;
8100 }
8101 .vbo-graphstats-legend-sub {
8102 display: inline-block;
8103 font-size: smaller;
8104 margin-left: 3px;
8105 }
8106 .vbo-graph-introtitle {
8107 display: block;
8108 font-weight: bold;
8109 margin-bottom: 10px;
8110 text-align: center;
8111 }
8112 .vbo-graph-introtitle span {
8113 font-size: 18px;
8114 color: var(--vbo-config-title-color);
8115 }
8116 .vbo-graphstats-thirdright-nights-bestworst {
8117 padding: 0;
8118 }
8119 .vbo-graphstats-thirdright-nights-bestworst > span {
8120 font-weight: bold;
8121 display: block;
8122 }
8123 .vbo-chart-icon-negative {
8124 color: var(--vbo-red-color);
8125 }
8126 .vbo-chart-icon-positive {
8127 color: var(--vbo-green-color);
8128 }
8129
8130 /* Graphs & Statistics - End */
8131 /* Invoices - Start */
8132 .vbo-invoices-wrapper {
8133 display: block;
8134 overflow: hidden;
8135 padding: 15px;
8136 margin-bottom: 20px;
8137 background: var(--vbo-config-child-bg-color);
8138 }
8139 .vbo-invoices-inv-container {
8140 position: relative;
8141 margin: 10px;
8142 width: 300px;
8143 height: 235px;
8144 z-index : 1;
8145 float:left;
8146 background: var(--vbo-config-bg-color);
8147 box-shadow: 0 0 10px rgba(0,0,0,.08);
8148 border: 1px solid var(--vbo-basic-btn);
8149 border-radius: 5px;
8150 -webkit-perspective: 1000;
8151 perspective: 1000;
8152 }
8153 .vbo-invoices-inv-inner {
8154 cursor: pointer;
8155 width: 100%;
8156 height: 100%;
8157 -webkit-transform-style: preserve-3d;
8158 -webkit-transition: all 0.7s linear;
8159 transform-style: preserve-3d;
8160 transition: all 0.7s linear;
8161 }
8162 .vbo-invoices-inv-container.vbo-invoice-active {
8163 border: 1px solid var(--vbo-base-color);
8164 }
8165 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8166 -webkit-transform: rotateY(180deg);
8167 transform: rotateY(180deg);
8168 }
8169 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8170 padding: 8px 15px;
8171 box-shadow: none;
8172 border-color: var(--vbo-config-border-color);
8173 }
8174 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8175 background-color: var(--vbo-light-color-btn);
8176 }
8177 .vbo-invoices-inv-face {
8178 position: absolute;
8179 width: 100%;
8180 height: 100%;
8181 backface-visibility: hidden;
8182 -webkit-backface-visibility: hidden;
8183 }
8184 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8185 display: flex;
8186 flex-wrap: wrap;
8187 display: block;
8188 -webkit-transform: rotateY(180deg);
8189 transform: rotateY(180deg);
8190 box-sizing: border-box;
8191 text-align: center;
8192 background-color: var(--vbo-config-bg-color);
8193 border-radius: 5px;
8194 }
8195 .vbo-invoices-inv-frontright {
8196 overflow: hidden;
8197 padding: 10px;
8198 }
8199 .vbo-invoices-inv-entry {
8200 display: block;
8201 margin-bottom: 5px;
8202 }
8203 .vbo-invoices-inv-entry-custname {
8204 margin-top: 5px;
8205 }
8206 .vbo-invoices-inv-entry-lbl {
8207 display: inline-block;
8208 margin-right: 5px;
8209 font-weight: bold;
8210 }
8211 .vbo-invoices-inv-entry-val {
8212 display: inline-block;
8213 vertical-align: top;
8214 }
8215 .vbo-invoices-inv-ckbox {
8216 position: absolute;
8217 top: 5px;
8218 left: 5px;
8219 margin: 1px;
8220 }
8221 .vbo-invoices-inv-back-commands {
8222 margin:10px 0;
8223 }
8224 .vbo-invoices-inv-back-commands .btn {
8225 margin:2px;
8226 }
8227 .vbo-invoices-inv-back-entries {
8228 background: var(--vbo-basic-btn-hover);
8229 border-top:1px solid var(--vbo-config-border-color);
8230 padding: 10px 20px;
8231 font-size: 12px;
8232 width: auto;
8233 display: inline-block;
8234 border-radius: 4px;
8235 margin: 2px;
8236 text-align: left;
8237 }
8238 .vbo-invoices-inv-entry-val small {
8239 font-size: 12px;
8240 }
8241 .vbo-invoices-inv-entry-val .label {
8242 margin-left: 3px;
8243 }
8244 .vbo-invoices-inv-frontleft {
8245 position: relative;
8246 }
8247 .vbo-invoices-inv-totals {
8248 position: absolute;
8249 bottom: 2px;
8250 width: calc(100% - 10px);
8251 display: flex;
8252 flex-wrap: wrap;
8253 padding: 6px;
8254 box-sizing: border-box;
8255 border: 1px solid var(--vbo-config-border-color);
8256 margin: 5px;
8257 border-radius: 4px;
8258 }
8259 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8260 font-weight: bold;
8261 margin-right: 5px;
8262 }
8263 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8264 margin-left: auto;
8265 }
8266 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8267 padding: 2px 6px;
8268 }
8269 /* Invoices - End */
8270 /* Snapshot - Start */
8271 .vbo-info-overlay-snapshot {
8272 position: fixed;
8273 left: 50%;
8274 top: 50%;
8275 transform: translate(-50%, -50%);
8276 width: 40%;
8277 height: 60%;
8278 z-index: 101;
8279 padding: 20px;
8280 border-radius: 5px;
8281 background-color: var(--vbo-config-bg-color);
8282 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8283 }
8284 .vbo-info-overlay-snapshot-controls {
8285 display: block;
8286 text-align: center;
8287 }
8288 .vbo-info-overlay-snapshot-controls button {
8289 margin: 0 5px;
8290 }
8291 .vbo-info-overlay-snapshot-controls button i {
8292 margin-right: 5px;
8293 }
8294 .vbo-info-overlay-snapshot-movie {
8295 display: block;
8296 text-align: center;
8297 overflow: auto;
8298 margin: 10px auto;
8299 }
8300 .vbo-cur-idscan {
8301 display: inline-block;
8302 background: var(--vbo-main-bg-color);
8303 padding: 10px 15px;
8304 border-radius: 2px;
8305 border: 1px solid var(--vbo-config-border-color);
8306 color: var(--vbo-config-title-color);
8307 white-space: nowrap;
8308 overflow: hidden;
8309 text-overflow: ellipsis;
8310 max-width: 120px;
8311 margin: 0px 0 0px 10px;
8312 vertical-align: top;
8313 }
8314
8315 /* Snapshot - End */
8316 /* Draggable Elements - Start */
8317 .vbo-draggable-sp {
8318 width: 98%;
8319 cursor: move;
8320 }
8321 .vbo-dragging-sp {
8322 border-radius: 8px;
8323 border: 1px dashed var(--vbo-config-title-color);
8324 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8325 }
8326 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8327 border-right: 0;
8328 border-radius: 0;
8329 }
8330 .vbo-dragging-cells-tmp {
8331 border-radius: 8px;
8332 border: 1px dashed var(--vbo-config-bg-color);
8333 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8334 }
8335 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8336 margin: 0 !important;
8337 }
8338 .vbo-dragged-cells-tmp {
8339 border-radius: 8px;
8340 border: 1px dashed var(--vbo-config-bg-color);
8341 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8342 animation: Vikshake 0.5s ease-in-out;
8343 -webkit-animation: Vikshake 0.5s ease-in-out;
8344 -moz-animation: Vikshake 0.5s ease-in-out;
8345 }
8346 @keyframes Vikshake {
8347 0% {
8348 transform: translateX(0);
8349 }
8350 20% {
8351 transform: translateX(-10px);
8352 }
8353 40% {
8354 transform: translateX(10px);
8355 }
8356 60% {
8357 transform: translateX(-10px);
8358 }
8359 80% {
8360 transform: translateX(10px);
8361 }
8362 100% {
8363 transform: translateX(0);
8364 }
8365 }
8366 @-webkit-keyframes Vikshake {
8367 0% {
8368 transform: translateX(0);
8369 }
8370 20% {
8371 transform: translateX(-10px);
8372 }
8373 40% {
8374 transform: translateX(10px);
8375 }
8376 60% {
8377 transform: translateX(-10px);
8378 }
8379 80% {
8380 transform: translateX(10px);
8381 }
8382 100% {
8383 transform: translateX(0);
8384 }
8385 }
8386 @-moz-keyframes Vikshake {
8387 0% {
8388 transform: translateX(0);
8389 }
8390 20% {
8391 transform: translateX(-10px);
8392 }
8393 40% {
8394 transform: translateX(10px);
8395 }
8396 60% {
8397 transform: translateX(-10px);
8398 }
8399 80% {
8400 transform: translateX(10px);
8401 }
8402 100% {
8403 transform: translateX(0);
8404 }
8405 }
8406 .vboverviewtable > * {
8407 -webkit-touch-callout: none;
8408 -webkit-user-select: none;
8409 -moz-user-select: none;
8410 -ms-user-select: none;
8411 }
8412 table.vboverviewtable td.vbo-overv-avcell {
8413 position: relative;
8414 }
8415 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8416 min-width: 80px;
8417 max-width: 80px;
8418 height: 50px;
8419 }
8420 table.vboverviewtable th, table.vboverviewtable td {
8421 -moz-box-sizing: border-box;
8422 -webkit-box-sizing: border-box;
8423 box-sizing: border-box;
8424 border-right: 1px solid var(--vbo-config-border-color);
8425 border-bottom: 1px solid var(--vbo-config-border-color);
8426 }
8427 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8428 padding: 10px;
8429 }
8430 table.vboverviewtable tr:last-child td {
8431 border-bottom: 0;
8432 }
8433 table.vboverviewtable td:last-child {
8434 border-right: 0;
8435 }
8436 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8437 position: relative;
8438 }
8439 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8440 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8441 position: absolute;
8442 top: 50%;
8443 left: 50%;
8444 transform: translate(-50%, -50%);
8445 overflow: auto;
8446 text-align: center;
8447 }
8448 .vbo-overv-row-snake td {
8449 padding-bottom: 16px;
8450 vertical-align: bottom;
8451 }
8452 .vboverviewtablerow .vbo-checkinday span {
8453 margin-top: -2px;
8454 display: block;
8455 }
8456 .vboverviewtablerow-subunit td {
8457 position: relative;
8458 }
8459 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8460 position: absolute;
8461 }
8462 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8463 top: auto;
8464 left: auto;
8465 right: 3px;
8466 bottom: 1px;
8467 transform: none;
8468 cursor: pointer;
8469
8470 visibility: hidden;
8471 }
8472 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8473 top: auto;
8474 left: auto;
8475 right: 3px;
8476 bottom: 0;
8477 transform: none;
8478 }
8479 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8480 animation: 1s vbonotefadeIn;
8481 animation-fill-mode: forwards;
8482 }
8483
8484 @keyframes vbonotefadeIn {
8485 99% {
8486 visibility: hidden;
8487 }
8488 100% {
8489 visibility: visible;
8490 }
8491 }
8492 .vbo-roomdaynote-full:before {
8493 content: "";
8494 width: 100%;
8495 height: 3px;
8496 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);;
8497 position: absolute;
8498 bottom: 0;
8499 left: 0;
8500 }
8501 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8502 height: 19px;
8503 }
8504 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8505 content: attr(data-notes);
8506 color: #fff;
8507 font-size: 12px;
8508 position: absolute;
8509 bottom: 1px;
8510 left: 4px;
8511 width: max-content;
8512 z-index: 1;
8513 max-width: 200px;
8514 white-space: nowrap;
8515 overflow: hidden;
8516 text-overflow: ellipsis;
8517 }
8518 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8519 color: var(--vbo-base-color);
8520 font-size: 14px;
8521 }
8522 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8523 color: var(--vbo-base-color-hover);
8524 opacity: .8;
8525 }
8526 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8527 color: var(--vbo-config-bg-color);
8528 }
8529 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8530 color: var(--vbo-base-color-hover);
8531 }
8532 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8533 opacity: .8;
8534 }
8535 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8536 color: var(--vbo-config-bg-color);
8537 }
8538 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8539 color: #fff;
8540 z-index: 10;
8541 }
8542 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8543 color: #b8d5f5;
8544 }
8545 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8546 width: calc(70% - 15px);
8547 }
8548 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8549 width: calc(34% - 20px);
8550 }
8551 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8552 width: calc(34% - 10px);
8553 }
8554 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8555 width: 40px;
8556 text-overflow: ellipsis;
8557 overflow: hidden;
8558 text-align: left;
8559 }
8560 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8561 width: 110px;
8562 text-overflow: ellipsis;
8563 overflow: hidden;
8564 text-align: left;
8565 }
8566 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8567 width: 190px;
8568 text-overflow: ellipsis;
8569 overflow: hidden;
8570 text-align: left;
8571 }
8572 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8573 width: auto !important;
8574 }
8575 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8576 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8577 width: 50%;
8578 }
8579 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8580 display: none;
8581 }
8582 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8583 display: inline-block;
8584 margin-left: 5px;
8585 }
8586 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8587 font-weight: bold;
8588 }
8589 .vbo-modal-roomdaynotes-addnew {
8590 border: 1px solid var(--vbo-config-border-color);
8591 padding: 10px 20px 20px;
8592 border-radius: 4px;
8593 background: var(--vbo-config-child-bg-color);
8594 }
8595 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8596 margin: 10px 0;
8597 }
8598 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8599 display: block;
8600 margin-bottom: 5px;
8601 }
8602 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8603 width: 100% !important;
8604 box-sizing: border-box;
8605 min-height: 80px;
8606 }
8607 tr.vboverviewtablerow-subunit {
8608 display: none;
8609 }
8610 .vbo-info-overlay-content-fests {
8611 padding: 0;
8612 }
8613 .vbo-info-overlay-content-fests > h3 {
8614 padding-top: 15px;
8615 padding-bottom: 15px;
8616 }
8617 .vbo-overlay-fests-list {
8618 padding: 10px 30px;
8619 }
8620 .vbo-overlay-fest-details {
8621 display: flex;
8622 margin: 4px 0 15px;
8623 padding: 10px;
8624 border: 1px solid var(--vbo-config-border-color);
8625 border-radius: 4px;
8626 }
8627 .vbo-roverw-roomdaynotes-title {
8628 font-size: 15px;
8629 margin-bottom: 7px;
8630 }
8631 .vbo-roverv-roomdaynotes-note-details {
8632 border: 1px solid #bce3ec;
8633 }
8634 .vbo-overlay-fest-details .vbo-fest-info {
8635 margin-right: 15px;
8636 align-self: center;
8637 }
8638 .vbo-overlay-fest-details .vbo-fest-cmds {
8639 margin-left: auto;
8640 }
8641 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8642 margin-right: 0;
8643 }
8644 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8645 font-size: 1.1em;
8646 font-weight: bold;
8647 }
8648 .vbo-overlay-fests-addnew {
8649 margin: 0 30px 30px;
8650 border: 1px solid var(--vbo-config-border-color);
8651 padding: 15px;
8652 background: var(--vbo-config-child-bg-color);
8653 }
8654 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8655 width: 70% !important;
8656 }
8657 .vbo-info-overlay-content input#invoice_num[type="number"] {
8658 width: 115px !important;
8659 }
8660 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8661 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8662 border: 1px solid var(--vbo-config-border-color);
8663 border-radius: 2px;
8664 padding: 5px 10px;
8665 }
8666 .vbo-overlay-fests-addnew-elem textarea {
8667 width: 100%;
8668 min-height: 80px;
8669 box-sizing: border-box;
8670 }
8671 .vbo-ovrv-flt-butn {
8672 position: fixed;
8673 bottom: 40px;
8674 right: 10px;
8675 padding: 8px;
8676 border-radius: 4px;
8677 background: none repeat scroll 0 0 #02679a;
8678 color: #fff;
8679 cursor: pointer;
8680 }
8681 .vbo-ovrv-flt-butn-shake {
8682 animation: Vikshake 0.5s ease-in-out;
8683 -webkit-animation: Vikshake 0.5s ease-in-out;
8684 -moz-animation: Vikshake 0.5s ease-in-out;
8685 }
8686 span.vbo-overview-subroom-toggle {
8687 cursor: pointer;
8688 margin-left: auto;
8689 margin-right: 1px;
8690 margin-top: 5px;
8691 }
8692 span.vbo-overview-subroom-toggle i {
8693 color: var(--vbo-config-title-color);
8694 }
8695 span.vbo-overview-subroom-toggle-active i {
8696 color: var(--vbo-base-color);
8697 }
8698 .vbo-info-overlay-loading-dnd {
8699 color: var(--vbo-config-bg-color);
8700 display: block;
8701 font-size: 30px;
8702 left: 20%;
8703 position: fixed;
8704 text-align: center;
8705 top: 20%;
8706 width: 60%;
8707 padding: 30px;
8708 z-index: 101;
8709 background: var(--vbo-config-title-color);
8710 border-radius: 20px;
8711 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8712 }
8713 .vbo-loading-dnd-head {
8714 display: block;
8715 font-weight: bold;
8716 }
8717 .vbo-loading-dnd-body {
8718 display: block;
8719 font-size: smaller;
8720 margin-top: 30px;
8721 }
8722 .vbo-loading-dnd-response {
8723 background: var(--vbo-body-text-color);
8724 border-radius: 8px;
8725 display: block;
8726 font-size: 15px;
8727 margin: 15px auto 0;
8728 padding: 25px;
8729 }
8730 .vbo-loading-dnd-footer {
8731 display: block;
8732 font-size: smaller;
8733 margin-top: 30px;
8734 }
8735 #vbo-dnd-response form {
8736 margin-top: 10px;
8737 }
8738 #vbo-dnd-canvas-success {
8739 height: 100px;
8740 }
8741 /* Draggable Elements - End */
8742 /* Overview Tooltip - Start */
8743 .vbo-overview-tipblock {
8744 bottom: 0;
8745 color: var(--vbo-body-text-color);
8746 max-height: 400px;
8747 min-height: 140px;
8748 overflow: auto;
8749 position: absolute;
8750 right: 0;
8751 width: 400px;
8752 z-index: 1001;
8753 }
8754 .vbo-overview-tipblock-expanded {
8755 width: 800px;
8756 min-height: 240px;
8757 right: 0;
8758 }
8759 .vbo-overview-tipexpander {
8760 position: absolute;
8761 top: 1px;
8762 left: 1px;
8763 }
8764 .vbo-overview-expandtoggle {
8765 display: inline-block;
8766 width: 26px;
8767 height: 26px;
8768 line-height: 24px;
8769 color: #fff;
8770 background: #666;
8771 text-align: center;
8772 border-radius: 2px;
8773 font-size: 14px;
8774 cursor: pointer;
8775 }
8776 .vbo-overview-expandtoggle:hover {
8777 background: #999;
8778 }
8779 .vbo-overview-tipinner {
8780 display: block;
8781 padding: 10px 0 0 5px;
8782 }
8783 .vbo-overview-tiploading {
8784 display: block;
8785 font-weight: bold;
8786 background-color: rgba(255,255,255, .9);
8787 padding: 10px 15px;
8788 border-radius: 3px;
8789 box-shadow: 0 0 10px rgba(0,0,0,.1);
8790 }
8791 .vbo-overview-tip-bookingcont {
8792 margin: 4px 0;
8793 position: relative;
8794 display: flex;
8795 font-size: 12px;
8796 box-shadow: 0 0 10px rgba(0,0,0,.1);
8797 }
8798 .vbo-overview-tip-bookingcont:first-child {
8799 margin-top: 0;
8800 }
8801 .vbo-overview-tip-bookingcont:last-child {
8802 margin-bottom: 0;
8803 }
8804 .vbo-overview-tip-bookingcont-left {
8805 flex-basis: 35%;
8806 display: inline-block;
8807 vertical-align: top;
8808 text-align: left;
8809 background-color: rgba(232,235,240, .9);
8810 padding: 15px 20px;
8811 border-top-left-radius: 3px;
8812 border-bottom-left-radius: 3px;
8813 }
8814 .vbo-overview-tip-bookingcont-right {
8815 flex: 1;
8816 display: inline-block;
8817 vertical-align: top;
8818 text-align: left;
8819 background-color: rgba(255,255,255, .9);
8820 padding: 10px 20px;
8821 border-top-right-radius: 3px;
8822 border-bottom-right-radius: 3px;
8823 }
8824 .vbo-overview-tip-bookingcont-right > div,
8825 .vbo-overview-tip-bookingcont-left > div {
8826 margin: 5px 0;
8827 line-height: 1.3em;
8828 white-space: break-spaces;
8829 }
8830 .vbo-overview-tip-bookingcont span {
8831 margin-top: 0 !important;
8832 position: relative !important;
8833 left: auto !important;
8834 top: auto !important;
8835 transform: initial !important;
8836 text-align: left !important;
8837 overflow: initial !important;
8838 }
8839 .vbo-overview-tip-bookingcont-total {
8840 border-top: 1px solid var(--vbo-config-border-color);
8841 text-align: right;
8842 font-size: 13px;
8843 padding-top: 2px;
8844 }
8845 .vbo-overview-tip-cnt .vbo-channelimg-small {
8846 max-width: 70px;
8847 }
8848 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
8849 float: inherit;
8850 padding-left: 5px;
8851 vertical-align: bottom;
8852 }
8853 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
8854 font-weight: bold;
8855 display: block;
8856 color: var(--vbo-config-titles-color-light);
8857 text-transform: uppercase;
8858 font-size: 11px;
8859 }
8860 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
8861 float: right;
8862 }
8863 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
8864 display: inline-block;
8865 margin-right: 3px;
8866 }
8867 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
8868 font-weight: bold;
8869 display: inline-block;
8870 }
8871 .vbo-overview-tip-optindexes select {
8872 max-width: 180px !important;
8873 }
8874 .vbo-overview-tip-bstatus .label {
8875 background: transparent !important;
8876 padding: 0;
8877 font-size: inherit;
8878 line-height: auto;
8879 text-transform: uppercase;
8880 }
8881 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
8882 background: transparent !important;
8883 color: var(--vbo-green-color) !important;
8884 }
8885 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
8886 color: var(--vbo-warning-color) !important;
8887 background: transparent !important;
8888 }
8889 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
8890 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
8891 color: var(--vbo-red-color) !important;
8892 background: transparent !important;
8893 }
8894 .vbo-overview-tip-lbl .tooltip {
8895 min-width: 140px !important;
8896 }
8897 .vbo-overview-tip-bctag-wrap {
8898 z-index: 10;
8899 margin: 15px 0 0;
8900 position: relative;
8901 }
8902 .vbo-overview-tip-bctag {
8903 background-color: var(--vbo-config-bg-color);
8904 border: 1px solid var(--vbo-config-border-color);
8905 border-radius: 4px;
8906 cursor: pointer;
8907 height: 22px;
8908 width: 22px;
8909 text-align: center;
8910 vertical-align: top;
8911 font-size: 10px !important;
8912 line-height: 25px !important;
8913 }
8914 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
8915 margin: 0;
8916 }
8917 .vbo-overview-tip-bctag i[class^="vboicn-"] {
8918 margin-right: 0;
8919 }
8920 .vbo-overview-tip-bctag-subtip {
8921 background-color: var(--vbo-config-bg-color);
8922 left: 37px;
8923 position: absolute;
8924 top: -9px;
8925 width: 250px;
8926 z-index: 1000001;
8927 padding: 7px;
8928 box-shadow: 0 4px 4px rgba(0,0,0, .3);
8929 border-radius: 2px;
8930 }
8931 .vbo-overview-tip-bctag-subtip:before {
8932 content: "";
8933 position: absolute;
8934 top:50%;
8935 left: -8px;
8936 transform: translate(0, -50%);
8937 width: 0;
8938 height: 0;
8939 border-style: solid;
8940 border-width: 5px 8px 5px 0;
8941 border-color: transparent #fff transparent transparent;
8942 }
8943 .vbo-overview-tip-bctag-subtip-circle {
8944 border-radius: 50%;
8945 display: inline-block;
8946 height: 16px;
8947 margin: 2px;
8948 width: 16px;
8949 cursor: pointer;
8950 padding: 1px;
8951 border: 1px solid var(--vbo-config-bg-color);
8952 }
8953 .vbo-overview-tip-bctag-subtip-circle > div {
8954 width: 100%;
8955 height: 100%;
8956 border-radius: 50%;
8957 }
8958
8959 .vbo-blist-tip-bctag-subtip {
8960 position: relative;
8961 }
8962 .vbo-blist-tip-bctag-subtip-inner {
8963 background-color: var(--vbo-config-bg-color);
8964 left: 50%;
8965 position: absolute;
8966 top: 0;
8967 width: 250px;
8968 z-index: 99;
8969 padding: 7px;
8970 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
8971 border-radius: 4px;
8972 transform: translate(-50%, 0%);
8973 }
8974 .vbo-blist-tip-bctag-subtip-circle {
8975 border-radius: 50%;
8976 display: inline-block;
8977 height: 16px;
8978 margin: 2px;
8979 width: 16px;
8980 cursor: pointer;
8981 padding: 1px;
8982 border: 1px solid #fff;
8983 }
8984 .vbo-blist-tip-bctag-subtip-circle > div {
8985 width: 100%;
8986 height: 100%;
8987 border-radius: 50%;
8988 }
8989 .vbo-overview-tagslegend {
8990 display: inline-block;
8991 margin-top: 5px;
8992 }
8993 .vbo-overview-legend-tag {
8994 float: left;
8995 margin-right: 4px;
8996 }
8997 .vbo-overview-tagslegend-lbl {
8998 display: inline-block;
8999 font-size: 12px;
9000 float: left;
9001 font-weight: bold;
9002 margin-right: 5px;
9003 }
9004 /* Overview Tooltip - End */
9005 /* Booking Checkin - Start */
9006 .vbo-bookdet-container {
9007 padding: 15px 20px 5px;
9008 background: var(--vbo-config-bg-color);
9009 border: 1px solid var(--vbo-basic-btn);
9010 box-shadow: 0 0 10px rgba(0,0,0,.1);
9011 margin-bottom: 20px;
9012 border-radius: 4px;
9013 text-align: left;
9014 box-sizing: border-box;
9015 }
9016 .vbo-bookdet-wrap {
9017 display: inline-block;
9018 margin: 0 10px 10px 10px;
9019 min-width: 50px;
9020 vertical-align: top;
9021 border-right: 1px solid var(--vbo-config-border-color);
9022 padding-right: 20px;
9023 }
9024 .vbo-bookdet-wrap:last-child {
9025 border: 0;
9026 }
9027 .vbo-bookdet-head {
9028 color: var(--vbo-config-titles-color-light);
9029 margin: 0;
9030 overflow-wrap: break-word;
9031 padding: 3px 0;
9032 text-align: left;
9033 position: relative;
9034 font-weight: bold;
9035 text-transform: uppercase;
9036 font-size: 11px;
9037 }
9038 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
9039 margin-left: 5px;
9040 }
9041 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
9042 margin-right: 5px !important;
9043 }
9044 .vbo-bookdet-foot {
9045 font-size: 16px;
9046 font-weight: bold;
9047 overflow-wrap: break-word;
9048 text-align: left;
9049 padding: 3px 0;
9050 }
9051 .vbo-customer-info-box {
9052 display: inline-block;
9053 }
9054 .vbo-customer-info-box .vbo-customer-info-box-avatar {
9055 margin-right: 3px;
9056 vertical-align: middle;
9057 display: inline-block;
9058 }
9059 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
9060 border-radius: 50%;
9061 display: inline-block;
9062 cursor: pointer;
9063 object-fit: cover;
9064 }
9065 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
9066 width: 30px;
9067 height: 30px;
9068 object-fit: cover;
9069 }
9070 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
9071 width: 48px;
9072 height: 48px;
9073 object-fit: cover;
9074 }
9075 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
9076 width: 64px;
9077 height: 64px;
9078 object-fit: cover;
9079 }
9080 .vbo-customer-info-box .vbo-customer-info-box-name {
9081 display: inline-block;
9082 vertical-align: middle;
9083 }
9084 .vbo-bookdet-foot .btn-primary {
9085 border: var(--vbo-base-color);
9086 padding: 3px 12px;
9087 font-weight: bold;
9088 }
9089 .vbo-bookdet-foot .label {
9090 padding: 5px 14px !important;
9091 font-size: 12px;
9092 border-radius: 24px;
9093 letter-spacing: .3px;
9094 }
9095 .vbo-label-overbooking {
9096 cursor: pointer;
9097 }
9098 .vbo-label-overbooking:hover {
9099 background-color: var(--vbo-red-color-hover) !important;
9100 }
9101 .vbo-label-nested.vbo-label-overbooking {
9102 padding: 3px 5px !important;
9103 font-weight: 500;
9104 line-height: 12px;
9105 font-size: 11px;
9106 }
9107 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
9108 padding: 4px 12px;
9109 font-size: 13px;
9110 }
9111 .vbo-bookdet-foot .vbo-dorefund-btn {
9112 position: relative;
9113 }
9114 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
9115 content: attr(data-totrefunds);
9116 position: absolute;
9117 background-color: var(--vbo-config-bg-color);
9118 color: var(--vbo-config-title-color);
9119 font-weight: bold;
9120 font-size: 13px;
9121 border-radius: 4px;
9122 text-align: center;
9123 padding: 1px 4px;
9124 top: -8px;
9125 border: 2px solid var(--vbo-red-color);
9126 right: -12px;
9127 box-shadow: 0 2px 4px rgba(0,0,0,.15);
9128 }
9129 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9130 padding: 15px 20px 5px;
9131 background: var(--vbo-config-bg-color);
9132 border: 1px solid var(--vbo-main-bg-color);
9133 box-shadow: 0 0 10px rgba(0,0,0,.1);
9134 margin-bottom: 5px;
9135 border-radius: 4px;
9136 text-align: left;
9137 box-sizing: border-box;
9138 }
9139 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9140 padding: 10px 20px 10px;
9141 }
9142 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9143 display: inline-block;
9144 }
9145 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9146 font-weight: bold;
9147 }
9148 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9149 display: inline-block;
9150 }
9151 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9152 padding: 8px 11px;
9153 margin-left: 15px;
9154 }
9155 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9156 padding: 10px 20px 10px;
9157 display: flex;
9158 flex-wrap: wrap;
9159 }
9160 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9161 display: inline-block;
9162 align-self: center;
9163 }
9164 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9165 display: inline-block;
9166 vertical-align: top;
9167 margin-left: 15px;
9168 flex: 1;
9169 }
9170 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9171 margin-bottom: 5px
9172 }
9173 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9174 margin-bottom: 0;
9175 }
9176 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9177 font-weight: bold;
9178 font-size: 1.1em;
9179 }
9180 .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 {
9181 display: block;
9182 }
9183 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9184 font-style: italic;
9185 }
9186 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9187 width: 100%;
9188 display: inline-block;
9189 border-bottom: 1px solid var(--vbo-config-border-color);
9190 padding: 20px 0 0;
9191 margin-bottom: -5px;
9192 }
9193 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9194 float: left;
9195 text-align: center;
9196 color: var(--vbo-config-titles-color-light);
9197 }
9198 .vbo-bookingdet-innercontainer {
9199 display: flex;
9200 -ms-flex-wrap: wrap;
9201 -webkit-flex-wrap: wrap;
9202 flex-wrap: wrap;
9203 }
9204 .vbo-bookingdet-innercontainer > div {
9205 padding: 18px;
9206 }
9207 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9208 background: var(--vbo-config-bg-color);
9209 padding: 15px;
9210 border-radius: 8px;
9211 margin: 10px 0;
9212 position: relative;
9213 }
9214 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9215 margin-top: 0;
9216 }
9217 .vbo-bookingdet-admin-entry > span {
9218 margin-bottom: 4px;
9219 display: inline-block;
9220 font-weight: bold;
9221 color: var(--vbo-config-titles-color-light);
9222 }
9223 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9224 font-weight: bold;
9225 text-transform: uppercase;
9226 margin-bottom: 5px;
9227 }
9228 .vbo-bookingdet-detcont > div {
9229 margin: 8px 0;
9230 }
9231 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9232 margin-top: 20px;
9233 }
9234 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9235 width: 100px !important;
9236 }
9237 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9238 display: flex;
9239 width: 100%;
9240 box-sizing: border-box;
9241 padding: 5px 6px !important;
9242 font-size: 12px;
9243 }
9244 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9245 align-self: center;
9246 margin-right: 8px;
9247 }
9248 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9249 margin-left: auto;
9250 padding: 4px 10px;
9251 }
9252 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9253 background-color: transparent !important;
9254 border: 1px solid var(--vbo-blue-color);
9255 color: var(--vbo-blue-color);
9256 }
9257 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9258 background: var(--vbo-blue-color);
9259 }
9260 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9261 background-color: transparent !important;
9262 border: 1px solid var(--vbo-green-color);
9263 color: var(--vbo-green-color);
9264 }
9265 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9266 background: var(--vbo-green-color) !important;
9267 }
9268 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9269 background: var(--vbo-green-color-hover);
9270 }
9271 .vbo-bookingdet-detcont-label-review {
9272 margin-top: 20px;
9273 display: inline-block;
9274 }
9275 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9276 border: 1px solid var(--vbo-orange-color);
9277 background: var(--vbo-config-bg-color) !important;
9278 color: var(--vbo-orange-color);
9279 }
9280 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9281 color: var(--vbo-orange-color) !important;
9282 display: block;
9283 }
9284 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9285 background: transparent;
9286 }
9287 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9288 color: var(--vbo-orange-color-hover) !important;
9289 }
9290 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9291 background: var(--vbo-config-child-bg-color);
9292 }
9293 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9294 width: 100% !important;
9295 box-sizing: border-box;
9296 height: auto;
9297 }
9298 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9299 margin: 0 0 10px;
9300 vertical-align: top;
9301 display: inline-block;
9302 width: 43%;
9303 padding: 0 5px;
9304 }
9305 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9306 display: block;
9307 font-weight: bold;
9308 font-size: 1em;
9309 color: var(--vbo-config-title-color);
9310 }
9311 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9312 word-wrap: break-word;
9313 }
9314 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9315 border: 2px solid var(--vbo-red-color);
9316 }
9317 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9318 -webkit-flex: 0 0 20%;
9319 -ms-flex: 0 0 20%;
9320 flex: 0 0 20%;
9321 }
9322 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9323 -webkit-flex: 1;
9324 -ms-flex: 1;
9325 flex: 1;
9326 }
9327 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9328 font-weight: bold;
9329 }
9330 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9331 font-size: 1.2em;
9332 }
9333 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9334 -webkit-flex: 1;
9335 -ms-flex: 1;
9336 flex: 1;
9337 background: var(--vbo-config-bg-color);
9338 border-radius: 8px;
9339 margin: 18px 15px 20px;;
9340 padding: 0;
9341 }
9342 .vbo-bookingdet-noteslogs-btns {
9343 border-top-left-radius: 8px;
9344 border-top-right-radius: 8px;
9345 background: var(--vbo-config-child-bg-color);
9346 padding: 0;
9347 border-bottom: 1px solid var(--vbo-config-border-color);
9348 }
9349 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9350 display: inline-block;
9351 }
9352 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9353 margin-right: 5px;
9354 }
9355 .vbo-bookingdet-noteslogs-btn a {
9356 font-weight: bold;
9357 text-transform: uppercase;
9358 padding: 16px 20px;
9359 display: inline-block;
9360 color: var(--vbo-config-titles-color-light);
9361 }
9362 .vbo-bookingdet-noteslogs-btn-active a {
9363 border-bottom: 2px solid var(--vbo-base-color);
9364 color: var(--vbo-base-color);
9365 background: var(--vbo-config-bg-color);
9366 }
9367 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9368 border: 0;
9369 background: transparent;
9370 padding: 0;
9371 }
9372 .vbo-bookingdet-noteslogs-cont {
9373 padding: 10px;
9374 }
9375 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9376 max-width: 100%;
9377 width: 100%;
9378 box-sizing: border-box;
9379 }
9380 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9381 width: 100% !important;
9382 box-sizing: border-box;
9383 padding: 15px;
9384 background: var(--vbo-config-child-bg-color);
9385 }
9386 .vbo-booking-history-firstrow, .vbo-booking-takings-firstrow {
9387 font-size: .9em;
9388 text-transform: uppercase;
9389 font-weight: bold;
9390 color: var(--vbo-config-titles-color-light);
9391 border: 0;
9392 }
9393 .vbo-booking-history-container tbody {
9394 border: 0 !important;
9395 }
9396 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9397 font-weight: bold;
9398 }
9399 .vbo-booking-history-container > .table > tbody > tr > td {
9400 white-space: normal !important;
9401 }
9402 .vbo-booking-takings-container tfoot td {
9403 background-color: var(--vbo-light-color-btn);
9404 font-weight: bold;
9405 }
9406 .vbo-editbooking-custarea textarea {
9407 height: 250px;
9408 max-height: 400px;
9409 }
9410 .vbo-bookingdet-summary .table-responsive {
9411 background: var(--vbo-config-bg-color);
9412 border-radius: 8px;
9413 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9414 }
9415 .vbo-bookingdet-summary .table {
9416 margin-bottom: 0;
9417 }
9418 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9419 border-top: 0;
9420 }
9421 .vbo-bookingdet-summary .table td {
9422 padding: 10px 15px;
9423 }
9424 .vbo-editbooking-summary-room {
9425 background: var(--vbo-config-bg-color);
9426 border-radius: 8px;
9427 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9428 margin-bottom: 20px;
9429 padding-bottom: 15px;
9430 }
9431 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9432 padding: 15px;
9433 white-space: normal;
9434 }
9435 .vbo-bookingdet-summary-room-firstcell {
9436 width: 33%;
9437 }
9438 .vbo-bookingdet-summary-roomnum {
9439 font-size: 1.4em;
9440 display: inline-block;
9441 margin: 0 0 10px;
9442 font-weight: bold;
9443 }
9444 .vbo-bookingdet-summary-roomnum i {
9445 border: 1px solid var(--vbo-config-border-color);
9446 padding: 5px;
9447 border-radius: 3px;
9448 margin-right: 6px;
9449 color: var(--vbo-config-text-color-light);
9450 font-size: 14px;
9451 }
9452 .vbo-bookingdet-summary-roomname {
9453 font-size: 1.4em;
9454 display: inline-block;
9455 font-weight: bold;
9456 }
9457 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9458 margin-top: 2px;
9459 }
9460 .vbo-wider-badges-wrap .badge {
9461 font-weight: normal;
9462 padding: 2px 6px;
9463 }
9464 .vbo-bookdet-splitstay-details {
9465 margin-top: 5px;
9466 min-width: initial;
9467 }
9468 .vbo-bookdet-splitstay-details > div {
9469 display: inline-block;
9470 }
9471 .vbo-bookdet-splitstay-details > div > span {
9472 border-right: 1px solid var(--vbo-basic-btn);
9473 }
9474 .vbo-bookdet-splitstay-details > div > span:last-child {
9475 border-right: 0;
9476 }
9477 .vbo-bookingdet-summary-room-wrap {
9478 display: flex;
9479 flex-wrap: wrap;
9480 }
9481 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9482 margin-left: auto;
9483 }
9484 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9485 float: right;
9486 }
9487 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9488 max-width: 200px;
9489 }
9490 .vbo-bookingdet-summary-roomguests {
9491 text-transform: uppercase;
9492 color: var(--vbo-config-titles-color-light);
9493 font-size: .9em;
9494 }
9495 .vbo-bookingdet-summary-roomguests > div {
9496 display: inline-block;
9497 margin-right: 4px;
9498 }
9499 .vbo-bookingdet-summary-total {
9500 background: var(--vbo-light-color-btn);
9501 font-weight: bold;
9502 }
9503 .vbo-bookingdet-summary-total > td {
9504 border-top: 2px solid var(--vbo-config-border-color);
9505 }
9506 .vbo-bookingdet-summary-totpaid {
9507 background: var(--vbo-config-child-bg-color);
9508 }
9509 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9510 color: var(--vbo-blue-color);
9511 }
9512 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9513 color: var(--vbo-red-color);
9514 }
9515 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9516 text-align: left;
9517 }
9518 .vbo-editbooking-summary-room > div {
9519 padding: 15px 15px 0;
9520 }
9521 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9522 font-weight: bold;
9523 text-transform: uppercase;
9524 }
9525 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9526 text-transform: initial;
9527 font-weight: normal;
9528 }
9529 .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 {
9530 display: inline-block;
9531 vertical-align: middle;
9532 margin: 0;
9533 }
9534 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9535 margin-right: 10px;
9536 }
9537 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9538 width: 16px;
9539 color: var(--vbo-config-text-color-light);
9540 }
9541 .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 {
9542 height: 25px;
9543 }
9544 .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 {
9545 left: 28px;
9546 }
9547 .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 {
9548 height: 20px;
9549 width: 20px;
9550 }
9551 .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 {
9552 height: 26px;
9553 }
9554 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9555 margin-top: 5px;
9556 border-top: 1px solid var(--vbo-config-border-color);
9557 padding-top: 10px;
9558 }
9559 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9560 border-top-left-radius: 8px;
9561 border-top-right-radius: 8px;
9562 background: var(--vbo-config-child-bg-color);
9563 border-bottom: 1px solid var(--vbo-config-border-color);
9564 padding-bottom: 15px;
9565 }
9566 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9567 margin-top: 8px;
9568 }
9569 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9570 margin-right: 5px;
9571 color: #999;
9572 }
9573 .vbo-editbooking-room-remove {
9574 float: right;
9575 display: inline-block;
9576 }
9577 .vbo-editbooking-summary-room > div > h4 {
9578 font-weight: bold;
9579 text-transform: uppercase;
9580 border-bottom: 1px solid var(--vbo-config-border-color);
9581 padding-bottom: 10px;
9582 }
9583 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9584 margin-right: 5px;
9585 display: inline-block;
9586 }
9587 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9588 color: var(--vbo-config-text-color-light);
9589 margin-right: 3px;
9590 }
9591 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9592 border-bottom: 0;
9593 margin-bottom: 0;
9594 }
9595 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9596 border-top: 1px solid var(--vbo-config-border-color);
9597 padding-top: 10px;
9598 }
9599 .vbo-editbooking-room-traveler-guestsinfo {
9600 padding: 0 5px;
9601 }
9602 .vbo-editbooking-room-traveler-guestsinfo > div {
9603 display: inline-block;
9604 vertical-align: top;
9605 margin: 5px 10px 5px 0;
9606 }
9607 .vbo-editbooking-room-traveler-guestsinfo > div i {
9608 color: var(--vbo-config-text-color-light);
9609 }
9610 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9611 margin-top: 36px;
9612 }
9613 .vbo-editbooking-room-traveler-guestsinfo label {
9614 display: block;
9615 font-size: 12px;
9616 font-weight: bold;
9617 color: var(--vbo-config-titles-color-light);
9618 margin-bottom: 2px;
9619 }
9620 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9621 background: var(--vbo-input-style);
9622 }
9623 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9624 display: grid;
9625 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9626 }
9627 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9628 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9629 display: inline-block;
9630 vertical-align: top;
9631 padding: 15px;
9632 margin: 5px;
9633 border-radius: 5px;
9634 border: 1px solid var(--vbo-config-border-color);
9635 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9636 }
9637 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9638 flex: 0 0 33%;
9639 }
9640 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9641 border: 1px solid var(--vbo-green-color);
9642 }
9643 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9644 flex: 0 0 33%;
9645 }
9646 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9647 display: inline-block;
9648 vertical-align: top;
9649 }
9650 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9651 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9652 color: var(--vbo-config-titles-color-light);
9653 font-weight: bold;
9654 }
9655 .vbo-editbooking-room-pricetype-cost {
9656 font-size: 18px;
9657 font-weight: bold;
9658 }
9659 .vbo-editbooking-room-pricetype-seltax {
9660 margin-top: 10px;
9661 }
9662 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9663 float: right;
9664 margin-top: 10px;
9665 }
9666 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
9667 display: block;
9668 margin-top: 10px;
9669 }
9670 .vbo-editbooking-room-pricetype-older-inner {
9671 display: inline-block;
9672 }
9673 .vbo-editbooking-room-pricetype-older-inner label {
9674 margin-bottom: 3px;
9675 }
9676 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
9677 font-size: 15px;
9678 }
9679 .vbo-editbooking-room-pricetype-check-older {
9680 display: inline-block;
9681 float: right;
9682 }
9683 .vbo-editbooking-room-service-price {
9684 font-size: 16px;
9685 font-weight: bold;
9686 }
9687 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
9688 text-transform: initial;
9689 }
9690 .vbo-editbooking-room-service-select select {
9691 margin-bottom: 0;
9692 }
9693 .vbo-editbooking-room-extracost {
9694 margin: 5px;
9695 }
9696 .vbo-editbooking-room-extracost > div {
9697 display: inline-block;
9698 vertical-align: top;
9699 margin: 0 5px 0 0;
9700 }
9701 .vbo-editbooking-room-extracost > div .btn.btn-danger {
9702 padding: 8px 14px;
9703 }
9704 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
9705 position: relative;
9706 }
9707 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
9708 position: absolute;
9709 right: 2px;
9710 height: calc(100% - 2px);
9711 background: var(--vbo-base-color);
9712 border-left: 1px solid var(--vbo-base-color);
9713 color: var(--vbo-contrast-text-color);
9714 border-top-right-radius: 2px;
9715 border-bottom-right-radius: 2px;
9716 top: 1px;
9717 width: 32px;
9718 font-size: 13px;
9719 cursor: pointer;
9720 }
9721 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
9722 background: var(--vbo-base-color-hover)
9723 }
9724 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
9725 position: absolute;
9726 top: 50%;
9727 left: 50%;
9728 transform: translate(-50%, -50%);
9729 }
9730 .vbo-editbooking-summary-totpaid {
9731 padding-bottom: 0;
9732 }
9733 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
9734 border-bottom-left-radius: 8px;
9735 border-bottom-right-radius: 8px;
9736 }
9737 .vbo-editbooking-totpaid {
9738 display: inline-block;
9739 }
9740 .vbo-editbooking-totpaid label {
9741 font-size: 18px;
9742 font-weight: bold;
9743 margin-bottom: 10px;
9744 }
9745 .vbo-editbooking-totrefund {
9746 margin-left: 35px;
9747 }
9748 .vbo-editbooking-totrefund label {
9749 font-size: 15px;
9750 font-weight: normal;
9751 }
9752 .vbo-editbooking-addroom {
9753 display: inline-block;
9754 float: right;
9755 margin-top: 15px;
9756 }
9757 .vbo-roomdet-wrapper {
9758 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
9759 border: 1px solid var(--vbo-basic-btn);
9760 display: inline-block;
9761 margin-bottom: 4px;
9762 width: 100%;
9763 border-radius: 6px;
9764 box-shadow: 0 0 10px rgba(0,0,0,.05);
9765 }
9766 .vbo-roomdet-wrap {
9767 display: flex;
9768 -ms-flex-wrap: wrap;
9769 -webkit-flex-wrap: wrap;
9770 flex-wrap: wrap;
9771 }
9772 .vbo-roomdet-entry {
9773 flex: 1;
9774 }
9775 .vbo-roomdet-head {
9776 border-bottom: 1px solid var(--vbo-config-border-color);
9777 font-size: larger;
9778 padding: 12px 15px 12px;
9779 font-weight: bold;
9780 font-size: 13px;
9781 color: var(--vbo-config-titles-color-light);
9782 }
9783 .vbo-roomdet-foot {
9784 padding: 8px 15px;
9785 }
9786 .vbo-roomdet-guests-toggle {
9787 padding: 7px 8px 7px;
9788 border-radius: 2px;
9789 margin-top: 5px;
9790 display: inline-block;
9791 cursor: pointer;
9792 }
9793 .vbo-roomdet-guests-toggle i {
9794 font-size: larger;
9795 display: inline-block;
9796 float: left;
9797 margin-right: 8px;
9798 }
9799 .vbo-roomdet-guests-toggleword {
9800 display: inline-block;
9801 margin-top: -1px;
9802 float: left;
9803 }
9804 .vbo-guestscount-incomplete {
9805 background: var(--vbo-blue-color);
9806 color: #fff;
9807 }
9808 .vbo-guestscount-complete {
9809 background: var(--vbo-green-color);
9810 color: #fff;
9811 }
9812 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
9813 background: var(--vbo-green-color-hover);
9814 }
9815 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
9816 background: var(--vbo-blue-color-hover);
9817 }
9818 .vbo-roomdet-guests-details {
9819 display: none;
9820 padding: 8px 0 8px 15px;
9821 margin: 5px 10px;
9822 background: var(--vbo-config-child-bg-color);
9823 border-top: 1px solid var(--vbo-basic-btn);
9824 }
9825 .vbo-roomdet-guest-details {
9826 margin-bottom: 5px;
9827 margin-left: -15px;
9828 padding-bottom: 10px;
9829 border-bottom: 1px solid var(--vbo-config-border-color);
9830 display: flex;
9831 flex-wrap: wrap;
9832 }
9833 .vbo-roomdet-guest-details:last-child {
9834 border-bottom: 0;
9835 }
9836 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
9837 width: calc(25% - 20px);
9838 margin: 5px 10px;
9839 display: inline-block;
9840 }
9841 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
9842 height: 40px;
9843 border-radius: 2px;
9844 }
9845 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
9846 line-height: 38px;
9847 }
9848 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
9849 height: 38px;
9850 }
9851 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
9852 position: relative;
9853 }
9854 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
9855 position: absolute;
9856 top: 12px;
9857 right: 10px;
9858 font-size: 16px;
9859 }
9860 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
9861 align-self: center;
9862 font-size: 16px;
9863 margin-right: 14px;
9864 width: 100%;
9865 }
9866 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
9867 width: calc(100% - 20px);
9868 }
9869 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
9870 width: calc(25% - 15px);
9871 }
9872 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
9873 width: 100% !important;
9874 max-width: 100%;
9875 }
9876 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
9877 width: 100% !important;
9878 max-width: 100%;
9879 }
9880 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
9881 margin-bottom: 3px;
9882 font-weight: 500;
9883 }
9884 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
9885 width: 90px;
9886 border: 1px solid var(--vbo-config-border-color);
9887 background-color: var(--vbo-config-bg-color);
9888 border-radius: 4px;
9889 text-align: center;
9890 margin: 5px;
9891 padding: 3px;
9892 position: relative;
9893 display: inline-block;
9894 }
9895 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
9896 color: var(--vbo-config-titles-color-light);
9897 text-decoration: none;
9898 display: block;
9899 line-height: 1.3em;
9900 padding: 6px 3px;
9901 }
9902 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
9903 font-size: 18px;
9904 }
9905 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
9906 width: 90px;
9907 display: inline-block;
9908 overflow: hidden;
9909 text-overflow: ellipsis;
9910 font-size: 13px;
9911 white-space: nowrap;
9912 }
9913 .vbo-roomdet-guest-detail-num span {
9914 font-weight: bold;
9915 flex-basis: 100px;
9916 }
9917 .vbo-checkin-main-block {
9918 display: flex;
9919 -ms-flex-wrap: wrap;
9920 -webkit-flex-wrap: wrap;
9921 flex-wrap: wrap;
9922 }
9923 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
9924 flex-basis: 60px;
9925 }
9926 .vbo-roomsdet-container {
9927 display: inline-block;
9928 -ms-flex: 1;
9929 -webkit-flex: 1;
9930 flex: 1;
9931 margin-right: 5px;
9932 }
9933 .vbo-checkin-payment-detail-v {
9934 float: right;
9935 margin-left: 5px;
9936 }
9937 .vbo-checkin-payment-container {
9938 display: inline-block;
9939 vertical-align: top;
9940 background: var(--vbo-light-color-btn);
9941 -ms-flex: 0 0 18%;
9942 -webkit-flex: 0 0 18%;
9943 flex: 0 0 18%;
9944 float: right;
9945 padding: 15px;
9946 margin-left: 5px;
9947 border-radius: 6px;
9948 box-shadow: 0 0 10px rgba(0,0,0,.05);
9949 }
9950 .vbo-checkin-payment-detail {
9951 margin: 5px 0;
9952 display: inline-block;
9953 width: 100%;
9954 }
9955 .vbo-checkin-payment-detail-click {
9956 background: var(--vbo-base-color);
9957 color: #fff;
9958 padding: 3px 10px;
9959 border-radius: 2px;
9960 margin-top: 10px;
9961 cursor: pointer;
9962 }
9963 .vbo-checkin-payment-detail:first-child {
9964 font-size: larger;
9965 }
9966 .vbo-checkin-payment-detail-lbl {
9967 vertical-align: middle;
9968 }
9969 .vbo-checkin-notes-wrap {
9970 clear: both;
9971 width: 100%;
9972 margin: 5px 0;
9973 }
9974 .vbo-checkin-notes-inner {
9975 margin: 0 auto;
9976 width: 60%;
9977 text-align: center;
9978 }
9979 .vbo-checkin-notes-trig {
9980 color: var(--vbo-config-titles-color-light);
9981 }
9982 .vbo-checkin-notes-trig span {
9983 cursor: pointer;
9984 }
9985 .vbo-checkin-notes-cont {
9986 display: none;
9987 padding: 4px;
9988 }
9989 .vbo-checkin-notes-cont textarea {
9990 width: 100% !important;
9991 height: 100px;
9992 }
9993 .vbo-checkin-commands-wrap {
9994 margin: 25px 0 15px;
9995 }
9996 .vbo-checkin-commands-inner {
9997 text-align: center;
9998 }
9999 .vbo-checkin-commands-btn {
10000 display: inline-block;
10001 margin-left: 15px;
10002 }
10003 .vbo-checkin-commands-btn:first-child {
10004 margin-left: 0;
10005 }
10006 .vbo-checkin-commands-btn .btn-large {
10007 padding: 10px 14px;
10008 border-radius: 3px;
10009 font-size: inherit;
10010 }
10011 .vbo-checkin-update-wrap {
10012 clear: both;
10013 width: 100%;
10014 margin: 5px 0;
10015 }
10016 .vbo-checkin-update-inner {
10017 margin: 0 auto;
10018 width: 60%;
10019 text-align: center;
10020 }
10021 .vbo-checkin-custdet-cont {
10022 width: 100%;
10023 margin-top: 10px;
10024 padding: 4px;
10025 }
10026 .vbo-checkin-custdet-entry {
10027 display: inline-block;
10028 width: calc(33% - 10px);
10029 margin: 10px 5px;
10030 vertical-align: top;
10031 }
10032 .vbo-checkin-custdet-key {
10033 display: block;
10034 color: var(--vbo-config-titles-color-light);
10035 }
10036 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
10037 color: var(--vbo-red-color);
10038 }
10039 .vbo-checkin-custdet-value {
10040 display: block;
10041 font-size: larger;
10042 }
10043 #jmodal-box-vbo-checkin-booking {
10044 height: 100%;
10045 margin: 19px;
10046 overflow: hidden;
10047 overflow-y: scroll;
10048 box-sizing: border-box;
10049 }
10050 #jmodal-box-vbo-checkin-booking .modal-body {
10051 max-height: inherit;
10052 }
10053 #vbo-overlay-title .vbo-info-overlay-title-close {
10054 float: right;
10055 margin-top: -4px;
10056 margin-right: 0px;
10057 cursor: pointer;
10058 }
10059 div.modal {
10060 z-index: 9999999 !important;
10061 }
10062 div.modal.in {
10063 background-color: var(--vbo-body-bg-color);
10064 }
10065 div.modal.in .close:hover, div.modal.in .close:focus {
10066 color: var(--vbo-config-titles-color-light);
10067 }
10068 div.modal.in .modal-header + div.modal-body-wrapper {
10069 height: calc(100% - 130px) !important;
10070 }
10071 .vbo-sign-share-meth {
10072 margin: 10px 0;
10073 }
10074 .vbo-sign-share-meth label {
10075 margin-bottom: 3px;
10076 color: var(--vbo-body-text-color);
10077 }
10078 .vbo-sign-share-meth input {
10079 display: block !important;
10080 margin-bottom: 5px !important;
10081 }
10082 .vbo-sign-share-meth-close .btn {
10083 background: var(--vbo-red-color);
10084 border-color: var(--vbo-red-color);
10085 }
10086 .vbo-sign-share-meth-close .btn:hover {
10087 background: var(--vbo-red-color-hover);
10088 border-color: var(--vbo-red-color-hover);
10089 }
10090 #jmodal-vbo-vcm-rates-res {
10091 overflow-y: auto;
10092 }
10093 .vbo-vcm-rates-res-container {
10094 padding: 20px;
10095 }
10096 .vbo-vcm-rates-res-success {
10097 margin-bottom: 10px;
10098 border-bottom: 1px solid var(--vbo-config-border-color);
10099 padding-bottom: 10px;
10100 }
10101 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
10102 display: inline-block;
10103 vertical-align: top;
10104 border: 2px solid var(--vbo-green-color);
10105 padding: 10px;
10106 border-radius: 4px;
10107 margin: 4px;
10108 }
10109 .vbo-vcm-rates-res-channel-esit {
10110 display: inline-block;
10111 margin-right: 5px;
10112 font-size: 14px;
10113 border-radius: 50%;
10114 object-fit: cover;
10115 padding: 5px;
10116 width: 13px;
10117 height: 13px;
10118 line-height: 12px;
10119 text-align: center;
10120 vertical-align: top;
10121 }
10122 .vbo-vcm-rates-res-channel-esit i {
10123 font-size: 14px;
10124 }
10125 .vbo-vcm-rates-res-channel-logo {
10126 display: inline-block;
10127 }
10128 .vbo-vcm-rates-res-channel-logo img {
10129 max-width: 120px;
10130 }
10131 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10132 color: #fff;
10133 background: var(--vbo-green-color);
10134 }
10135 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10136 margin: 5px;
10137 border: 1px solid var(--vbo-green-color);
10138 padding: 10px;
10139 }
10140 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10141 border: 1px solid var(--vbo-red-color);
10142 padding: 10px 0 0;
10143 border-radius: 4px;
10144 margin: 8px 0;
10145 }
10146 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10147 color: #fff;
10148 background: var(--vbo-red-color);
10149 margin-left: 10px;
10150 }
10151 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10152 color: #fff;
10153 background: var(--vbo-orange-color);
10154 margin-left: 10px;
10155 }
10156 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10157 padding-bottom: 10px;
10158 }
10159 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10160 overflow-y: auto;
10161 max-height: 150px;
10162 }
10163 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10164 margin-bottom: 0;
10165 border-radius: 0 !important;
10166 padding: 10px;
10167 border-bottom-left-radius: 4px !important;
10168 border-bottom-right-radius: 4px !important;
10169 border: 0;
10170 border-top: 1px solid var(--vbo-config-border-color);
10171 }
10172 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10173 border: 1px solid var(--vbo-orange-color);
10174 padding: 10px 0 0;
10175 border-radius: 4px;
10176 margin: 8px 0;
10177 }
10178 .vbo-ratesoverview-bottom-container {
10179 border: 1px solid var(--vbo-config-border-color);
10180 margin-top: 20px;
10181 padding: 20px;
10182 border-radius: 9px;
10183 }
10184 .vbo-ratesoverview-bottom-head {
10185 width: 100%;
10186 display: inline-block;
10187 }
10188 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10189 float: left;
10190 }
10191 .vbo-ratesoverview-roomdetails {
10192 padding-top: 0;
10193 }
10194 .vbo-ratesoverview-roomdetails h3 {
10195 text-align: center;
10196 display: inline-block;
10197 margin-top: 10px;
10198 }
10199 .vbo-ratesoverview-obp-toggle-inner {
10200 float: right;
10201 margin-left: 20px;
10202 }
10203 .vbo-ratesoverview-obp-toggle-txt {
10204 display: inline-block;
10205 vertical-align: top;
10206 margin: 5px 0 0 5px;
10207 cursor: pointer;
10208 }
10209 .vbo-ratesoverview-caltab-wrapper {
10210 display: flex;
10211 -ms-flex-wrap: wrap;
10212 -webkit-flex-wrap: wrap;
10213 flex-wrap: wrap;
10214 margin-bottom: 30px;
10215 }
10216 .vbo-ratesoverview-period-container {
10217 display: inline-block;
10218 -ms-flex: 0 0 15%;
10219 -webkit-flex: 0 0 15%;
10220 flex: 0 0 15%;
10221 margin-left: 2px;
10222 }
10223 .vbo-table-responsive {
10224 -ms-flex: 1%;
10225 -webkit-flex: 1%;
10226 flex: 1%;
10227 overflow-x: scroll;
10228 }
10229 .vbratesoverviewtable tr td:first-child {
10230 position: sticky;
10231 left: 0;
10232 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10233 z-index: 1;
10234 background-clip: padding-box !important;
10235 }
10236 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10237 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10238 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10239 cursor: not-allowed;
10240 }
10241 .vbratesoverviewtable {
10242 border-spacing: 0;
10243 border-collapse: collapse;
10244 max-width: none;
10245 }
10246 .vbratesoverviewtable td {
10247 border-spacing: 0;
10248 border-collapse: collapse;
10249 border-right: 1px solid var(--vbo-config-bg-color);
10250 border-bottom: 1px solid var(--vbo-config-bg-color);
10251 }
10252 .vbratesoverviewtable tr:last-child td {
10253 border-bottom: 0;
10254 }
10255 .vbratesoverviewtable tr:first-child td {
10256 border-bottom: 0;
10257 }
10258 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10259 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10260 font-weight: bold;
10261 padding: 10px 10px;
10262 }
10263 .vbratesoverviewtable td .vbo-occ-label {
10264 display: inline-block;
10265 background: #999;
10266 border-radius: 4px;
10267 font-size: .9em;
10268 color: #fff;
10269 padding: 2px 6px;
10270 margin-left: 3px;
10271 font-weight: normal;
10272 }
10273 .vbo-roverw-curminlos-active {
10274 color: var(--vbo-red-color);
10275 font-weight: bold;
10276 }
10277 .vbratesoverviewtable .bluedays {
10278 min-width: 80px;
10279 }
10280 .vbratesoverviewtable .bluedays:hover {
10281 background-color: #73aecc;
10282 }
10283 .vbratesoverviewtable .bluedays:active {
10284 background-color: #89b8d0;
10285 }
10286 .vbratesoverviewtable .skip-bluedays-click:hover {
10287 background-color: #02679a;
10288 }
10289 .vbo-ratesoverview-period-inner {
10290 padding: 15px;
10291 background: var(--vbo-basic-btn);
10292 }
10293 .vbo-ratesoverview-period-lbl {
10294 font-weight: bold;
10295 font-size: 16px;
10296 margin: 0 5px 5px;
10297 }
10298 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10299 display: flex;
10300 -ms-flex-wrap: wrap;
10301 -webkit-flex-wrap: wrap;
10302 flex-wrap: wrap;
10303 }
10304 .vbo-ratesoverview-period-boxes-inner > div {
10305 display: inline-block;
10306 flex: 1;
10307 background: var(--vbo-config-bg-color);
10308 margin: 5px;
10309 padding: 15px 5px;
10310 text-align: center;
10311 border-radius: 4px;
10312 cursor: pointer;
10313 }
10314 .vbo-ratesoverview-period-box-lbl {
10315 font-weight: bold;
10316 margin-bottom: 5px;
10317 color: var(--vbo-config-titles-color-light);
10318 }
10319 .vbo-ratesoverview-period-box-val > div > span {
10320 display: block;
10321 font-weight: bold;
10322 color: var(--vbo-base-color);
10323 }
10324 .vbo-ratesoverview-period-wday {
10325 font-size: 12px;
10326 }
10327 .vbo-ratesoverview-period-mday {
10328 font-size: 24px;
10329 margin: 3px 0;
10330 }
10331 .vbo-ratesoverview-period-month {
10332 font-size: 12px;
10333 text-transform: uppercase;
10334 font-weight: normal;
10335 }
10336 .vbo-ratesoverview-period-box-val i {
10337 font-size: 28px;
10338 color: var(--vbo-blue-color);
10339 }
10340 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10341 position: relative;
10342 }
10343 .vbo-ratesoverview-period-box-cals-inner {
10344 position: absolute;
10345 top: 0;
10346 right: 0;
10347 width: 630px;
10348 padding: 10px;
10349 z-index: 1;
10350 border-radius: 10px;
10351 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10352 background: var(--vbo-config-bg-color);
10353 border: 1px solid var(--vbo-main-bg-color);
10354 }
10355 .vbo-ratesoverview-period-box-cals-inner > div {
10356 display: inline-block;
10357 vertical-align: top;
10358 }
10359 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10360 border-right: 1px solid var(--vbo-basic-btn);
10361 padding-right: 4px;
10362 }
10363 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10364 padding: 3px 0;
10365 color: var(--vbo-config-titles-color-light);
10366 border-bottom: 1px solid var(--vbo-basic-btn);
10367 margin: 0 0 5px;
10368 text-align: center;
10369 text-transform: uppercase;
10370 font-size: 11px;
10371 }
10372 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10373 width: 160px;
10374 }
10375 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10376 width: 100% !important;
10377 }
10378 .vbo-receipt-company-block {
10379 text-align: center;
10380 }
10381 .vbo-receipt-company-info::first-line {
10382 font-weight: bold;
10383 }
10384 .vbo-resmodcanc-block select {
10385 max-width: 225px;
10386 }
10387 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10388 margin: 0;
10389 }
10390 .vbo-resmodcanc-lim label {
10391 display: inline-block;
10392 }
10393 .vbo-ratesoverview-orphans-wrapper {
10394 padding: 15px;
10395 margin: 2px 10px 0;
10396 border-radius: 6px;
10397 background: var(--vbo-basic-btn);
10398 border: 1px solid var(--vbo-red-color);
10399 }
10400 .vbo-ratesoverview-orphans-lbl {
10401 font-weight: bold;
10402 font-size: 16px;
10403 margin-bottom: 10px;
10404 }
10405 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10406 color: var(--vbo-red-color);
10407 }
10408 .vbo-ratesoverview-orphans-list {
10409 max-height: 179px;
10410 overflow: hidden;
10411 overflow-y: scroll;
10412 }
10413 .vbo-ratesoverview-orphans-list > div {
10414 margin: 3px 0;
10415 }
10416 /* Signature Pad - Start */
10417 .vbo-signature-container {
10418 display: -webkit-box;
10419 display: -ms-flexbox;
10420 display: flex;
10421 -webkit-box-pack: center;
10422 -ms-flex-pack: center;
10423 justify-content: center;
10424 -webkit-box-align: center;
10425 -ms-flex-align: center;
10426 align-items: center;
10427 height: 70vh;
10428 width: 100%;
10429 -webkit-user-select: none;
10430 -moz-user-select: none;
10431 -ms-user-select: none;
10432 user-select: none;
10433 margin: 0;
10434 padding: 0;
10435 font-family: Helvetica, Sans-Serif;
10436 }
10437 .vbo-signature-pad {
10438 position: relative;
10439 display: -webkit-box;
10440 display: -ms-flexbox;
10441 display: flex;
10442 -webkit-box-orient: vertical;
10443 -webkit-box-direction: normal;
10444 -ms-flex-direction: column;
10445 flex-direction: column;
10446 font-size: 10px;
10447 width: 100%;
10448 height: 100%;
10449 max-width: 700px;
10450 max-height: 460px;
10451 border: 1px solid var(--vbo-config-border-color);
10452 background-color: var(--vbo-config-bg-color);
10453 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10454 border-radius: 4px;
10455 padding: 16px;
10456 }
10457 .vbo-signature-pad::before, .vbo-signature-pad::after {
10458 position: absolute;
10459 z-index: -1;
10460 content: "";
10461 width: 40%;
10462 height: 10px;
10463 bottom: 10px;
10464 background: transparent;
10465 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10466 }
10467 .vbo-signature-pad::before {
10468 left: 20px;
10469 -webkit-transform: skew(-3deg) rotate(-3deg);
10470 transform: skew(-3deg) rotate(-3deg);
10471 }
10472 .vbo-signature-pad::after {
10473 right: 20px;
10474 -webkit-transform: skew(3deg) rotate(3deg);
10475 transform: skew(3deg) rotate(3deg);
10476 }
10477 .vbo-signature-pad-head {
10478 margin-bottom: 8px;
10479 text-align: center;
10480 display: flex;
10481 flex-wrap: wrap;
10482 }
10483 .vbo-signature-pad-head .pull-right {
10484 margin-left: auto;
10485 }
10486 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10487 flex-basis: 100%;
10488 margin-top: 5px;
10489 }
10490 .vbo-signature-pad-head-terms {
10491 display: inline-block;
10492 padding: 0 10px;
10493 }
10494 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10495 text-decoration: none;
10496 }
10497 .vbo-signature-pad-body {
10498 position: relative;
10499 -webkit-box-flex: 1;
10500 -ms-flex: 1;
10501 flex: 1;
10502 border: 1px solid var(--vbo-config-child-bg-color);
10503 }
10504 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10505 position: absolute;
10506 left: 0;
10507 top: 0;
10508 width: 100%;
10509 height: 100%;
10510 border-radius: 4px;
10511 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10512 }
10513 .vbo-signature-pad-footer {
10514 text-align: center;
10515 margin-top: 8px;
10516 }
10517 .vbo-signature-signabove {
10518 color: var(--vbo-body-text-color);
10519 font-size: 1.2em;
10520 }
10521 .vbo-signature-cmds {
10522 display: -webkit-box;
10523 display: -ms-flexbox;
10524 display: flex;
10525 -webkit-box-pack: justify;
10526 -ms-flex-pack: justify;
10527 justify-content: space-between;
10528 margin-top: 8px;
10529 }
10530 .vbo-signature-cmd {
10531 display: inline-block;
10532 margin-right: 5px;
10533 }
10534 .vbo-signature-cmds > div:last-child {
10535 margin-right: 0;
10536 }
10537 .vbo-current-signature-p {
10538 display: block;
10539 text-align: center;
10540 font-weight: bold;
10541 font-size: 14px;
10542 }
10543 .vbo-signature-currentimg img {
10544 max-width: 100%;
10545 }
10546 /* Signature Pad - End */
10547 /* Booking Checkin - End */
10548 /* Booking Details Tabs - Start */
10549 .vbo-bookingdet-tabs {
10550 float: left;
10551 }
10552 .vbo-bookingdet-tab {
10553 display: inline-block;
10554 cursor: pointer;
10555 padding: 16px;
10556 margin: 0;
10557 font-size: 1.2em;
10558 text-transform: uppercase;
10559 font-weight: bold;
10560 }
10561 .vbo-bookingdet-tab-active {
10562 border-bottom: 3px solid var(--vbo-base-color);
10563 color: var(--vbo-base-color);
10564 }
10565 .vbo-bookingdet-commands {
10566 float: right;
10567 }
10568 .vbo-bookingdet-command {
10569 display: inline-block;
10570 margin: 3px;
10571 }
10572 .vbo-bookingdet-command .btn.vbo-config-btn {
10573 padding: 10px 14px;
10574 background-color: var(--vbo-light-color-btn);
10575 color: var(--vbo-base-color);
10576 border: 1px solid var(--vbo-config-border-color);
10577 }
10578 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10579 background: var(--vbo-base-color-hover);
10580 border: 1px solid var(--vbo-base-color-hover);
10581 color: #fff;
10582 }
10583 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10584 background: var(--vbo-base-color-hover);
10585 border: 1px solid var(--vbo-base-color-hover);
10586 }
10587 .vbo-bookingdet-command i {
10588 margin-right: 5px;
10589 }
10590 .vbo-bookingdet-tab-cont {
10591 display: block;
10592 background: var(--vbo-basic-btn);
10593 padding-top: 15px;
10594 }
10595 img.vbo-channelimg-medium {
10596 max-height: 20px;
10597 }
10598 /* Booking Details Tabs - End */
10599 /* VikUpdater - Start */
10600 .vik-box-error {
10601 padding: 10px;
10602 border: 2px dashed var(--vbo-red-color);
10603 color: var(--vbo-red-color);
10604 font-weight: bolder;
10605 }
10606 .vik-box-error hr {
10607 border-top-color: var(--vbo-red-color);
10608 }
10609 .vik-update-changelog {
10610 padding: 10px;
10611 border: 2px dashed var(--vbo-middle-color-btn);
10612 }
10613 .vik-update-changelog h2 {
10614 margin-bottom: 25px;
10615 }
10616 .vik-update-changelog ul li strong {
10617 display: inline-block;
10618 width: 220px;
10619 }
10620 .vik-update-changelog div.box-separator {
10621 border-top: 1px solid var(--vbo-config-border-color);
10622 margin: 20px 0;
10623 }
10624 .vik-update-changelog > *:first-child,
10625 .vik-box-error > *:first-child {
10626 margin-top: 0;
10627 }
10628 .vik-update-changelog > *:last-child,
10629 .vik-box-error > *:last-child {
10630 margin-bottom: 0;
10631 }
10632 /* VikUpdater - End */
10633 .vbo-colortag-square {
10634 background-color: var(--vbo-config-bg-color);
10635 border: 1px solid var(--vbo-config-title-color);
10636 border-radius: 4px;
10637 cursor: pointer;
10638 display: inline-block;
10639 height: 30px;
10640 margin-right: 10px;
10641 width: 30px;
10642 text-align: center;
10643 vertical-align: top;
10644 line-height: 30px;
10645 }
10646 .vbo-colortag-circle {
10647 border-radius: 50%;
10648 cursor: pointer;
10649 display: inline-block;
10650 height: 14px;
10651 margin: 1px;
10652 padding: 0;
10653 vertical-align: middle;
10654 width: 14px;
10655 }
10656 .vbo-allbsearchcust-loading-inp {
10657 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
10658 }
10659 .vbo-allbsearchcust-res {
10660 top: 36px;
10661 position: absolute;
10662 z-index: 2;
10663 width: 100%;
10664 }
10665 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
10666 list-style: none;
10667 text-align: left;
10668 padding: 0;
10669 margin: 0 0 0 -1px;
10670 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
10671 background-color: var(--vbo-config-bg-color);
10672 border: 1px solid var(--vbo-config-border-color);
10673 white-space: nowrap;
10674 max-height: 200px;
10675 width: 100%;
10676 overflow-y: scroll;
10677 }
10678 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
10679 font-size: 13px;
10680 }
10681 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
10682 list-style: none;
10683 text-align: left;
10684 white-space: nowrap;
10685 }
10686 .vbo-allbookings-fm .btn-group select {
10687 max-width: 150px;
10688 margin-bottom: 0;
10689 border-radius: 2px;
10690 border: 1px solid var(--vbo-config-border-color);
10691 padding: 8px 10px;
10692 height: inherit;
10693 }
10694 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
10695 min-width: 80%;
10696 }
10697 /* Config: Do not edit this */
10698 /* FontAwesome fixes - Start */
10699 i.fa-sort-desc {
10700 vertical-align: top;
10701 }
10702 /* FontAwesome fixes - End */
10703 /* Select2 fixes - Start */
10704 .select2-search--dropdown .select2-search__field {
10705 width: 100% !important;
10706 }
10707 input[type="search"].select2-search__field {
10708 height: auto !important;
10709 margin-bottom: 2px !important;
10710 }
10711 .select2-container.select2-container--default.select2-container--open {
10712 z-index: 9999999999 !important;
10713 }
10714 /* Select2 fixes - End */
10715 .vikpaymentparam {
10716 display: block;
10717 padding: 2px;
10718 }
10719 .vikpaymentparamlabel {
10720 display: inline-block;
10721 min-width: 150px;
10722 }
10723 .vikpaymentparamlbl-textarea {
10724 display: block;
10725 }
10726 .vikpaymentparaminput {
10727 display: inline-block !important;
10728 }
10729 .vikpaymentparaminput.vikpaymentparaminput-tarea {
10730 width: 100%;
10731 }
10732 .vikpaymentparamlabelhelp {
10733 font-size: smaller;
10734 font-style: italic;
10735 padding-left: 5px;
10736 }
10737 .vbo-config-param-cell {
10738 background: none repeat scroll 0 0 var(--vbo-light-color-btn);;
10739 border-right: 1px solid var(--vbo-config-border-color);
10740 vertical-align: middle !important;
10741 }
10742 .vbo-config-param-cell.vbo-config-param-cell-warn {
10743 color: var(--vbo-red-color) !important;
10744 }
10745 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
10746 float: right;
10747 }
10748 .vbo-smstpl-bgroup {
10749 white-space: inherit !important;
10750 }
10751 .vbo-smstpl-bgroup button {
10752 margin: 2px 0;
10753 }
10754 .vbo-smstpl-bgroup button:first-child {
10755 margin-left:-1px !important;
10756 border-radius:0 !important;
10757 }
10758 .vbo-smstpl-control textarea {
10759 margin-top:5px;
10760 }
10761 .vbo-custmail-bgroup .btn-small {
10762 padding: 2px 5px !important;
10763 margin: 1px 4px;
10764 }
10765 .vbo-spblock-inline {
10766 display: inline-block;
10767 margin-right: 8px;
10768 }
10769 .vbo-spblock-inline input {
10770 display: inline-block;
10771 }
10772 .vbo-spblock-inline label {
10773 display: inline;
10774 vertical-align: middle;
10775 }
10776 #vbo-sms-balance {
10777 margin: 8px 0;
10778 padding: 5px;
10779 }
10780 .fieldset-left {
10781 float: left;
10782 margin-right: 20px;
10783 }
10784 .fieldset-half {
10785 float: left;
10786 width: 48%;
10787 }
10788 ul.dropdown-menu {
10789 z-index: 9999;
10790 }
10791 span.badge a {
10792 color: #fff;
10793 }
10794 span.badge a:hover {
10795 color: #fff;
10796 text-decoration: none;
10797 }
10798 i.icn-bigger {
10799 font-size: larger;
10800 }
10801 i.icn-nomargin {
10802 margin: 0 !important;
10803 }
10804 i.icn-float-left {
10805 float: left;
10806 }
10807 i.icn-float-right {
10808 float: right;
10809 }
10810 i.icn-clickable {
10811 cursor: pointer;
10812 }
10813 i.vbo-quest-popover {
10814 color: var(--vbo-config-title-color);
10815 }
10816 i.vbo-quest-popover:hover {
10817 color: var(--vbo-blue-color);
10818 }
10819 .popover {
10820 z-index: 9999999999 !important;
10821 }
10822 i.vbo-icn-img {
10823 font-size: 20px;
10824 }
10825 /* Joomla 3.x */
10826 .vbo-config-tabs-wrap div.current {
10827 background: var(--vbo-main-bg-color);
10828 clear: both;
10829 padding: 10px;
10830 }
10831 .vbo-config-tabs-wrap div.current dd.tabs {
10832 margin-left: 0;
10833 }
10834 .vbo-config-tabs-wrap dl.tabs {
10835 float: left;
10836 margin: 10px 0 -1px -3px;
10837 z-index: 50;
10838 }
10839 .vbo-config-tabs-wrap dl.tabs dt.open {
10840 color: #000000;
10841 z-index: 1;
10842 }
10843 .vbo-config-tabs-wrap dl.tabs dt {
10844 color: #666666;
10845 float: left;
10846 margin-left: 3px;
10847 padding: 4px 10px;
10848 }
10849 .vbo-config-tabs-wrap dt.tabs span h3 {
10850 font-size: 13px;
10851 margin: 0;
10852 display: inline-block;
10853 padding: 4px 8px;
10854 }
10855 .vbo-config-tabs-wrap dt.tabs:hover h3 {
10856 background: var(--vbo-toolbar-bg-color);
10857 border-radius: 4px;
10858 }
10859 #ui-datepicker-div select {
10860 line-height: 1em;
10861 padding: 5px 14px 5px 8px !important;
10862 min-height: 20px;
10863 height: auto !important;
10864 }
10865 .vbo-link-add {
10866 font-size: 13px;
10867 border-radius: 3px;
10868 }
10869 .vbo-link-add i {
10870 margin-right: 5px;
10871 display: inline-block;
10872 }
10873 .btn.vbo-config-btn, .vbo-link-add {
10874 background-color: var(--vbo-base-color);
10875 border: 1px solid var(--vbo-base-color);
10876 color: #fff;
10877 padding: 10px 14px;
10878 display: inline-block;
10879 }
10880 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
10881 background-color: var(--vbo-base-color-hover) !important;
10882 border: 1px solid var(--vbo-base-color-hover) !important;
10883 color: #fff;
10884 }
10885 .btn.vbo-config-btn:active, .vbo-link-add:active {
10886 background-color: var(--vbo-link-text-color) !important;
10887 color: #fff;
10888 }
10889 .vbo-config-btn.vbo-config-btn-rounded {
10890 border-radius: 50%;
10891 width: 25px;
10892 height: 25px;
10893 text-align: center;
10894 }
10895 .vbo-config-btn.vbo-config-btn-rounded i {
10896 margin-right: 0;
10897 }
10898 .vbo-config-btn-rounded.vbo-config-btn-large {
10899 height: 50px;
10900 width: 50px;
10901 font-size: 24px;
10902 }
10903 .vbo-config-tabs-wrap dl.tabs {
10904 margin: 10px 0 0;
10905 width: 100%;
10906 border-bottom: 1px solid var(--vbo-config-border-color);
10907 }
10908 .vbo-config-tabs-wrap dl.tabs dt h3 i {
10909 margin-right: 5px;
10910 font-size: 15px;
10911 }
10912 .vbo-config-tabs-wrap dl.tabs dt {
10913 padding: 5px;
10914 margin-left: 0;
10915 border: 0;
10916 display: inline-block;
10917 float: none;
10918 }
10919 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
10920 color: var(--vbo-config-title-color);
10921 }
10922 .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 {
10923 color: var(--vbo-base-color);
10924 }
10925 .vbo-config-tabs-wrap dl.tabs dt.open a {
10926 color: #000;
10927 }
10928 .vbo-config-tabs-wrap dl.tabs dt.open {
10929 border-bottom: 2px solid var(--vbo-base-color);
10930 }
10931 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
10932 color: var(--vbo-config-title-color);
10933 }
10934 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
10935 border-bottom: 2px solid var(--vbo-base-color);
10936 }
10937 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
10938 color: inherit;
10939 }
10940 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
10941 background: transparent;
10942 border-bottom: 0;
10943 float: right;
10944 }
10945 .vbo-config-body {
10946 margin-top: -20px;
10947 }
10948
10949 .vbo-admin-container {
10950 background: var(--vbo-main-bg-color);
10951 clear: both;
10952 padding: 10px;
10953 display: flex;
10954 flex-wrap: wrap;
10955 }
10956 .vbo-admin-container > div {
10957 flex-basis: calc(50% - 10px);
10958 }
10959 .vbo-admin-container.vbo-params-container-wide > div {
10960 flex-basis: 100%;
10961 }
10962 .vbo-admin-container .adminform {
10963 width: auto;
10964 display: inherit;
10965 background: var(--vbo-config-bg-color);
10966 border-radius: 6px;
10967 margin: 20px 0;
10968 padding: 15px 30px;
10969 box-shadow: 0 0 2px rgba(0,0,0,.1);
10970 }
10971 .vbo-admin-container .vbo-config-maintab-left {
10972 margin-right: 10px;
10973 }
10974 .vbo-admin-container .vbo-config-maintab-right {
10975 margin-left: 10px;
10976 }
10977 /* With this class we create a 100% width settings block */
10978 .vbo-config-tab-container > .adminform {
10979 width: 100%;
10980 }
10981 .vbo-config-tab-container .adminform {
10982 margin-top: 0;
10983 }
10984 .vbo-config-tab-container {
10985 padding-top: 10px !important;
10986 }
10987 .vbo-admin-container .adminlegend {
10988 border-bottom: 0;
10989 font-size: 22px;
10990 line-height: 1.2em;
10991 font-weight: bold;
10992 color: var(--vbo-config-titles-color-light);
10993 width: 100%;
10994 }
10995 .modal-body .adminlegend {
10996 width: 100%;
10997 }
10998 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
10999 width: auto;
11000 float: inherit;
11001 margin-bottom: 10px;
11002 }
11003 .modal-body-wrapper .vbo-admin-container .adminlegend {
11004 float: none;
11005 }
11006 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
11007 margin-top: 15px;
11008 }
11009 .vbo-btn-icon-right i {
11010 margin-left: 5px;
11011 margin-right: 0;
11012 }
11013 .vbo-btn-icon-left i {
11014 margin-right: 5px;
11015 margin-left: 0;
11016 }
11017 .vbo-admin-container .adminlegend i {
11018 margin-right: 5px;
11019 }
11020 .vbo-admin-container .vbo-param-container {
11021 display: flex;
11022 margin: 25px 0;
11023 }
11024 .vbo-param-container-highlighted {
11025 color: var(--vbo-red-color);
11026 }
11027 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
11028 margin-bottom: 0;
11029 }
11030 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
11031 max-width: 225px;
11032 }
11033 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
11034 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
11035 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
11036 vertical-align: top;
11037 }
11038 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
11039 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
11040 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
11041 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
11042 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
11043 vertical-align: inherit !important;
11044 }
11045 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
11046 padding: 8px 5px;
11047 border-color: var(--vbo-config-border-color);
11048 }
11049 .vbo-admin-container .vbo-param-container.vbo-param-child {
11050 margin-top: -20px;
11051 }
11052 .vbo-admin-container .vbo-param-container.vbo-param-nested {
11053 border-top: 2px solid var(--vbo-basic-btn);
11054 background: var(--vbo-config-child-bg-color);
11055 padding: 10px 15px;
11056 margin: 0;
11057 }
11058 .vbo-admin-container .vbo-param-container .vbo-param-label {
11059 flex-basis: 250px;
11060 font-size: 14px;
11061 margin-right: 20px;
11062 margin-bottom: 5px;
11063 }
11064 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
11065 display: block;
11066 margin-bottom: 5px;
11067 }
11068 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
11069 .vbo-admin-container .vbo-param-container-full {
11070 flex-wrap: wrap;
11071 }
11072 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
11073 flex-basis: 100%;
11074 margin-bottom: 10px;
11075 }
11076 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
11077 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
11078 width: 100%;
11079 }
11080
11081 /* This "-full" class is to enlarge the one column admin structure.
11082 * This needs to be used together with the "vbo-admin-container" class.
11083 */
11084 .vbo-admin-container-full .vbo-params-wrap {
11085 flex-basis: 100%;
11086 }
11087 /* This "-compact" class is to reduce the padding between the settings.
11088 * This needs to be used together with the "vbo-admin-container" class.
11089 */
11090 .vbo-admin-container-compact .vbo-param-container {
11091 margin: 12px 0;
11092 }
11093 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
11094 margin-bottom: 0;
11095 padding-bottom: 0;
11096 }
11097 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
11098 flex-basis: 235px;
11099 }
11100 .vbo-admin-container .vbo-param-container .vbo-param-setting {
11101 flex: 1;
11102 max-width: 100%;
11103 }
11104 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
11105 display: block;
11106 font-size: .9em;
11107 margin-top: 4px;
11108 font-style: italic;
11109 color: var(--vbo-config-title-color);
11110 }
11111 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
11112 font-weight: bold;
11113 color: var(--vbo-red-color);
11114 }
11115 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
11116 margin-left: 5px;
11117 font-style: italic;
11118 color: var(--vbo-config-title-color);
11119 }
11120 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
11121 display: inline-block;
11122 margin-right: 10px;
11123 }
11124 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11125 margin-bottom: 5px;
11126 }
11127 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11128 margin-bottom: 0;
11129 }
11130 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11131 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11132 background: var(--vbo-main-bg-color);
11133 padding: 10px 15px;
11134 border-radius: 2px;
11135 border: 1px solid var(--vbo-config-border-color);
11136 color: var(--vbo-config-title-color);
11137 display: inline-block;
11138 white-space: nowrap;
11139 overflow: hidden;
11140 text-overflow: ellipsis;
11141 max-width: 120px;
11142 margin: 0;
11143 vertical-align: top;
11144 }
11145 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11146 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11147 color: var(--vbo-base-color);
11148 border-color: var(--vbo-base-color);
11149 background-color: var(--vbo-config-bg-color);
11150 }
11151 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11152 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11153 background-color: var(--vbo-config-child-bg-color);
11154 }
11155 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11156 margin-right: 3px;
11157 font-size: 16px;
11158 }
11159 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11160 margin: 2px 0;
11161 height: 40px;
11162 }
11163 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11164 vertical-align: top;
11165 }
11166 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11167 vertical-align: top;
11168 }
11169 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11170 margin-bottom: 0;
11171 }
11172 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11173 margin-top: 0;
11174 }
11175 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11176 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11177 border-left: 1px solid var(--vbo-main-bg-color);
11178 padding-left: 10px;
11179 margin-left: 10px;
11180 }
11181 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11182 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11183 margin: 0 10px 3px 0;
11184 display: inline-block;
11185 }
11186 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11187 margin-top: 0;
11188 }
11189 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11190 margin-left: 0;
11191 }
11192 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,
11193 .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"] {
11194 border: 1px solid var(--vbo-config-border-color);
11195 border-radius: 2px;
11196 padding: 8px 10px;
11197 margin-bottom: 0;
11198 box-sizing: border-box;
11199 height: auto;
11200 }
11201 input[type="number"].vbo-small-input {
11202 width: 70px !important;
11203 vertical-align: inherit;
11204 }
11205 input[type="number"].vbo-medium-input {
11206 width: 100px !important;
11207 vertical-align: inherit;
11208 }
11209 .vbo-booking-special-requests {
11210 border: 1px solid var(--vbo-blue-color);
11211 padding: 10px;
11212 border-radius: 15px;
11213 border-top-left-radius: 0;
11214 background: var(--vbo-config-child-bg-color);
11215 margin: 0 5px;
11216 }
11217 .vbo-booking-admin-notes {
11218 background: var(--vbo-config-child-bg-color);
11219 padding: 10px;
11220 margin: 0;
11221 font-style: italic;
11222 }
11223 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11224 .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 {
11225 background: var(--vbo-input-style-deactive);
11226 }
11227 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11228 width: 100px !important;
11229 }
11230 input[type="number"].vbo-large-input-number {
11231 width: 180px !important;
11232 }
11233 .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 {
11234 margin-bottom: 0;
11235 border-radius: 2px;
11236 border: 1px solid var(--vbo-config-border-color);
11237 padding: 8px 10px;
11238 height: inherit;
11239 }
11240 .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 {
11241 padding: 8px 10px;
11242 border-radius: 0 2px 2px 0;
11243 border: 1px solid var(--vbo-config-border-color);
11244 }
11245 .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,
11246 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11247 margin-right: 0;
11248 }
11249 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11250 background: var(--vbo-base-color);
11251 border: 1px solid var(--vbo-base-color);
11252 color: #fff;
11253 padding: 10px 14px;
11254 }
11255 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11256 color: #fff;
11257 }
11258 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11259 background: var(--vbo-base-color-hover) !important;
11260 }
11261 .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 {
11262 background: var(--vbo-link-text-color) !important;
11263 }
11264 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11265 margin-right: 5px;
11266 display: inline-block;
11267 }
11268 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11269 margin-top: 5px;
11270 }
11271 .vbo-admin-container .vbo-param-container .btn-danger {
11272 padding: 10px 14px;
11273 font-size: 12px;
11274 line-height: 15px;
11275 border-radius: 3px;
11276 }
11277 select.vbo-select-small {
11278 padding: 0px 24px 0px 8px !important;
11279 min-height: 25px;
11280 font-size: 12px;
11281 height: 25px !important;
11282 }
11283 .vbo-btn-toolbar .btn i {
11284 margin-right: 5px;
11285 }
11286 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11287 margin-right: 0;
11288 }
11289 .iti.iti--allow-dropdown {
11290 background: var(--vbo-input-style);
11291 border: 1px solid var(--vbo-config-border-color);
11292 display: flex;
11293 z-index: 0;
11294 }
11295 .iti.iti--allow-dropdown .iti__flag-container {
11296 position: relative;
11297 }
11298 .iti.iti--allow-dropdown .iti__selected-flag {
11299 border-right: 1px solid var(--vbo-config-border-color);
11300 }
11301 .iti.iti--allow-dropdown input[type="tel"] {
11302 border: 0;
11303 border-radius: 2px;
11304 padding: 5px 10px;
11305 margin-bottom: 0;
11306 height: auto;
11307 flex: 1;
11308 }
11309 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11310 background: var(--vbo-config-child-bg-color);
11311 }
11312 .vbo-uploaded-files i.fa-file {
11313 font-size: 68px !important;
11314 }
11315 .vbo-uploaded-files .file-elem a .file-extension {
11316 font-size: 14px !important;
11317 }
11318 .vbo-uploaded-files .file-elem {
11319 width: calc(100% / 7) !important;
11320 }
11321 .vbo-bookingdet-btncont .vbo-config-btn {
11322 margin-top: 5px;
11323 }
11324 .vbo-bookingdet-btncont .vbo-config-btn i {
11325 margin-right: 8px;
11326 }
11327 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11328 display: inline-block;
11329 margin-left: 10px;
11330 border: 1px solid var(--vbo-config-border-color);
11331 padding: 8px 9px;
11332 margin-top: 0px;
11333 border-radius: 2px;
11334 background: var(--vbo-config-child-bg-color);
11335 vertical-align: top;
11336 }
11337 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11338 background: var(--vbo-config-bg-color);
11339 }
11340 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11341 margin-bottom: 0;
11342 height: auto;
11343 }
11344 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11345 margin-bottom: 0;
11346 }
11347 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11348 border: 0 !important;
11349 background: transparent;
11350 }
11351 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11352 padding: 0;
11353 }
11354 .vbo-param-container .vbo-param-setting .select2-container--default {
11355 width: 70% !important;
11356 }
11357 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11358 width: 100%;
11359 }
11360 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11361 width: 100% !important;
11362 background: var(--vbo-config-bg-color);
11363 }
11364 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
11365 background-color: #b6d8ee;
11366 border: 1px solid #b8d1e1;
11367 border-radius: 30px;
11368 padding: 5px 10px;
11369 color: #2d5593;
11370 font-weight: bold;
11371 }
11372 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11373 display: inline-block;
11374 margin-left: 3px;
11375 margin-right: 0;
11376 width: 18px;
11377 height: 18px;
11378 line-height: 15px;
11379 font-size: 16px;
11380 text-align: center;
11381 border-radius: 50%;
11382 color: #1f90d9;
11383 float: right;
11384 }
11385 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11386 background: #1f90d9;
11387 color: #fff;
11388 }
11389 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11390 margin-left: 5px;
11391 }
11392 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11393 height: 36px;
11394 border: 1px solid #ddd;
11395 border-radius: 2px;
11396 }
11397 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11398 font-weight: normal;
11399 font-size: 14px;
11400 }
11401 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11402 height: 36px;
11403 }
11404 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11405 line-height: 35px;
11406 }
11407 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11408 border: 0;
11409 }
11410 .vbo-preferred-countries-sortlist {
11411 margin-left: 0;
11412 max-width: 380px;
11413 }
11414 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11415 list-style-type: none;
11416 margin: 0;
11417 padding: 10px 15px;
11418 display: block;
11419 border: 1px solid var(--vbo-basic-btn);
11420 background: var(--vbo-config-child-bg-color);
11421 margin: 5px 3px;
11422 cursor: grab;
11423 }
11424 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11425 color: var(--vbo-config-titles-color-light);
11426 float: right;
11427 margin-top: 4px;
11428 }
11429 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11430 background: var(--vbo-config-bg-color);
11431 color: var(--vbo-base-color);
11432 border-color: var(--vbo-base-color);
11433 }
11434 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11435 color: var(--vbo-base-color);
11436 }
11437 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11438 margin-top: 4px;
11439 }
11440 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11441 cursor: pointer;
11442 }
11443 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11444 color: var(--vbo-base-color);
11445 }
11446 input[type="text"],
11447 input[type="password"],
11448 input[type="date"],
11449 input[type="email"],
11450 input[type="url"],
11451 input[type="search"],
11452 input[type="tel"],
11453 select {
11454 width: auto !important;
11455 }
11456 .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 {
11457 width: 70% !important;
11458 }
11459 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11460 width: 100%;
11461 }
11462 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11463 width: 200px !important;
11464 }
11465 .vbo-param-container input[type="number"].vbo-input-number-small {
11466 width: 80px !important;
11467 }
11468 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11469 width: auto !important;
11470 }
11471 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11472 color: var(--vbo-base-color-hover);
11473 }
11474 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11475 color: var(--vbo-link-text-color);
11476 }
11477 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11478 width: calc(70% - 2px);
11479 }
11480 .vbo-payment-params-container .vbo-param-setting img {
11481 max-width: 300px;
11482 }
11483
11484 input[type="number"] {
11485 width: 100px !important;
11486 }
11487 table.adminform label {
11488 display: inline;
11489 margin:0 0 0 5px;
11490 }
11491 table.adminform td {
11492 padding: 6px 0;
11493 }
11494 table.adminform div.input-append {
11495 display: inline;
11496 }
11497 .icon-vikbooking:before {
11498 font-family: "Font Awesome 5 Free", FontAwesome !important;
11499 font-weight: 900;
11500 content: "\f236";
11501 background: none !important;
11502 }
11503 .icon-vikbookingconfig:before {
11504 font-family: "Font Awesome 5 Free", FontAwesome !important;
11505 font-weight: 900;
11506 content: "\f236";
11507 background: none !important;
11508 }
11509 .icon-vikbookingstats:before {
11510 font-family: "Font Awesome 5 Free", FontAwesome !important;
11511 font-weight: 900;
11512 content: "\f236";
11513 background: none !important;
11514 }
11515 /* Joomla 3.7.0 - Start */
11516 .field-calendar, .vbo-field-calendar {
11517 display: inline-block;
11518 vertical-align: top;
11519 }
11520 .field-calendar .input-append, .vbo-field-calendar .input-append {
11521 display: flex;
11522 }
11523 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11524 padding: 8px 10px;
11525 border-radius: 0 2px 2px 0;
11526 border: 1px solid var(--vbo-config-border-color);
11527 }
11528 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11529 font-size: 14px;
11530 margin-right: 0;
11531 }
11532 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11533 margin-right: 0;
11534 }
11535 .btn-group .calendar-head-row {
11536 font-size: 13px;
11537 }
11538 /* Joomla 3.7.0 - End */
11539
11540 /* Reports - Start */
11541 .vbo-reports-container {
11542 background: var(--vbo-basic-btn);
11543 padding: 0 0 10px;
11544 }
11545 .vbo-reports-filters-outer {
11546 margin-top: 0;
11547 height: auto;
11548 background: var(--vbo-basic-btn-hover);
11549 padding: 10px;
11550 box-sizing: border-box;
11551 }
11552 .vbo-reports-filters-outer > div {
11553 display: inline-block;
11554 margin: 2px 0;
11555 }
11556 .vbo-reports-filters-export {
11557 float: right;
11558 }
11559 .vbo-reports-filters-report {
11560 margin: 0 20px;
11561 }
11562 .vbo-report-filter-lbl {
11563 margin-bottom: 2px;
11564 }
11565 .vbo-reports-filters-report .vbo-report-filter-wrap {
11566 display: inline-block;
11567 }
11568 .vbo-report-filter-val input, .vbo-report-filter-val select {
11569 margin: 0 !important;
11570 }
11571 .vbo-reports-output {
11572 margin: 10px;
11573 }
11574 .vbo-report-layout-type {
11575 text-align: right;
11576 display: inline-block;
11577 width: 100%;
11578 }
11579 .vbo-report-layout-type .vbo-report-layout-type-inner {
11580 background: var(--vbo-config-bg-color);
11581 margin-left: 10px;
11582 border: 1px solid var(--vbo-config-border-color);
11583 display: flex;
11584 width: 170px;
11585 float: right;
11586 margin-right: 10px;
11587 }
11588 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11589 display: inline-block;
11590 }
11591 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11592 border-right: 1px solid var(--vbo-config-border-color);
11593 margin-bottom: 0;
11594 padding: 9px 7px;
11595 flex-basis: 25px;
11596 text-align: center;
11597 font-size: 16px;
11598 }
11599 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11600 color: var(--vbo-config-titles-color-light);
11601 }
11602 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11603 margin-bottom: 0;
11604 border-radius: 2px;
11605 border: 0;
11606 padding: 8px 10px;
11607 height: inherit;
11608 flex: 1;
11609 }
11610 .vbo-report-chart-wrap > h4 {
11611 margin-top: 30px;
11612 font-size: 18px;
11613 margin-bottom: 10px;
11614 border-bottom: 1px solid var(--vbo-config-border-color);
11615 padding-bottom: 10px;
11616 margin-left: 10px;
11617 }
11618 .vbo-report-chart-inner {
11619 display: flex;
11620 flex-wrap: wrap;
11621 margin-bottom: 40px;
11622 }
11623 .vbo-report-chart-main {
11624 flex: 1;
11625 }
11626 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11627 background: var(--vbo-config-bg-color);
11628 border: 1px solid var(--vbo-config-bg-color);
11629 padding: 20px;
11630 border-radius: 16px;
11631 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11632 margin-bottom: 15px;
11633 position: relative;
11634 height: 70%;
11635 }
11636 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11637 font-weight: bold;
11638 color: var(--vbo-config-titles-color-light);
11639 margin-bottom: 10px;
11640 }
11641 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11642 font-size: 26px;
11643 font-weight: bold;
11644 }
11645 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
11646 display: inline-block;
11647 margin: 4px 0 6px;
11648 white-space: nowrap;
11649 }
11650 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
11651 font-size: 13px;
11652 display: inline-block;
11653 vertical-align: middle;
11654 color: var(--vbo-config-titles-color-light);
11655 }
11656 .vbo-report-chart-main .vbo-report-chart-metas {
11657 display: flex;
11658 flex-wrap: wrap;
11659 }
11660 .vbo-report-chart-main .vbo-report-chart-meta {
11661 flex-basis: 25%;
11662 }
11663 .vbo-report-chart-main .vbo-report-chart-meta-inner {
11664 margin: 0 5px;
11665 }
11666 .vbo-report-chart-main .vbo-report-chart-content {
11667 background: var(--vbo-config-bg-color);
11668 padding: 30px;
11669 border-radius: 16px;
11670 margin: 20px 5px;
11671 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11672 }
11673 .vbo-report-chart-right {
11674 flex-basis: 20%;
11675 margin-left: 15px;
11676 }
11677 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
11678 height: 30px;
11679 width: 4px;
11680 background: #ddd;
11681 content: "";
11682 position: absolute;
11683 left: -3px;
11684 top: 17px;
11685 }
11686 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
11687 background: var(--vbo-green-color);
11688 }
11689 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
11690 background: var(--vbo-red-color);
11691 }
11692 .chart-line-legend {
11693 margin-left: 0;
11694 text-align: center;
11695 }
11696 .chart-line-legend li {
11697 display: inline-block;
11698 list-style-type: none;
11699 border: 1px solid var(--vbo-config-border-color);
11700 border-radius: 20px;
11701 padding: 8px 15px 5px;
11702 margin: 5px;
11703 }
11704 .chart-line-legend li span {
11705 display: inline-block;
11706 vertical-align: top;
11707 }
11708 .chart-line-legend li .legend-entry {
11709 width: 15px;
11710 height: 15px;
11711 margin-right: 8px;
11712 border-radius: 4px;
11713 display: inline-block;
11714 }
11715 .chart-line-legend li .legend-label {
11716 margin-top: -2px;
11717 font-weight: bold;
11718 font-size: 12px;
11719 }
11720 .chart-line-legend {
11721 margin-top: 10px;
11722 }
11723 .vbo-report-sheetnchart {
11724 display: flex;
11725 }
11726 .vbo-report-sheetnchart .vbo-report-sheet {
11727 flex-basis: 60%;
11728 margin-right: 10px;
11729 }
11730 .vbo-report-sheetnchart .vbo-report-chart-wrap {
11731 flex: 1;
11732 }
11733 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
11734 display: flex;
11735 flex-wrap: wrap;
11736 }
11737 .vbo-report-sheetnchart .vbo-report-chart-right {
11738 flex-basis: 100%;
11739 margin: 0;
11740 }
11741 .vbo-report-chart-metas-bottom {
11742 margin-bottom: 20px;
11743 }
11744 .vbo-report-sheetnchart .vbo-report-chart-meta {
11745 flex-basis: 33%;
11746 }
11747 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
11748 margin: 0 5px;
11749 }
11750 .vbo-reports-output .table-responsive {
11751 border-radius: 8px;
11752 box-shadow: 0 0px 20px rgba(0,0,0,.1);
11753 margin: 0 5px 18px;
11754 background: var(--vbo-config-bg-color);
11755 }
11756 .vbo-reports-output table {
11757 margin-bottom: 0;
11758 }
11759 .vbo-reports-output table thead {
11760 background: var(--vbo-config-child-bg-color);
11761 text-transform: uppercase;
11762 font-weight: bold;
11763 }
11764 .vbo-reports-output table thead th {
11765 padding: 15px 15px;
11766 color: var(--vbo-config-title-color);
11767 font-size: 12px;
11768 white-space: nowrap;
11769 }
11770 .vbo-reports-output table thead th a {
11771 color: var(--vbo-config-title-color);
11772 }
11773 .vbo-reports-output table thead th i {
11774 margin-left: 3px;
11775 font-size: .9em;
11776 }
11777 .vbo-reports-output table tbody td:first-child {
11778 width: 150px;
11779 }
11780 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
11781 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
11782 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
11783 display: none;
11784 }
11785 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
11786 padding: 15px 15px;
11787 }
11788 .vbo-reports-output table tbody tr:nth-child(2n) {
11789 background: var(--vbo-config-child-bg-color);
11790 }
11791 .vbo-reports-output table tbody tr td:first-child span {
11792 font-weight: bold;
11793 }
11794 .vbo-reports-output table tfoot {
11795 background: var(--vbo-config-child-bg-color);
11796 }
11797 .vbo-reports-output table tfoot td h3 {
11798 margin: 12px 0;
11799 font-size: 14px;
11800 }
11801 .vbo-reports-output table tfoot tr:last-child td {
11802 vertical-align: middle;
11803 }
11804 .vbo-reports-output table tfoot tr td:not(:first-child) span {
11805 font-weight: bold;
11806 font-size: 14px;
11807 white-space: nowrap;
11808 }
11809 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
11810 display: inline-block;
11811 margin-right: 15px;
11812 }
11813 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
11814 margin: 0;
11815 }
11816 .vbo-info-overlay-content.vbo-info-overlay-report {
11817 text-align: center;
11818 }
11819 .vbo-info-overlay-content.vbo-info-overlay-report > div {
11820 margin: 0 10px;
11821 display: inline-block;
11822 }
11823 .vbo-report-load-comune span,
11824 .vbo-report-load-provincia span,
11825 .vbo-report-load-nazione span,
11826 .vbo-report-load-cittadinanza span,
11827 .vbo-report-load-doctype span,
11828 .vbo-report-load-docnum span,
11829 .vbo-report-load-docissue span,
11830 .vbo-report-load-docplace span,
11831 .vbo-report-load-sesso span,
11832 .vbo-report-load-dbirth span,
11833 .vbo-report-load-field span {
11834 display: inline-block;
11835 border: 1px solid var(--vbo-red-color);
11836 cursor: pointer;
11837 color: var(--vbo-red-color);
11838 padding: 0px 7px;
11839 }
11840 .vbo-report-load-elem-filled span {
11841 border: 0;
11842 padding: 0;
11843 color: var(--vbo-blue-color-hover);
11844 }
11845 #ui-datepicker-div {
11846 z-index: 2147483647 !important;
11847 border: 1px solid var(--vbo-config-border-color);
11848 border-radius: 4px;
11849 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
11850 }
11851 /* Reports - End */
11852
11853 /* Trackings - Start */
11854 .btn-toolbar.vbo-trackings-filters {
11855 margin-bottom: 20px;
11856 margin-top: 0 !important;
11857 height: auto !important;
11858 background: var(--vbo-toolbar-bg-color);
11859 padding: 10px;
11860 box-sizing: border-box;
11861 }
11862 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
11863 margin-right: 3px;
11864 }
11865 .vbo-trackings-table {
11866 background: var(--vbo-config-child-bg-color);
11867 }
11868 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
11869 background: var(--vbo-config-child-bg-color) !important;
11870 }
11871 .vbo-trackings-table-head {
11872 border-top: 1px solid var(--vbo-config-border-color);
11873 padding: 12px 15px 0;
11874 font-weight: bold;
11875 }
11876 .vbo-trackings-table-head-inner {
11877 display: flex;
11878 padding: 0 15px;
11879 }
11880 .vbo-trackings-table-head-inner > div i {
11881 margin-left: 5px;
11882 }
11883 .vbo-trackings-table-head-inner > div * {
11884 text-transform: uppercase;
11885 color: var(--vbo-config-titles-color-light);
11886 }
11887 .vbo-trackings-table-head-cell {
11888 flex: 1;
11889 padding: 0 5px;
11890 }
11891 .vbo-trackings-table-cell-ckb input {
11892 margin-top: 0;
11893 }
11894 .vbo-trackings-table-body {
11895 padding: 15px 15px 30px;
11896 }
11897 .vbo-trackings-table-body-row {
11898 display: flex;
11899 flex-wrap: wrap;
11900 background: var(--vbo-config-bg-color);
11901 padding: 15px;
11902 border-radius: 4px;
11903 margin: 15px 0;
11904 box-shadow: 0 4px 6px rgba(0,0,0,.05);
11905 }
11906 .vbo-trackings-table-body-cell {
11907 flex: 1;
11908 padding: 0 5px;
11909 }
11910 .vbo-trackings-table-cell-chevron {
11911 flex: 0 0 30px;
11912 cursor: pointer;
11913 padding-left: 0;
11914 }
11915 .vbo-trackings-table-cell-ckb {
11916 flex: 0 0 30px;
11917 }
11918 .vbo-trackings-table-cell-id {
11919 flex: 0 0 60px;
11920 }
11921 .vbo-trackings-table-body-subrow {
11922 display: none;
11923 flex: 0 0 100%;
11924 }
11925 .vbo-trackings-table-body-hidden-lbl {
11926 display: none;
11927 }
11928 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
11929 font-weight: bold;
11930 font-size: 1.1em;
11931 }
11932 .vbo-tracking-identifier-container {
11933 margin: 20px 0;
11934 background: var(--vbo-config-child-bg-color);
11935 border-radius: 4px;
11936 }
11937 .vbo-tracking-info-details {
11938 padding: 15px;
11939 display: flex;
11940 flex-wrap: wrap;
11941 border-bottom: 1px solid var(--vbo-config-border-color);
11942 }
11943 .vbo-tracking-info-details:last-child {
11944 border:0;
11945 }
11946 .vbo-tracking-info-details > div {
11947 flex: 1;
11948 padding: 0 10px
11949 }
11950 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
11951 flex: 0 0 15%;
11952 }
11953 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
11954 flex: 0 0 80px;
11955 }
11956 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
11957 flex: 0 0 15%;
11958 }
11959 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
11960 flex: 0 0 100%;
11961 }
11962 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
11963 margin-top: 0;
11964 }
11965 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
11966 flex: 0 0 10%;
11967 }
11968 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
11969 flex: 0 0 20%;
11970 }
11971 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
11972 display: inline-block;
11973 }
11974 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
11975 margin-right: 15px;
11976 }
11977 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
11978 font-weight: bold;
11979 }
11980 .vbo-tracking-info-device-cont i {
11981 font-size: 18px;
11982 }
11983 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
11984 font-size: 22px;
11985 }
11986 .vbo-tracking-info-subrow-lbl {
11987 text-transform: uppercase;
11988 font-weight: bold;
11989 color: #999;
11990 margin-bottom: 5px;
11991 }
11992 .vbo-tracking-info-dates-cont > div {
11993 margin-bottom: 5px;
11994 }
11995 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
11996 font-weight: bold;
11997 display: block;
11998 margin: 0;
11999 }
12000 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
12001 font-weight: bold;
12002 }
12003 .vbo-trackings-custcampaign {
12004 margin-bottom: 20px;
12005 background: var(--vbo-config-bg-color);
12006 border-radius: 10px;
12007 border: 1px solid var(--vbo-basic-btn);
12008 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12009 padding: 15px;
12010 }
12011 .vbo-trackings-custcampaign-box {
12012 display: inline-block;
12013 margin-right: 14px;
12014 }
12015 .vbo-trackings-custcampaign-box label {
12016 margin-bottom: 5px;
12017 font-weight: 500;
12018 }
12019 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
12020 width: 100% !important;
12021 }
12022 .vbo-tracking-info-party-room {
12023 margin-bottom: 5px;
12024 }
12025 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
12026 display: block;
12027 text-transform: uppercase;
12028 font-weight: bold;
12029 }
12030 .vbo-tracking-info-booking-cont .vbo-status-label.label-success {
12031 border: 2px solid var(--vbo-green-color);
12032 color: var(--vbo-green-color);
12033 background: transparent !important;
12034 }
12035 .vbo-tracking-info-booking-cont .vbo-status-label.label-error {
12036 border: 2px solid var(--vbo-red-color);
12037 color: var(--vbo-red-color);
12038 background: transparent !important;
12039 }
12040 .vbo-tracking-info-booking-cont .vbo-status-label.label-warning {
12041 border: 2px solid var(--vbo-orange-color);
12042 color: var(--vbo-orange-color);
12043 background: transparent !important;
12044 }
12045 .vbo-tracking-info-booking-cont a {
12046 background: var(--vbo-base-color);
12047 color: #fff;
12048 border: 2px solid var(--vbo-base-color);
12049 display: table;
12050 margin-top: 5px;
12051 padding: 5px 10px;
12052 border-radius: 3px;
12053 font-weight: bold;
12054 }
12055 .vbo-tracking-info-booking-cont a:hover {
12056 background: transparent;
12057 color: var(--vbo-base-color-hover);
12058 text-decoration: none;
12059 }
12060 .vbo-tracking-info-search-results {
12061 margin-top: 10px;
12062 }
12063 .vbo-tracking-info-search-result {
12064 border: 2px solid var(--vbo-config-border-color);
12065 border-radius: 4px;
12066 padding: 10px 15px;
12067 margin: 5px 0;
12068 }
12069 .vbo-tracking-info-search-result p {
12070 margin-bottom: 0;
12071 padding-bottom: 0;
12072 font-weight: bold;
12073 }
12074 .vbo-tracking-info-search-result i {
12075 margin-right: 5px;
12076 }
12077 .vbo-tracking-info-search-result-warning {
12078 border-color: var(--vbo-orange-color);
12079 }
12080 .vbo-tracking-info-search-result-warning i {
12081 color: var(--vbo-orange-color);
12082 }
12083 .vbo-tracking-info-search-result-error {
12084 border-color: var(--vbo-red-color);
12085 }
12086 .vbo-tracking-info-search-result-error i {
12087 color: var(--vbo-red-color);
12088 }
12089 .vbo-tracking-info-search-result-info {
12090 border-color: var(--vbo-blue-color);
12091 }
12092 .vbo-tracking-info-search-result-info i {
12093 color: var(--vbo-blue-color);
12094 }
12095 .vbo-tracking-info-search-result-success {
12096 border-color: var(--vbo-green-color);
12097 }
12098 .vbo-tracking-info-search-result-success i {
12099 color: var(--vbo-green-color);
12100 }
12101 #vbo-add-trkcampaign {
12102 margin-top: 5px;
12103 }
12104 .vbo-trackings-custcampaign-uri {
12105 font-weight: bold;
12106 margin-right: 0;
12107 }
12108 .vbo-trackings-custcampaign label {
12109 display: block;
12110 }
12111 .vbo-trackings-tabs > div {
12112 display: inline-block;
12113 cursor: pointer;
12114 padding: 11px 0px;
12115 margin: 0 12px;
12116 font-size: 1.2em;
12117 text-transform: uppercase;
12118 font-weight: bold;
12119 text-align: center;
12120 color: var(--vbo-config-titles-color-light);
12121 }
12122 .vbo-trackings-tabs > .vbo-trackings-tab-active {
12123 border-bottom: 2px solid var(--vbo-blue-color);
12124 color: var(--vbo-blue-color);
12125 }
12126 .vbo-trackings-tabcont-stats {
12127 background: var(--vbo-config-child-bg-color);
12128 border-top: 1px solid var(--vbo-config-border-color);
12129 padding: 10px;
12130 }
12131 .vbo-trackings-chart-bestnights {
12132 display: flex;
12133 flex-wrap: wrap;
12134 }
12135 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12136 flex: 100%;
12137 font-size: 1.1em;
12138 margin-left: 5px;
12139 border-bottom: 1px solid var(--vbo-config-border-color);
12140 padding-bottom: 10px;
12141 text-transform: uppercase;
12142 }
12143 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12144 background: var(--vbo-config-bg-color);
12145 padding: 15px;
12146 border-radius: 4px;
12147 margin: 5px;
12148 flex-basis: 10%;
12149 box-shadow: 0 0 10px rgba(0,0,0,.05);
12150 }
12151 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12152 font-weight: bold;
12153 margin-bottom: 10px;
12154 display: block;
12155 border-bottom: 1px solid var(--vbo-config-border-color);
12156 padding-bottom: 5px;
12157 text-transform: uppercase;
12158 color: var(--vbo-config-titles-color-light);
12159 }
12160 .vbo-trackings-chart-tot {
12161 font-size: 26px;
12162 color: var(--vbo-base-color);
12163 margin-right: 4px;
12164 }
12165 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12166 margin-bottom: 10px;
12167 }
12168 .vbo-trackings-chart-middle {
12169 display: flex;
12170 margin-top: 20px;
12171 }
12172 .vbo-trackings-chart-avgvals {
12173 flex: 55%;
12174 padding-right: 50px;
12175 }
12176 .vbo-trackings-chart-referrers {
12177 flex: 1;
12178 }
12179 .vbo-trackings-chart-avgval-listcont {
12180 display: flex;
12181 flex-wrap: wrap;
12182 }
12183 .vbo-trackings-chart-avgval-listcont > div {
12184 flex: 1;
12185 background: var(--vbo-config-bg-color);
12186 padding: 15px;
12187 border-radius: 4px;
12188 box-shadow: 0 0 10px rgba(0,0,0,.05);
12189 margin: 5px;
12190 }
12191 .vbo-trackings-chart-avgval-listcont > div h5 {
12192 margin-top: 0;
12193 }
12194 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12195 margin-right: 0;
12196 }
12197 .vbo-trackings-chart-pcent {
12198 font-size: 1.1em;
12199 color: var(--vbo-config-titles-color-light);
12200 font-weight: bold;
12201 }
12202 .vbo-trackings-chart-referrer {
12203 background: var(--vbo-config-bg-color);
12204 padding: 15px;
12205 border-radius: 4px;
12206 box-shadow: 0 0 10px rgba(0,0,0,.05);
12207 margin: 10px 5px;
12208 }
12209 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12210 color: var(--vbo-green-color);
12211 }
12212 .vbo-trackings-cookiediscl {
12213 font-style: italic;
12214 width: 70%;
12215 }
12216 /* Trackings - End */
12217
12218 .vbo-choosebusy-table {
12219 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12220 border: 1px solid rgb(221, 221, 221);
12221 margin: 0 0 20px;
12222 }
12223 .vbo-choosebusy-tr1 td {
12224 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12225 vertical-align: middle;
12226 padding: 14px;
12227 border-bottom: 1px solid rgb(204, 204, 204);
12228 font-size: 16px;
12229 font-weight: 500;
12230 }
12231 .vbo-choosebusy-tr2 td img {
12232 border-radius: 0 !important;
12233 width: 100%;
12234 }
12235 .vbo-choosebusy-tr3 td {
12236 padding: 10px;
12237 }
12238 .vbo-choosebusy-tr3 td .badge {
12239 padding:3px 8px;
12240 border-radius: 3px;
12241 }
12242 #filter-bar .btn-group {
12243 margin-left:5px;
12244 }
12245 .table-responsive {
12246 overflow-x: auto;
12247 overflow-y: hidden;
12248 min-height: 0.01%;
12249 }
12250 .table {
12251 width: 100%;
12252 max-width: 100%;
12253 margin-bottom: 20px;
12254 }
12255 .vbo-receipt-company-block-outer {
12256 margin: 10px 0;
12257 display: inline-block;
12258 width: 100%;
12259 }
12260 .vbo-receipt-company-block {
12261 display: inline-block;
12262 margin: 0 10px;
12263 }
12264 .vbo-receipt-numdate-block {
12265 display: inline-block;
12266 float: right;
12267 margin: 0 10px;
12268 background: var(--vbo-basic-btn);
12269 padding: 15px;
12270 }
12271 .vbo-receipt-company-logo {
12272 display: inline-block;
12273 float: left;
12274 }
12275 .vbo-receipt-company-info {
12276 float: left;
12277 text-align: left;
12278 }
12279 .vbo-receipt-numdate-title {
12280 font-size: 18px;
12281 margin-bottom: 10px;
12282 }
12283 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12284 font-size: 12px;
12285 font-weight: bold;
12286 color: var(--vbo-config-text-color-light);
12287 display: block;
12288 margin-bottom: 5px;
12289 }
12290 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12291 display: inline-block;
12292 vertical-align: top;
12293 }
12294 .vbo-receipt-numdate-num {
12295 margin-right: 5px;
12296 }
12297 .vbo-hidein-print {
12298 margin-bottom: 0 !important;
12299 }
12300 .vbo-showin-print {
12301 display: none;
12302 }
12303 .vbo-receipt-print-confirm {
12304 text-align: center;
12305 display: inline-block;
12306 width: 100%;
12307 }
12308 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12309 display: inline-block;
12310 background: var(--vbo-base-color);
12311 color: #fff;
12312 padding: 5px 15px;
12313 border-radius: 4px;
12314 font-weight: bold;
12315 margin: 10px;
12316 cursor: pointer;
12317 }
12318 .vbo-receipt-print-btn i {
12319 margin-right: 5px;
12320 }
12321 .vbo-receipt-notes-container {
12322 padding: 18px;
12323 }
12324 .vbo-receipt-notes-inner {
12325 background: var(--vbo-config-bg-color);
12326 padding: 15px;
12327 border-radius: 8px;
12328 margin: 10px 0;
12329 }
12330 .vbo-receipt-notes-tarea textarea {
12331 height: 200px;
12332 }
12333 /* Tableaux */
12334 .vbo-tableaux-container {
12335 background: var(--vbo-config-child-bg-color);
12336 padding: 5px 15px 10px;
12337 }
12338 .vbo-tableaux-months-wrap {
12339 display: flex;
12340 flex-wrap: wrap;
12341 border: 1px solid var(--vbo-config-border-color);
12342 margin: 15px 0;
12343 background: var(--vbo-config-bg-color);
12344 border-radius: 4px;
12345 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12346 }
12347 .vbo-tableaux-months-wrap > div {
12348 flex: 1;
12349 border-right: 1px solid var(--vbo-config-border-color);
12350 text-align: center;
12351 display: flex;
12352 }
12353 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12354 border-top-left-radius: 4px;
12355 border-bottom-left-radius: 4px;
12356 }
12357 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12358 border-top-right-radius: 4px;
12359 border-bottom-right-radius: 4px;
12360 border: 0;
12361 }
12362 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12363 padding: 15px 10px;
12364 cursor: pointer;
12365 flex: 1;
12366 }
12367 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12368 display: block;
12369 }
12370 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12371 background: var(--vbo-config-child-bg-color);
12372 }
12373 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12374 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12375 background: var(--vbo-base-color);
12376 color: #fff;
12377 }
12378 .vbo-tableaux-tbl-container {
12379 margin-top: 10px;
12380 }
12381 .vbo-tableaux-table {
12382 background: var(--vbo-config-bg-color);
12383 border-radius: 4px;
12384 box-shadow: 0 0 4px rgba(0,0,0,.05);
12385 width: 100%;
12386 margin-bottom: 200px;
12387 }
12388 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12389 text-align: center;
12390 padding: 10px 4px;
12391 background: var(--vbo-light-color-btn);
12392 border-left: 1px solid var(--vbo-config-border-color);
12393 }
12394 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12395 border-left: 0;
12396 }
12397 .vbo-tableaux-table-head-cell-monyear {
12398 color: var(--vbo-config-titles-color-light);
12399 font-weight: normal;
12400 }
12401 .vbo-tableaux-table-head-cell-wmday {
12402 font-size: 15px;
12403 }
12404 .vbo-tableaux-table tr {
12405 border-bottom: 1px solid var(--vbo-config-border-color);
12406 }
12407 .vbo-tableaux-table td {
12408 border-right: 1px solid var(--vbo-config-border-color);
12409 min-width: 100px;
12410 max-width: 100px;
12411 padding: 20px 0;
12412 position: relative;
12413 background-clip: padding-box !important;
12414 }
12415 .vbo-tableaux-table tr td:first-child {
12416 position: sticky;
12417 left: 0;
12418 background: var(--vbo-config-child-bg-color);
12419 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12420 min-width: 150px;
12421 max-width: 150px;
12422 z-index: 2;
12423 font-weight: bold;
12424 padding: 15px 15px;
12425 font-size: 14px;
12426 }
12427 .vbo-tableaux-roomrow td {
12428 vertical-align: top;
12429 }
12430 .vbo-tableaux-daycell {
12431 color: var(--vbo-config-titles-color-light);
12432 font-weight: bold;
12433 text-align: center;
12434 padding: 10px;
12435 font-size: 13px;
12436 }
12437 .vbo-tableaux-festcell {
12438 background: #cea7c7;
12439 color: #fff;
12440 cursor: pointer;
12441 }
12442 .vbo-tableaux-festcell:hover {
12443 background: #bb90b3;
12444 }
12445 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12446 background: #e1aed8;
12447 }
12448 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12449 background: var(--vbo-base-color);
12450 color: #fff;
12451 font-weight: bold;
12452 padding: 7px 5px;
12453 margin: 2px 0;
12454 white-space: nowrap;
12455 position: relative;
12456 }
12457 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12458 background: var(--vbo-config-bg-color);
12459 color: var(--vbo-config-title-color);
12460 border-top: 1px solid var(--vbo-config-title-color);
12461 border-bottom: 1px solid var(--vbo-config-title-color);
12462 height: 14px;
12463 margin: 2px -1.5px;
12464 box-sizing: content-box;
12465 }
12466 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12467 border-left: 1px solid var(--vbo-config-title-color);
12468 }
12469 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12470 border-right: 1px solid var(--vbo-config-title-color);
12471 }
12472 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12473 background: transparent;
12474 display: inline-block;
12475 width: 100%;
12476 }
12477 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12478 font-size: 13px;
12479 }
12480 .vbo-tableaux-booking-avatar {
12481 z-index: 1;
12482 position: absolute;
12483 top: -6px;
12484 left: -8px;
12485 }
12486 .vbo-tableaux-booking-avatar img {
12487 height: 24px;
12488 width: 24px;
12489 border-radius: 50%;
12490 object-fit: cover;
12491 border: 2px solid #fff;
12492 }
12493 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12494 top: -1px;
12495 left: -3px;
12496 }
12497 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12498 border: 0;
12499 }
12500 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12501 padding-left: 25px;
12502 }
12503 .vbo-overv-avcell .vbo-tableaux-guest-name {
12504 font-weight: normal;
12505 font-size: 12px;
12506 }
12507 .vbo-tableaux-booking > span {
12508 position: relative;
12509 z-index: 1;
12510 }
12511 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12512 display: inline-block;
12513 margin-left: 5px;
12514 }
12515 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12516 width: 64%;
12517 float: right;
12518 border-top-left-radius: 20px;
12519 border-bottom-left-radius: 20px;
12520 padding-left: 10px;
12521 position: relative;
12522 margin-right: -2px;
12523 }
12524 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12525 position: relative;
12526 z-index: 1;
12527 }
12528 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12529 /* overflow: hidden;
12530 display: table-cell; */
12531 display: inline-block;
12532 width: 130px;
12533 clip-path: inset( -100vw 0 -100vw -8px );
12534 }
12535 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12536 top: -5px;
12537 }
12538 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12539 width: 64%;
12540 float: left;
12541 border-top-right-radius: 20px;
12542 border-bottom-right-radius: 20px;
12543 padding-right: 10px;
12544 }
12545 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12546 display: inline-block;
12547 width: 100%;
12548 }
12549 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12550 padding: 10px 15px;
12551 font-size: 1.2em;
12552 font-weight: bold;
12553 color: var(--vbo-base-color);
12554 border-left: 0;
12555 }
12556 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12557 border-left: 2px solid var(--vbo-config-border-color);
12558 }
12559 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12560 border-left: 2px solid var(--vbo-config-border-color);
12561 }
12562 .vbo-tableaux-table .vbo-tableaux-todaycell {
12563 background: var(--vbo-config-child-bg-color);
12564 }
12565 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12566 background: #d9b9d3;
12567 }
12568 .vbo-pmsperm-entry-wrap {
12569 display: flex;
12570 flex-wrap: wrap;
12571 background: var(--vbo-config-child-bg-color);
12572 margin: 5px 0;
12573 padding: 10px
12574 }
12575 .vbo-pmsperm-entry-wrap > div {
12576 margin: 5px;
12577 }
12578 .vbo-pmsperm-entry-wrap > div:first-child {
12579 flex-basis: 105px;
12580 }
12581 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12582 padding: 8px 14px;
12583 }
12584 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12585 margin-bottom: 0 !important;
12586 }
12587 .vbo-pmsperm-entry-cont:last-child {
12588 display: flex;
12589 }
12590 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12591 margin-top: 24px;
12592 }
12593 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12594 text-align: center;
12595 margin-top: 15px;
12596 }
12597
12598 .vbo-operator-tools-list {
12599 border-bottom: 1px solid var(--vbo-config-border-color);
12600 }
12601 .vbo-operator-tools-list .vbo-operator-tool-tab {
12602 display: inline-block;
12603 border-bottom: 2px solid var(--vbo-config-bg-color);
12604 color: var(--vbo-config-titles-color-light);
12605 }
12606 .vbo-operator-tools-list .vbo-operator-tool-tab .vbo-operator-tool-name {
12607 display: inline-block;
12608 padding: 10px;
12609 cursor: pointer;
12610 }
12611 .vbo-operator-tools-list .vbo-operator-tool-tab-active {
12612 border-color: var(--vbo-config-title-color);
12613 color: var(--vbo-config-title-color);
12614 font-weight: bold;
12615 }
12616 .vbo-operator-tool-permissions-activeperms {
12617 margin-top: 10px;
12618 }
12619 .vbo-operator-tool-permissions-activeperms .vbo-params-block {
12620 padding-bottom: 0;
12621 margin-bottom: 10px;
12622 }
12623 .vbo-operator-tool-permissions-activeperms .vbo-param-container {
12624 margin: 0;
12625 }
12626 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label {
12627 margin-bottom: 0;
12628 }
12629 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a {
12630 color: inherit;
12631 }
12632 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a:hover {
12633 color: var(--vbo-base-color);
12634 }
12635 .vbo-operator-tool-tab-selector .vbo-admin-container {
12636 background: var(--vbo-config-child-bg-color);
12637 padding: 10px;
12638 border-bottom-right-radius: 8px;
12639 border-bottom-left-radius: 8px;
12640 }
12641 .vbo-operator-tool-permissions .vbo-customer-info-box-avatar i {
12642 width: 30px;
12643 height: 30px;
12644 border-radius: 50%;
12645 line-height: 28px;
12646 background: var(--vbo-config-child-bg-color);
12647 text-align: center;
12648 font-size: 12px;
12649 border: 1px solid var(--vbo-basic-btn);
12650 box-sizing: border-box;
12651 }
12652 .vbo-customer-info-box .vbo-customer-info-box-avatar img.no-click {
12653 cursor: inherit;
12654 }
12655 .vbo-tableauxperms-info-add {
12656 margin-bottom: 15px;
12657 text-align: center;
12658 }
12659 .vbo-pmsperm-entry-lbl {
12660 font-weight: bold;
12661 margin-bottom: 4px;
12662 }
12663 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
12664 margin-bottom: 10px;
12665 }
12666 #filter-bar.vbo-tableaux-filters {
12667 height: auto;
12668 background: var(--vbo-toolbar-bg-color);
12669 padding: 10px 10px 6px;
12670 box-sizing: border-box;
12671 }
12672 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
12673 background: var(--vbo-input-style);
12674 border-color: var(--vbo-config-border-color);
12675 }
12676 /* eInvoicing - start */
12677 .vbo-einvoicing-cellaction[data-einvaction="0"] {
12678 background: var(--vbo-red-color);
12679 }
12680 .vbo-einvoicing-cellaction[data-einvaction="1"] {
12681 background: var(--vbo-green-color);
12682 }
12683 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
12684 background: var(--vbo-blue-color);
12685 }
12686 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
12687 background: var(--vbo-orange-color);
12688 }
12689 #driversettingsform .vbo-driver-fieldset {
12690 margin-top: 20px;
12691 }
12692 #driversettingsform .vbo-driver-fieldset {
12693 border-bottom: 0;
12694 }
12695 .vbo-info-overlay-driver {
12696 height: 90% !important;
12697 }
12698 .vbo-drivers-filters-outer {
12699 display: inline-block;
12700 width: 100%;
12701 margin-top: 0;
12702 height: auto;
12703 background: var(--vbo-config-border-color);
12704 padding: 10px;
12705 box-sizing: border-box;
12706 }
12707 .vbo-drivers-filters-outer > div {
12708 display: inline-block;
12709 }
12710 .vbo-drivers-container {
12711 background: var(--vbo-main-bg-color);
12712 }
12713 .vbo-drivers-filters-driver {
12714 margin: 0 15px 0 0;
12715 }
12716 .vbo-drivers-filters-driver > div {
12717 display: inline-block;
12718 vertical-align: top;
12719 margin-right: 5px;
12720 }
12721 .vbo-drivers-custom-actions {
12722 float: right;
12723 }
12724 .vbo-drivers-custom-actions > div {
12725 display: inline-block;
12726 vertical-align: top;
12727 }
12728 .vbo-drivers-topbar {
12729 display: inline-block;
12730 width: 100%;
12731 margin-bottom: 10px;
12732 border-bottom: 1px solid var(--vbo-config-border-color);
12733 padding-bottom: 10px;
12734 }
12735 .vbo-drivers-topbar > div {
12736 display: inline-block;
12737 vertical-align: top;
12738 }
12739 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
12740 margin-top: 22px;
12741 }
12742 .vbo-drivers-output {
12743 padding-bottom: 17px;
12744 }
12745 .vbo-drivers-output .table-responsive {
12746 border-radius: 8px;
12747 box-shadow: 0 0px 20px #0000001a;
12748 margin: 18px;
12749 background: var(--vbo-config-bg-color);
12750 }
12751 .vbo-drivers-output table {
12752 margin-bottom: 0;
12753 }
12754 .vbo-drivers-output table thead {
12755 background: var(--vbo-config-child-bg-color);
12756 text-transform: uppercase;
12757 font-weight: bold;
12758 }
12759 .vbo-drivers-output table thead th {
12760 padding: 15px 15px;
12761 color: var(--vbo-config-title-color);
12762 }
12763 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
12764 padding: 15px 15px;
12765 }
12766 .vbo-drivers-output table tbody tr td:first-child span {
12767 font-weight: bold;
12768 }
12769 .vbo-drivers-output table tbody tr:nth-child(2n) {
12770 background: var(--vbo-config-child-bg-color);
12771 }
12772 .vbo-drivers-output table tfoot {
12773 background: var(--vbo-config-child-bg-color);
12774 }
12775 .vbo-drivers-output table tfoot tr:last-child td {
12776 vertical-align: middle;
12777 }
12778 .vbo-drivers-output table td .btn.btn-danger {
12779 padding: 4px 12px;
12780 font-weight: normal;
12781 font-size: 13px;
12782 }
12783 .vbo-drivers-output .vbo-driver-customoutput {
12784 display: inline-block;
12785 color: #fff;
12786 padding: 5px 4px;
12787 border-radius: 5px;
12788 height: 15px;
12789 width: 15px;
12790 cursor: pointer;
12791 }
12792 .vbo-drivers-output .vbo-driver-output-vieweinv {
12793 background: #999;
12794 border:1px solid #999;
12795 }
12796 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
12797 background: #888;
12798 }
12799 .vbo-drivers-output .vbo-driver-output-editeinv {
12800 background: var(--vbo-blue-color);
12801 border: 1px solid var(--vbo-blue-color);
12802 }
12803 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
12804 background: var(--vbo-blue-color-hover);
12805 }
12806 .vbo-drivers-output .vbo-driver-output-rmeinv {
12807 background: var(--vbo-red-color);
12808 border: 1px solid var(--vbo-red-color);
12809 }
12810 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
12811 background: var(--vbo-red-color-hover);
12812 }
12813 .vbo-drivers-output .fa-external-link {
12814 color: #444;
12815 margin-right: 5px;
12816 }
12817 .vbo-drivers-output .fa-external-link:hover {
12818 color: var(--vbo-blue-color);
12819 }
12820 /* eInvoicing - end */
12821
12822 /* Opportunities */
12823 .vbo-menu-updates .vbo-opportunities-btnbadge {
12824 background: var(--vbo-blue-color);
12825 border-color: var(--vbo-blue-color);
12826 position: relative;
12827 z-index: 1;
12828 }
12829 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
12830 background: var(--vbo-blue-color-hover);
12831 border-color: var(--vbo-blue-color-hover);
12832 }
12833 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
12834 background: var(--vbo-blue-color-hover);
12835 border-color: var(--vbo-blue-color-hover);
12836 }
12837 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
12838 content: attr(data-opportunity-count);
12839 background: var(--vbo-red-color);
12840 color: #fff;
12841 border: 1px solid var(--vbo-blue-color);
12842 width: 20px;
12843 height: 20px;
12844 border-radius: 50%;
12845 position: absolute;
12846 top: -5px;
12847 left: -8px;
12848 font-weight: bold;
12849 font-size: 11px;
12850 line-height: 20px;
12851 text-align: center;
12852 }
12853 .vbo-menu-updates .vbo-opportunities-btnbadge i {
12854 margin-right: 5px;
12855 }
12856 /* Guest Reviews */
12857 .vbo-menu-updates .vbo-reviews-btnbadge {
12858 background: #20a9b0;
12859 border-color: #20a9b0;
12860 position: relative;
12861 z-index: 0;
12862 }
12863 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
12864 background: #57bbbf;
12865 border-color: #57bbbf;
12866 }
12867 .vbo-menu-updates .vbo-reviews-btnbadge:active {
12868 background: #4ccbd0;
12869 border-color: #4ccbd0;
12870 }
12871 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
12872 content: attr(data-reviews-count);
12873 background: var(--vbo-red-color);
12874 color: #fff;
12875 border: 1px solid var(--vbo-blue-color);
12876 width: 20px;
12877 height: 20px;
12878 border-radius: 50%;
12879 position: absolute;
12880 top: -5px;
12881 left: -8px;
12882 font-weight: bold;
12883 font-size: 11px;
12884 line-height: 20px;
12885 text-align: center;
12886 }
12887 .vbo-menu-updates .vbo-reviews-btnbadge i {
12888 margin-right: 5px;
12889 }
12890
12891 /* Notification Center Menu */
12892 .vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover {
12893 background: #9bc1d7;
12894 color: #2a5166;
12895 }
12896 .vbo-notifications-center-container {
12897 position: relative;
12898 float: right;
12899 }
12900 .vbo-notifications-center-handler {
12901 float: right;
12902 display: inline-block;
12903 background: #3f708b;
12904 color: #fff;
12905 font-weight: bold;
12906 border: 1px solid #3f708b;
12907 margin: 7px 8px 6px 2px;
12908 width: 44px;
12909 height: 44px;
12910 line-height: 36px;
12911 padding: 0;
12912 border-radius: 50%;
12913 position: relative;
12914 }
12915 .vbo-notifications-center-handler:not([data-badge-read=""]):after {
12916 content: attr(data-badge-read);
12917 background: var(--vbo-red-color);
12918 color: var(--vbo-contrast-text-color);
12919 height: 18px;
12920 border: 1px solid var(--vbo-contrast-text-color);
12921 text-align: center;
12922 position: absolute;
12923 top: -5px;
12924 right: -11px;
12925 font-size: 11px;
12926 line-height: 18px;
12927 border-radius: 6px;
12928 padding: 0px 4px;
12929 }
12930 .vbo-notifications-center-handler.shaking:not([data-badge-read=""]):after {
12931 -webkit-animation-name: vik-zoom-in-zoom-out;
12932 animation-name: vik-zoom-in-zoom-out;
12933 transform-origin: center bottom;
12934 -webkit-animation-duration: 1s;
12935 animation-duration: 1s;
12936 -webkit-animation-fill-mode: both;
12937 animation-fill-mode: both;
12938 -webkit-animation-iteration-count: 1;
12939 animation-iteration-count: 1;
12940 }
12941 @keyframes vik-zoom-in-zoom-out {
12942 0% {
12943 transform: scale(1, 1);
12944 }
12945 50% {
12946 transform: scale(1.2, 1.2);
12947 }
12948 100% {
12949 transform: scale(1, 1);
12950 }
12951 }
12952 .vbo-menu-updates .vbo-notifications-center-handler > i {
12953 margin: 0;
12954 }
12955 .vbo-notifications-center-wrap {
12956 background: var(--vbo-config-bg-color);
12957 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
12958 width: 35vw;
12959 min-width: 180px;
12960 border-radius: 10px;
12961 margin: 0;
12962 position: absolute;
12963 z-index: 100;
12964 padding: 22px;
12965 visibility: visible;
12966 top: 57px;
12967 right: 0;
12968 }
12969 .vbo-notifications-center-wrap:before {
12970 width: 0;
12971 height: 0;
12972 border-style: solid;
12973 border-width: 0 7.5px 7px 7.5px;
12974 border-color: transparent transparent var(--vbo-config-bg-color) transparent;
12975 content: "";
12976 position: absolute;
12977 top: -7px;
12978 right: 23px;
12979 }
12980 .vbo-notifications-center-wrap.vbo-notifications-center-on {
12981 display: inline-block;
12982 }
12983 .vbo-notifications-center-wrap.vbo-notifications-center-off {
12984 display: none;
12985 }
12986 .vbo-notifications-center-inner .vbo-notifications-center-loading {
12987 position: relative;
12988 padding: 50px;
12989 }
12990 .vbo-notifications-center-inner .vbo-notifications-center-loading i {
12991 position: absolute;
12992 top: 50%;
12993 left: 50%;
12994 transform: translate(-50%, -50%);
12995 font-size: 24px;
12996 }
12997 .vbo-menu-updates .vbo-notifications-center-wrap {
12998 padding: 10px 22px 22px;
12999 }
13000 .vbo-menu-updates .vbo-admin-widget-head {
13001 border-bottom: 0;
13002 }
13003 .vbo-menu-updates .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
13004 padding: 0px 0 8px 10px;
13005 }
13006 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 {
13007 padding: 0px 0 3px 0;
13008 }
13009 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 i {
13010 display: none;
13011 }
13012 .vbo-menu-updates .vbo-notifications-center-inmenu-widget .vbo-suggest-notifications-btn:hover {
13013 background: none;
13014 }
13015
13016 /* New Overlay */
13017 .vbo-modal-overlay-block {
13018 position: fixed;
13019 left: 0;
13020 top: 0;
13021 width: 100%;
13022 height: 100%;
13023 background-color: rgba(6, 52, 77, 0.58);
13024 display: none;
13025 z-index: 2147483647 !important;
13026 }
13027 .vbo-modal-overlay-block-geomap-lowerzindex {
13028 z-index: 99999 !important;
13029 }
13030 .vbo-modal-overlay-block .vbo-modal-overlay-close {
13031 display: block;
13032 height: 100%;
13033 cursor: default;
13034 }
13035 .vbo-modal-overlay-block .vbo-modal-overlay-content {
13036 position: fixed;
13037 left: 50%;
13038 top: 50%;
13039 transform: translate(-50%, -50%);
13040 width: 40%;
13041 height: 60%;
13042 z-index: 101;
13043 border-radius: 5px;
13044 background-color: var(--vbo-config-bg-color);
13045 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
13046 overflow: auto;
13047 -webkit-font-smoothing: antialiased;
13048 }
13049 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
13050 width: 65%;
13051 height: 85%;
13052 border-radius: 16px;
13053 }
13054 .vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen {
13055 width: 100%;
13056 height: 100%;
13057 }
13058 .vik-contentbuilder-textmode-sptags {
13059 float: none;
13060 }
13061 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
13062 width: 65%;
13063 height: 85%;
13064 }
13065 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
13066 height: 80%;
13067 }
13068 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
13069 border-radius: 20px;
13070 }
13071 .vbo-modal-overlay-content-backdrop {
13072 position: absolute;
13073 height: 100%;
13074 width: 100%;
13075 background: rgba(0, 0, 0, .4);
13076 z-index: 100;
13077 }
13078 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
13079 left: -20px;
13080 width: calc(100% + 40px);
13081 }
13082 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
13083 position: absolute;
13084 top: 50%;
13085 left: 50%;
13086 transform: translate(-50%, -50%);
13087 }
13088 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
13089 font-size: 40px;
13090 color: #fff;
13091 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
13092 }
13093 .vbo-modal-overlay-content-head {
13094 padding: 20px;
13095 background: var(--vbo-config-child-bg-color);
13096 }
13097 .vbo-modal-overlay-content-head h3 > i {
13098 margin-right: 5px;
13099 color: var(--vbo-config-titles-color-light);
13100 }
13101 .vbo-modal-overlay-close-times {
13102 float: right;
13103 font-size: 20px;
13104 cursor: pointer;
13105 color: var(--vbo-config-title-color);
13106 padding: 10px;
13107 cursor: pointer;
13108 margin-top: -10px;
13109 display: inline-block;
13110 }
13111 .vbo-modal-overlay-close-times:hover {
13112 color: #619dca;
13113 }
13114 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
13115 background: var(--vbo-config-bg-color);
13116 padding: 0;
13117 }
13118 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
13119 position: absolute;
13120 right: 10px;
13121 top: 7px;
13122 margin: 0;
13123 padding: 0;
13124 }
13125 .vbo-modal-overlay-content-body {
13126 padding: 20px 20px 10px;
13127 }
13128 .vbo-modal-widget .vbo-modal-overlay-content-body {
13129 padding-top: 0;
13130 }
13131 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
13132 padding: 0 5px;
13133 }
13134 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
13135 padding: 35px 35px 10px;
13136 }
13137 .vbo-modal-overlay-content-footer {
13138 margin-top: 15px;
13139 text-align: right;
13140 position: absolute;
13141 width: calc(100% - 40px);
13142 right: 0;
13143 bottom: 0;
13144 border-top: 1px solid var(--vbo-config-border-color);
13145 background: var(--vbo-config-child-bg-color);
13146 padding: 10px 20px;
13147 box-sizing: content-box;
13148 }
13149 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
13150 float: left;
13151 }
13152 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
13153 font-size: 16px;
13154 font-weight: bold;
13155 }
13156 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
13157 text-align: center;
13158 padding: 10px 20px 10px;
13159 height: calc(100% - 78.2px);
13160 position: relative;
13161 }
13162 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
13163 top: 50%;
13164 left: 50%;
13165 transform: translate(-50%, -50%);
13166 position: absolute;
13167 }
13168 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
13169 border-radius: 6px;
13170 box-shadow: 0 0 10px rgba(0,0,0,.4);
13171 max-width: 80%;
13172 }
13173 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
13174 height: calc(100% - 100px);
13175 }
13176 .vbo-modal-overlay-content {
13177 -webkit-animation-name: VikfadeInUp;
13178 animation-name: VikfadeInUp;
13179
13180 -webkit-animation-duration: .5s;
13181 animation-duration: .5s;
13182 -webkit-animation-fill-mode: both;
13183 animation-fill-mode: both;
13184 }
13185 .vbo-optionals-dmgdepbcom-trigger {
13186 white-space: nowrap;
13187 }
13188
13189 @-webkit-keyframes VikfadeInUp {
13190 from {
13191 opacity: 0;
13192 -webkit-transform: translate3d(-50%, -20%, 0);
13193 transform: translate3d(-50%, -20%, 0);
13194 }
13195
13196 to {
13197 opacity: 1;
13198 -webkit-transform: translate3d(-50%, -50%, 0);
13199 transform: translate3d(-50%, -50%, 0);
13200 }
13201 }
13202
13203 @keyframes VikfadeInUp {
13204 from {
13205 opacity: 0;
13206 -webkit-transform: translate3d(-50%, -20%, 0);
13207 transform: translate3d(-50%, -20%, 0);
13208 }
13209
13210 to {
13211 opacity: 1;
13212 -webkit-transform: translate3d(-50%, -50%, 0);
13213 transform: translate3d(-50%, -50%, 0);
13214 }
13215 }
13216
13217 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
13218 margin-top: 15px;
13219 }
13220 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
13221 padding: 10px;
13222 display: flex;
13223 flex-wrap: wrap;
13224 border-bottom: 1px solid var(--vbo-config-border-color);
13225 }
13226 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
13227 flex: 1;
13228 font-weight: bold;
13229 font-size: 1.1em;
13230 align-self: center;
13231 }
13232 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
13233 margin: 0 15px;
13234 align-self: center;
13235 font-weight: bold;
13236 }
13237 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
13238 margin-left: auto;
13239 }
13240 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
13241 padding: 3px 6px;
13242 }
13243 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
13244 margin-right: 0;
13245 }
13246 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
13247 padding: 3px 6px;
13248 }
13249 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
13250 margin-right: 0;
13251 }
13252 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
13253 border: 1px solid var(--vbo-config-border-color);
13254 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13255 border-radius: 10px;
13256 margin-bottom: 10px;
13257 }
13258 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
13259 border-color: var(--vbo-base-color);
13260 }
13261 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
13262 display: grid;
13263 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
13264 column-gap: 20px;
13265 row-gap: 5px;
13266 padding: 10px;
13267 }
13268 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
13269 display: block;
13270 font-weight: 500;
13271 }
13272 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
13273 width: 100%;
13274 display: flex;
13275 border-radius: 6px;
13276 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13277 }
13278 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
13279 flex: 1;
13280 border-color: var(--vbo-config-border-color);
13281 border-top-left-radius: 6px;
13282 border-bottom-left-radius: 6px;
13283 }
13284 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
13285 box-shadow: none;
13286 }
13287 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
13288 border-top-right-radius: 6px;
13289 border-bottom-right-radius: 6px;
13290 }
13291 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
13292 margin: 0px 0 15px;
13293 }
13294 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem:last-child {
13295 margin-bottom: 0;
13296 }
13297 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
13298 font-weight: 500;
13299 display: block;
13300 margin-bottom: 4px;
13301 }
13302 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
13303 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
13304 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
13305 min-width: 50%;
13306 }
13307 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
13308 border: 1px solid #ddd;
13309 border-radius: 2px;
13310 padding: 8px 10px;
13311 margin-bottom: 0;
13312 box-sizing: border-box;
13313 height: auto;
13314 }
13315 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
13316 margin-bottom: 0;
13317 border-radius: 2px;
13318 border: 1px solid var(--vbo-config-border-color);
13319 padding: 8px 10px;
13320 height: inherit;
13321 }
13322 .vbo-modal-overlay-content-body .vbo-modal-guestmisconduct-addnew-save, .vbo-modal-overlay-content-body .vbo-modal-bcomdmgdeposit-addnew-save {
13323 margin-top: 15px;
13324 }
13325
13326 /* Content Builder */
13327 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13328 border: 1px solid var(--vbo-config-border-color);
13329 }
13330 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13331 color: var(--vbo-config-titles-color-light);
13332 }
13333 .ql-toolbar .ql-stroke {
13334 stroke: var(--vbo-config-titles-color-light);
13335 }
13336 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13337 fill: var(--vbo-config-titles-color-light);
13338 }
13339 .ql-toolbar .ql-formats > button {
13340 color: var(--vbo-config-titles-color-light);
13341 }
13342 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13343 border-color: var(--vbo-config-border-color);
13344 }
13345 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13346 border: 0;
13347 }
13348 .ql-snow .ql-picker-options {
13349 background-color: var(--vbo-config-bg-color)
13350 }
13351 .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 {
13352 color: var(--vbo-base-color);
13353 }
13354 .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 {
13355 stroke: var(--vbo-base-color);
13356 }
13357 .ql-editor {
13358 min-height: 200px;
13359 max-height: 75vh;
13360 }
13361 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13362 background: #fbfbfb;
13363 border-radius: 6px;
13364 border-top: 1px solid var(--vbo-config-border-color);
13365 }
13366 .ql-toolbar.ql-snow {
13367 border: 0;
13368 padding: 8px 0;
13369 }
13370 .ql-toolbar.ql-snow .ql-formats {
13371 background: var(--vbo-body-bg-color);
13372 border: 1px solid var(--vbo-config-border-color);
13373 padding: 5px;
13374 border-radius: 6px;
13375 }
13376 .ql-snow .ql-tooltip {
13377 background-color: var(--vbo-config-bg-color);
13378 border: 1px solid var(--vbo-config-border-color);
13379 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13380 padding: 30px 12px 10px;
13381 border-radius: 4px;
13382 color: inherit;
13383 }
13384 .ql-snow .ql-tooltip::before {
13385 position: absolute;
13386 top: 4px;
13387 }
13388 .ql-snow .ql-tooltip .ql-action {
13389 background-color: var(--vbo-base-color);
13390 border: 1px solid var(--vbo-base-color);
13391 color: #fff;
13392 display: inline-block;
13393 padding: 5px 10px;
13394 }
13395 .ql-snow .ql-tooltip .ql-action:after {
13396 margin-left: 0 !important;
13397 }
13398 .ql-snow .ql-tooltip .ql-action:hover {
13399 background-color: var(--vbo-base-color-hover);
13400 border: 1px solid var(--vbo-base-color-hover);
13401 }
13402 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13403 background-color: rgba(59, 193, 255, 0.2);
13404 }
13405 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13406 height: 30px;
13407 background: transparent;
13408 }
13409 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13410 border-style: solid;
13411 border-color: var(--vbo-config-text-color-light);
13412 border-width: 1px 0 0 0;
13413 border-radius: 20px;
13414 }
13415 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13416 border-style: solid;
13417 border-color: var(--vbo-config-text-color-light);
13418 border-width: 0 0 1px 0;
13419 border-radius: 20px;
13420 }
13421 .vik-contentbuilder-switcher {
13422 margin-bottom: 2px;
13423 }
13424 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13425 background: var(--vbo-input-style-deactive);
13426 border-color: var(--vbo-config-border-color);
13427 }
13428 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13429 border-color: var(--vbo-base-color-hover);
13430 }
13431 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13432 background: var(--vbo-middle-color-btn);
13433 border-color: var(--vbo-config-border-color);
13434 }
13435 /* Start - iOS-style toggle/switch button */
13436 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13437 margin: auto;
13438 padding: 20px 0;
13439 width: 55px;
13440 margin-top: 20px;
13441 border-radius: 5px;
13442 }
13443 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13444 opacity: 0;
13445 position: absolute;
13446 }
13447 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13448 position: relative;
13449 display: inline-block;
13450 user-select: none;
13451 transition: .4s ease;
13452 height: 30px;
13453 width: 50px;
13454 border: 1px solid var(--vbo-config-bg-color);
13455 border-radius: 60px;
13456 }
13457 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13458 content: "";
13459 position: absolute;
13460 display: block;
13461 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13462 height: 30px;
13463 width: 51px;
13464 top: 0;
13465 left: 0;
13466 border-radius: 30px;
13467 background: var(--vbo-config-border-color);
13468 }
13469 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13470 content: "";
13471 position: absolute;
13472 display: block;
13473 /*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);*/
13474 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13475 background: var(--vbo-config-bg-color);
13476 height: 24px;
13477 width: 24px;
13478 top: 3px;
13479 left: 3px;
13480 border-radius: 60px;
13481 }
13482 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13483 background: var(--vbo-green-color);
13484 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13485 }
13486 .vbo-iostoggle-wrap.blue input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.blue input.vik-iostoggle-elem:checked + label:before {
13487 background: var(--vbo-base-color);
13488 }
13489 .vbo-iostoggle-wrap.orange input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.orange input.vik-iostoggle-elem:checked + label:before {
13490 background: var(--vbo-orange-color);
13491 }
13492 .vbo-iostoggle-wrap.red input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.red input.vik-iostoggle-elem:checked + label:before {
13493 background: var(--vbo-red-color);
13494 }
13495 .vbo-iostoggle-wrap.gold input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.gold input.vik-iostoggle-elem:checked + label:before {
13496 background: var(--vbo-gold-color);
13497 }
13498 .vbo-iostoggle-wrap.purple input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.purple input.vik-iostoggle-elem:checked + label:before {
13499 background: var(--vbo-purple-color);
13500 }
13501 .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 {
13502 background: var(--vbo-red-color);
13503 }
13504 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
13505 left: 24px;
13506 }
13507 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
13508 color: var(--vbo-config-titles-color-light);
13509 content: attr(data-off);
13510 top: 6px;
13511 left: 60px;
13512 width: 36px;
13513 position: absolute;
13514 height: 10px;
13515 }
13516 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
13517 color: rgba(19,191,17,1);
13518 content: attr(data-on);
13519 }
13520 /* End - iOS-style toggle/switch button */
13521
13522 /* multi toogle/switch button - Start */
13523 .vik-multiswitch-wrap {
13524 position: relative;
13525 display: inline-flex;
13526 justify-content: center;
13527 align-items: flex-start;
13528 border: 1px solid var(--vbo-config-border-color);
13529 border-radius: 16px;
13530 min-width: 150px;
13531 height: 50px;
13532 }
13533 .vik-multiswitch-radiobtn {
13534 display: flex;
13535 justify-content: center;
13536 align-items: center;
13537 height: 100%;
13538 flex: 1;
13539 }
13540 .vik-multiswitch-radiobtn input {
13541 display: none !important;
13542 }
13543 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13544 width: 50px;
13545 height: 50px;
13546 border-radius: 50%;
13547 display: inline-block;
13548 transition: opacity 0.3s ease;
13549 opacity: 0.3;
13550 top: 0;
13551 cursor: pointer;
13552 }
13553 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13554 position: absolute;
13555 left: 33%;
13556 transition: transform 1s;
13557 width: 50px;
13558 height: 50px;
13559 background: transparent;
13560 }
13561 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13562 position: absolute;
13563 left: 0;
13564 text-align: center;
13565 }
13566 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13567 width: 50px;
13568 height: 50px;
13569 -moz-animation-duration: 0.4s;
13570 -moz-animation-name: slideFirst;
13571 -webkit-animation-duration: 0.4s;
13572 -webkit-animation-name: slideFirst;
13573 animation-duration: 0.4s;
13574 animation-name: slideFirst;
13575 -webkit-transform: translateZ(0);
13576 background-color: var(--vbo-green-color);
13577 }
13578 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13579 border-radius: 15px;
13580 background: var(--vbo-basic-btn);
13581 opacity: 0.7;
13582 }
13583 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13584 position: absolute;
13585 right: 0;
13586 text-align: center;
13587 }
13588 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13589 -moz-animation-duration: 0.4s;
13590 -moz-animation-name: slideLast;
13591 -webkit-animation-duration: 0.4s;
13592 -webkit-animation-name: slideLast;
13593 animation-duration: 0.4s;
13594 animation-name: slideLast;
13595 -webkit-transform: translateZ(0);
13596 width: 50px;
13597 height: 50px;
13598 background-color: var(--vbo-red-color);
13599 }
13600 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13601 opacity: 1;
13602 display: inline-block;
13603 z-index: 0;
13604 }
13605 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13606 background-color: var(--vbo-basic-btn);
13607 }
13608 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13609 background-color: #222;
13610 }
13611 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13612 background-color: #b1e0e2;
13613 }
13614 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13615 color: #0f1216;
13616 }
13617 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13618 color: #fff;
13619 }
13620 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13621 position: relative;
13622 z-index: 1;
13623 color: var(--vbo-body-text-color);
13624 font-size: 13px;
13625 }
13626 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13627 font-size: 16px;
13628 }
13629 .vik-multiswitch-noanimation {
13630 border-radius: 18px;
13631 }
13632 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13633 position: relative;
13634 padding: 5px 10px;
13635 box-sizing: border-box;
13636 }
13637 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13638 width: 50px;
13639 height: 50px;
13640 border-radius: 15px;
13641 }
13642 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13643 position: absolute;
13644 left: 0;
13645 }
13646 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13647 position: absolute;
13648 right: 0;
13649 }
13650 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
13651 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13652 animation: none !important;
13653 }
13654 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13655 width: 100%;
13656 height: 100%;
13657 border-radius: 15px;
13658 position: absolute;
13659 left: 0;
13660 }
13661 .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 {
13662 background-color: var(--vbo-base-color);
13663 }
13664 .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 {
13665 color: #fff;
13666 }
13667 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
13668 float: right;
13669 margin: 12px 15px 10px 20px;
13670 }
13671 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
13672 height: 40px;
13673 }
13674
13675 @keyframes slideFirst {
13676 from {
13677 transform: translate(100%, 0);
13678 }
13679 to {
13680 transform: translate(0px, 0px);
13681 }
13682 }
13683
13684
13685 @keyframes slideLast {
13686 from {
13687 transform: translate(-100%,0);
13688 }
13689 to {
13690 transform: translate( 0px, 0px);
13691 }
13692 }
13693
13694 /* Multi toogle/switch button - end */
13695
13696 /* New Dashboard 2021 */
13697 .vbo-admin-widgets-commands {
13698 display: inline-block;
13699 width: 100%;
13700 }
13701 .vbo-admin-widgets-commands-mng {
13702 display: inline-block;
13703 border: 1px solid var(--vbo-config-border-color);
13704 border-radius: 4px;
13705 background: var(--vbo-config-bg-color);
13706 padding: 5px 10px;
13707 float: right;
13708 }
13709 .vbo-admin-widgets-commands-mng-lbl {
13710 display: inline-block;
13711 vertical-align: top;
13712 margin-top: 10px;
13713 margin-left: 5px;
13714 cursor: pointer;
13715 }
13716 .vbo-admin-widgets-commands-mng-toggle {
13717 display: inline-block;
13718 margin-top: 5px;
13719 }
13720 .vbo-admin-widgets-commands-mng-toggle label {
13721 margin-bottom: 0;
13722 }
13723 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
13724 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
13725 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
13726 height: 26px;
13727 }
13728 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13729 margin-bottom: 0;
13730 }
13731 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
13732 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
13733 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
13734 height: 20px;
13735 width: 20px;
13736 top: 3px;
13737 }
13738 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
13739 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
13740 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
13741 left: 28px;
13742 }
13743 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13744 height: 26px;
13745 }
13746 .vbo-admin-widgets-commands-info {
13747 font-weight: bold;
13748 float: left;
13749 margin-left: 5px;
13750 }
13751 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
13752 display: block;
13753 margin-bottom: 4px;
13754 }
13755 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
13756 color: var(--vbo-red-color);
13757 }
13758 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
13759 display: inline-block;
13760 vertical-align: top;
13761 }
13762 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
13763 background: var(--vbo-config-bg-color);
13764 border: 1px solid var(--vbo-config-border-color);
13765 color: var(--vbo-config-titles-color-light);
13766 padding: 4px 12px;
13767 }
13768 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
13769 border-color: var(--vbo-blue-color);
13770 color: var(--vbo-blue-color);
13771 }
13772 .vbo-admin-widgets-section {
13773 display: flex;
13774 flex-wrap: wrap;
13775 gap: 12px;
13776 }
13777 /* Safari 10.1+ */
13778 @media not all and (min-resolution:.001dpcm) {
13779 @media {
13780 .vbo-admin-widgets-section > * + * {
13781 margin-left: 12px;
13782 }
13783 }
13784 }
13785 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
13786 flex-basis: 100%;
13787 font-size: 16px;
13788 font-weight: bold;
13789 margin-left: 8px;
13790 }
13791 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
13792 display: inline-block;
13793 margin-right: 7px;
13794 font-size: 14px;
13795 cursor: grab;
13796 }
13797 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
13798 color: #2d719a;
13799 }
13800 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13801 display: flex;
13802 }
13803 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
13804 margin-left: auto;
13805 margin-right: 10px;
13806 font-size: 14px;
13807 color: #2d719a;
13808 cursor: pointer;
13809 }
13810 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
13811 color: #333;
13812 margin-left: 16px;
13813 }
13814 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
13815 color: #2d719a;
13816 }
13817 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
13818 color: #182381;
13819 }
13820 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13821 font-size: 16px;
13822 font-weight: bold;
13823 padding: 10px 10px 0;
13824 }
13825 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
13826 flex: 1;
13827 display: flex;
13828 margin-top: 6px;
13829 }
13830 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
13831 display: inline-block;
13832 margin-left: auto;
13833 font-size: 14px;
13834 color: #2d719a;
13835 }
13836 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
13837 color: var(--vbo-red-color);
13838 cursor: pointer;
13839 }
13840 .vbo-admin-widgets-widget-info-drag:hover {
13841 color: #2d719a;
13842 }
13843 .vbo-admin-widgets-section .vbo-admin-widgets-container {
13844 flex: 1;
13845 flex-grow: 0;
13846 }
13847 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
13848 flex-basis: content;
13849 flex-grow: 0;
13850 }
13851 /*
13852 * Size Add box Container: 120px + 20px of padding = 120px;
13853 * Total margin of EACH container: 8px;
13854 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
13855 * Formula: Calc((container size - (add box total size / numb. containers)));
13856
13857 * Small Size */
13858 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
13859 flex-basis: calc(25% - 12px);
13860 max-width: 25%;
13861 }
13862 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
13863 flex-basis: calc((25% - 166px));
13864 }
13865 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
13866 flex-basis: calc((25% - (174px / 2)));
13867 }
13868 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
13869 flex-basis: calc((25% - (182px / 3)));
13870 }
13871 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
13872 flex-basis: calc((25% - (194px / 4)));
13873 }
13874 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
13875 flex-grow: 1;
13876 }
13877 /* Medium Size */
13878 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
13879 flex-basis: calc(50% - 12px);
13880 max-width: 50%;
13881 }
13882 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
13883 flex-basis: calc((50% - (174px / 2)));
13884 }
13885 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
13886 flex-basis: calc((50% - (182px / 3)));
13887 }
13888 /* Large Size */
13889 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
13890 flex-basis: calc((100% / 2) + (100% / 5));
13891 }
13892 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
13893 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
13894 }
13895 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
13896 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
13897 }
13898 /* Full Width */
13899 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
13900 width: 100%;
13901 flex-basis: inherit;
13902 }
13903 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
13904 flex-basis: calc(100% - 166px);
13905 }
13906 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
13907 background: #d8f4ff;
13908 border-radius: 10px;
13909 margin: 10px 4px;
13910 position: relative;
13911 padding-bottom: 115px;
13912 }
13913 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
13914 margin: 10px 8px;
13915 }
13916 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
13917 flex-basis: 150px;
13918 min-height: 100px;
13919 padding-bottom: 0;
13920 }
13921 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
13922 margin: 5px 0 10px;
13923 font-size: 14px;
13924 font-weight: bold;
13925 background: var(--vbo-config-child-bg-color);
13926 border: 1px solid var(--vbo-config-border-color);
13927 border-left: 2px solid #4c93af;
13928 border-radius: 4px;
13929 padding: 10px;
13930 }
13931 .vbo-modal-widgets-form-data-field label {
13932 display: block;
13933 margin-bottom: 5px;
13934 }
13935 .vbo-modal-widgets-form-data-field select {
13936 margin-bottom: 10px;
13937 }
13938 .vbo-modal-widgets-form-data-fields .select2-container {
13939 width: 180px !important;
13940 }
13941 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
13942 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
13943 .vbo-sticky-note-cmd-drag {
13944 -webkit-touch-callout: none;
13945 -webkit-user-select: none;
13946 -khtml-user-select: none;
13947 -moz-user-select: none;
13948 -ms-user-select: none;
13949 user-select: none;
13950 }
13951 .vbo-admin-widgets-wrap {
13952 padding: 8px;
13953 }
13954 .vbo-admin-widgets-widget .table-responsive {
13955 display: inline-block;
13956 width: 100%;
13957 max-height: 300px;
13958 overflow-y: scroll !important;
13959 }
13960 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
13961 background: #bdd5ea;
13962 padding: 10px;
13963 border-radius: 10px;
13964 margin: 15px 0;
13965 }
13966 .vbo-admin-widgets-widget-info-inner {
13967 padding: 15px;
13968 }
13969 .vbo-admin-widgets-widget-addnew {
13970 box-shadow: none;
13971 }
13972 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13973 background: var(--vbo-config-bg-color);
13974 border: 1px solid #838383;
13975 color: var(--vbo-config-text-color-light);
13976 border-radius: 16px;
13977 cursor: pointer;
13978 }
13979 .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 {
13980 padding: 0px 10px;
13981 text-align: center;
13982 font-size: 38px;
13983 }
13984 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
13985 background: #bdd5ea;
13986 color: #838383;
13987 padding: 0px;
13988 }
13989 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
13990 color: #838383;
13991 position: relative;
13992 cursor: pointer;
13993 border-radius: 10px;
13994 }
13995 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13996 padding: 30px 10px;
13997 }
13998 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
13999 .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 {
14000 color: #fff;
14001 background: #4c93af;
14002 border: 0;
14003 }
14004 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
14005 color: #fff;
14006 }
14007 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
14008 height: 100%;
14009 margin: 0;
14010 }
14011 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
14012 width: 100%;
14013 border-radius: 10px;
14014 }
14015 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
14016 background: #4c93af;
14017 color: #fff;
14018 cursor: pointer;
14019 }
14020 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
14021 padding: 20px 0;
14022 display: inline-block;
14023 }
14024 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
14025 position: absolute;
14026 top: 50%;
14027 left: 50%;
14028 transform: translate(-50%, -50%);
14029 }
14030 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
14031 height: 100px;
14032 position: absolute;
14033 width: calc(100% - 15px);
14034 bottom: 0;
14035 }
14036 .vbo-admin-widgets-plus-box {
14037 display: block;
14038 margin: 0 auto;
14039 }
14040 .vbo-admin-widgets-widget-details {
14041 display: flex;
14042 }
14043 .vbo-admin-widgets-widget-details h4 {
14044 font-size: 16px;
14045 }
14046 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
14047 margin-left: auto;
14048 display: inline-block;
14049 padding: 5px 5px 5px 0;
14050 cursor: grab;
14051 }
14052 .vbo-admin-widgets-widget-info-descr {
14053 font-size: 14px;
14054 }
14055 .vbo-admin-widgets-container-tmpdrop {
14056 border: 2px dashed #4c93af;
14057 background: #ecf6fa;
14058 height: 82px;
14059 width: calc(100% - 20px);
14060 border-radius: 16px;
14061 }
14062 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
14063 margin-top: 15px;
14064 position: relative;
14065 }
14066 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
14067 display: grid;
14068 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
14069 }
14070 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
14071 display: flex;
14072 flex-wrap: wrap;
14073 align-content: baseline;
14074 border: 1px solid var(--vbo-basic-btn);
14075 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
14076 border-radius: 10px;
14077 margin: 10px 10px 2px;
14078 padding: 0 0 10px;
14079 }
14080 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
14081 flex-basis: 100%;
14082 margin-bottom: 4px;
14083 margin-top: 10px;
14084 font-size: 1.1em;
14085 border-bottom: 1px solid var(--vbo-basic-btn);
14086 padding: 0 10px 10px;
14087 }
14088 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
14089 padding: 5px 10px 0px;
14090 }
14091 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
14092 margin-bottom: 3px;
14093 }
14094 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
14095 margin-bottom: 0;
14096 }
14097 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
14098 margin-left: auto;
14099 padding: 10px;
14100 }
14101 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
14102 border-top: 0 !important;
14103 }
14104 .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 {
14105 list-style: none;
14106 word-break: break-word;
14107 }
14108 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
14109 padding: 10px;
14110 margin-left: 0;
14111 }
14112 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14113 text-decoration: none;
14114 color: #000;
14115 background: #ffc;
14116 display: block;
14117 min-height: 100px;
14118 width: calc(25% - 80px);
14119 padding: 15px;
14120 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
14121 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
14122 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
14123 -moz-transition: -moz-transform .15s linear;
14124 -o-transition: -o-transform .15s linear;
14125 -webkit-transition: -webkit-transform .15s linear;
14126 }
14127 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14128 margin: 25px 20px;
14129 display: inline-block;
14130 vertical-align: top;
14131 line-height: 23px;
14132 }
14133 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14134 width: calc(33% - 80px);
14135 }
14136 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
14137 padding: 0px 0 20px;
14138 margin-bottom: 0;
14139 }
14140 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14141 width: calc(70% - 100px);
14142 margin: 25px 20px 20px;
14143 }
14144 [contenteditable] {
14145 -webkit-user-select: text;
14146 user-select: text;
14147 }
14148 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14149 width: calc(40% - 100px);
14150 }
14151 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
14152 font-size: 18px;
14153 font-weight: bold;
14154 margin-bottom: 5px;
14155 margin-top: 5px;
14156 color: #444;
14157 }
14158 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
14159 margin-top: 0;
14160 }
14161 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
14162 margin: 0;
14163 }
14164 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
14165 cursor: pointer;
14166 }
14167 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14168 -webkit-transform: rotate(-6deg);
14169 -o-transform: rotate(-6deg);
14170 -moz-transform: rotate(-6deg);
14171 font-size: 18px;
14172 }
14173 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
14174 -o-transform: rotate(4deg);
14175 -webkit-transform: rotate(4deg);
14176 -moz-transform: rotate(4deg);
14177 position: relative;
14178 top: 5px;
14179 }
14180 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
14181 -o-transform: rotate(-3deg);
14182 -webkit-transform: rotate(-3deg);
14183 -moz-transform: rotate(-3deg);
14184 position: relative;
14185 top: -5px;
14186 }
14187 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
14188 -o-transform: rotate(5deg);
14189 -webkit-transform: rotate(5deg);
14190 -moz-transform: rotate(5deg);
14191 position: relative;
14192 top: -10px;
14193 }
14194 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
14195 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14196 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14197 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14198 -webkit-transform: scale(1.1);
14199 -moz-transform: scale(1.1);
14200 -o-transform: scale(1.1);
14201 position: relative;
14202 z-index: 5;
14203 background: #fff5cd;
14204 }
14205 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
14206 display: flex;
14207 color: #444;
14208 }
14209 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
14210 display: inline-block;
14211 padding: 5px;
14212 cursor: pointer;
14213 font-size: 14px;
14214 }
14215 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
14216 margin-left: auto;
14217 padding-right: 0;
14218 }
14219 .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 {
14220 color: var(--vbo-red-color);
14221 }
14222 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
14223 padding-left: 0;
14224 }
14225 .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 {
14226 color: #2d719a;
14227 }
14228 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
14229 font-size: .85em;
14230 font-style: italic;
14231 text-align: right;
14232 margin-top: 10px;
14233 }
14234 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
14235 list-style-type: disc;
14236 }
14237 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14238 height: 70px;
14239 width: calc(25% - 80px);
14240 min-height: inherit;
14241 border: 2px solid #ffe8a2;
14242 background: #fff5cd;
14243 padding: 0;
14244 }
14245 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
14246 position: relative;
14247 height: 100%;
14248 padding: 15px;
14249 box-sizing: border-box;
14250 cursor: pointer;
14251 }
14252 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
14253 background: #ffc;
14254 }
14255 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
14256 position: absolute;
14257 top: 50%;
14258 left: 50%;
14259 transform: translate(-50%, -50%);
14260 font-size: 26px;
14261 }
14262 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
14263 margin-top: 20px;
14264 font-size: 16px;
14265 width: auto;
14266 }
14267 .vbo-widget-visitscounter-wrap {
14268 display: flex;
14269 flex-wrap: wrap;
14270 justify-content: center;
14271 margin: 10px 20px 0;
14272 padding-bottom: 10px;
14273 }
14274 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14275 flex-basis: calc(50% - 52px);
14276 background: var(--vbo-config-bg-color);
14277 border: 1px solid var(--vbo-basic-btn);
14278 border-bottom: 3px solid var(--vbo-basic-btn);
14279 padding: 20px;
14280 border-radius: 16px;
14281 margin: 5px;
14282 position:relative;
14283 }
14284 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
14285 height: 30px;
14286 width: 4px;
14287 background: var(--vbo-blue-color);
14288 content: "";
14289 position: absolute;
14290 left: -3px;
14291 top: 17px;
14292 }
14293 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
14294 font-weight: 500;
14295 color: var(--vbo-config-titles-color-light);
14296 margin-top: 10px;
14297 font-size: 14px;
14298 }
14299 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
14300 font-size: 26px;
14301 font-weight: bold;
14302 letter-spacing: 1px;
14303 white-space: nowrap;
14304 }
14305 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14306 flex-basis: calc(50% - 52px);
14307 }
14308 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
14309 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14310 flex-basis: calc(25% - 52px);
14311 }
14312 .vbo-widgets-welcome-inner {
14313 font-size: 14px;
14314 }
14315 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
14316 background: #bdd5ea;
14317 padding: 10px;
14318 border-radius: 10px;
14319 margin: 15px 0;
14320 display: flex;
14321 flex-wrap: wrap;
14322 }
14323 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
14324 font-size: 16px;
14325 font-weight: bold;
14326 margin-left: 8px;
14327 flex-basis: 100%;
14328 }
14329 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
14330 background: #d8f4ff;
14331 border-radius: 10px;
14332 margin: 10px 4px;
14333 position: relative;
14334 flex-basis: calc(50% - 8px);
14335 }
14336 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14337 font-size: 16px;
14338 font-weight: bold;
14339 padding: 10px 10px 0;
14340 display: block;
14341 }
14342 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14343 display: block;
14344 border-radius: 10px;
14345 margin: 12px 8px;
14346 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14347 background: #fff;
14348 }
14349 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14350 font-size: 14px;
14351 font-weight: bold;
14352 padding: 10px;
14353 display: block;
14354 }
14355 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14356 opacity: 0;
14357 }
14358 .vbo-widgets-welcome-animate {
14359 -webkit-animation-name: VikfadeInDown;
14360 animation-name: VikfadeInDown;
14361 -webkit-animation-duration: .5s;
14362 animation-duration: .5s;
14363 -webkit-animation-fill-mode: both;
14364 animation-fill-mode: both;
14365 }
14366 .vbo-inspector-colorpicker-wrap {
14367 border-radius: 3px;
14368 border: 1px solid var(--vbo-main-bg-color);
14369 background: var(--vbo-config-bg-color);
14370 display: inline-block;
14371 height: 23px;
14372 }
14373 .vbo-inspector-colorpicker {
14374 padding: 0 0px 0 24px;
14375 position: relative;
14376 cursor: pointer;
14377 height: 100%;
14378 display: inline-block;
14379 }
14380 .vbo-inspector-colorpicker:not([style*="background"]) {
14381 background-color: #fff;
14382 opacity: 0.7;
14383 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);
14384 background-position: 0 0, 5px 5px;
14385 background-size: 10px 10px;
14386 }
14387 .vbo-inspector-colorpicker i {
14388 background: var(--vbo-config-bg-color);
14389 padding: 5px;
14390 border-left: 1px solid var(--vbo-main-bg-color);
14391 }
14392 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14393 height: 90%;
14394 }
14395 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14396 display: flex;
14397 flex-wrap: wrap;
14398 }
14399 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14400 padding: 10px;
14401 border-radius: 8px;
14402 margin: 5px;
14403 flex-basis: calc(33% - 34px);
14404 background-origin: border-box !important;
14405 color: #fff;
14406 }
14407 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14408 background: rgb(2,0,36);
14409 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14410 }
14411 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14412 cursor: pointer;
14413 }
14414 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14415 display: flex;
14416 margin-bottom: 10px;
14417 }
14418 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14419 margin-right: 15px;
14420 font-size: 20px;
14421 }
14422 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14423 margin-left: auto;
14424 font-size: 16px;
14425 cursor: pointer;
14426 }
14427 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14428 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14429 }
14430 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14431 font-size: 1.1em;
14432 font-weight: bold;
14433 margin-bottom: 2px;
14434 }
14435 .vbo-admin-widget-style-light-red {
14436 background: rgb(2,0,36);
14437 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14438 }
14439 .vbo-admin-widget-style-light-blue {
14440 background: rgb(2,0,36);
14441 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14442 }
14443 .vbo-admin-widget-style-pink {
14444 background: rgb(2,0,36);
14445 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14446 }
14447 .vbo-admin-widget-style-green {
14448 background: rgb(2,0,36);
14449 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14450 }
14451 .vbo-admin-widget-style-light-orange {
14452 background: rgb(2,0,36);
14453 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14454 }
14455 .vbo-admin-widget-style-yellow {
14456 background: rgb(2,0,36);
14457 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14458 }
14459 .vbo-admin-widget-style-red {
14460 background: rgb(2,0,36);
14461 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14462 }
14463 .vbo-admin-widget-style-violet {
14464 background: rgb(2,0,36);
14465 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14466 }
14467 .vbo-admin-widget-style-orange {
14468 background: rgb(2,0,36);
14469 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14470 }
14471 .vbo-admin-widget-style-blue {
14472 background: rgb(2,0,36);
14473 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14474 }
14475 .vbo-admin-widget-style-brown {
14476 background: rgb(2,0,36);
14477 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14478 }
14479 .vbo-admin-widget-style-dark-blue {
14480 background: rgb(2,0,36);
14481 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14482 }
14483 .vbo-modal-widget-notselected {
14484 filter: brightness(60%);
14485 }
14486 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
14487 cursor: initial;
14488 font-size: 1.4em;
14489 margin-bottom: 10px;
14490 }
14491
14492 /* Side widget panel */
14493 .vbo-sidepanel-wrapper {
14494 position: fixed;
14495 top: 0;
14496 bottom: 0;
14497 right: 0;
14498 z-index: 2147483647;
14499 }
14500 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14501 background: var(--vbo-config-child-bg-color);
14502 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14503 position: absolute;
14504 top: 0;
14505 bottom: 0;
14506 width: 25vw;
14507 padding: 10px 0 6px 0;
14508 transition: 0.3s ease-in all;
14509 -moz-transition: 0.3s ease-in all;
14510 -webkit-transition: 0.3s ease-in all;
14511 }
14512 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14513 background: var(--vbo-config-child-bg-color);
14514 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14515 position: absolute;
14516 top: 0;
14517 bottom: 0;
14518 width: 88vw;
14519 padding: 10px 0 6px 0;
14520 transition: 0.3s ease-in all;
14521 -moz-transition: 0.3s ease-in all;
14522 -webkit-transition: 0.3s ease-in all;
14523 }
14524 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
14525 visibility: hidden;
14526 }
14527 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
14528 transition: all 0.3s;
14529 }
14530 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14531 transform: translateX(25vw);
14532 right: 0;
14533 top: 0;
14534 }
14535 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14536 transform: translateX(88vw);
14537 right: 0;
14538 top: 0;
14539 }
14540 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
14541 transform: translateX(0);
14542 }
14543 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
14544 transform: translateX(0);
14545 }
14546 .vbo-sidepanel-layouts {
14547 display: flex;
14548 margin-top: -10px;
14549 padding: 6px;
14550 }
14551 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
14552 padding-left: 4px;
14553 }
14554 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
14555 display: inline-block;
14556 border: 1px solid var(--vbo-config-border-color);
14557 padding: 0px 5px;
14558 border-radius: 4px;
14559 background: var(--vbo-input-style);
14560 cursor: pointer;
14561 opacity: .8;
14562 }
14563 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14564 opacity: 1;
14565 }
14566 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14567 flex: 1;
14568 margin-left: 10px;
14569 }
14570 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14571 background: transparent;
14572 border: 0;
14573 padding: 0;
14574 color: var(--vbo-orange-color);
14575 font-size: 13px;
14576 cursor: initial;
14577 }
14578 .vbo-sidepanel-notifications-off {
14579 color: var(--vbo-red-color);
14580 cursor: pointer;
14581 }
14582 .vbo-sidepanel-notifications-off:hover {
14583 color: var(--vbo-orange-color);
14584 }
14585 .vbo-sidepanel-notifications-off.shaking {
14586 font-size: 13px;
14587 width: 15px;
14588 height: 15px;
14589 margin: 0;
14590 -webkit-animation: ring 4s .7s ease-in-out ;
14591 -webkit-transform-origin: 50% 4px;
14592 -moz-animation: ring 4s .7s ease-in-out;
14593 -moz-transform-origin: 50% 4px;
14594 animation: ring 4s .7s ease-in-out;
14595 transform-origin: 50% 4px;
14596 }
14597 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14598 margin-left: 10px;
14599 }
14600 .vbo-admin-widgets-suggest-notifications-cont {
14601 display: inline-block;
14602 vertical-align: top;
14603 padding: 4px 6px;
14604 border-radius: 4px;
14605 border: 1px solid var(--vbo-config-border-color);
14606 }
14607 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
14608 margin-left: 0 !important;
14609 }
14610
14611 @-webkit-keyframes ring {
14612 0% { -webkit-transform: rotateZ(0); }
14613 1% { -webkit-transform: rotateZ(30deg); }
14614 3% { -webkit-transform: rotateZ(-28deg); }
14615 5% { -webkit-transform: rotateZ(34deg); }
14616 7% { -webkit-transform: rotateZ(-32deg); }
14617 9% { -webkit-transform: rotateZ(30deg); }
14618 11% { -webkit-transform: rotateZ(-28deg); }
14619 13% { -webkit-transform: rotateZ(26deg); }
14620 15% { -webkit-transform: rotateZ(-24deg); }
14621 17% { -webkit-transform: rotateZ(22deg); }
14622 19% { -webkit-transform: rotateZ(-20deg); }
14623 21% { -webkit-transform: rotateZ(18deg); }
14624 23% { -webkit-transform: rotateZ(-16deg); }
14625 25% { -webkit-transform: rotateZ(14deg); }
14626 27% { -webkit-transform: rotateZ(-12deg); }
14627 29% { -webkit-transform: rotateZ(10deg); }
14628 31% { -webkit-transform: rotateZ(-8deg); }
14629 33% { -webkit-transform: rotateZ(6deg); }
14630 35% { -webkit-transform: rotateZ(-4deg); }
14631 37% { -webkit-transform: rotateZ(2deg); }
14632 39% { -webkit-transform: rotateZ(-1deg); }
14633 41% { -webkit-transform: rotateZ(1deg); }
14634
14635 43% { -webkit-transform: rotateZ(0); }
14636 100% { -webkit-transform: rotateZ(0); }
14637 }
14638
14639 @-moz-keyframes ring {
14640 0% { -moz-transform: rotate(0); }
14641 1% { -moz-transform: rotate(30deg); }
14642 3% { -moz-transform: rotate(-28deg); }
14643 5% { -moz-transform: rotate(34deg); }
14644 7% { -moz-transform: rotate(-32deg); }
14645 9% { -moz-transform: rotate(30deg); }
14646 11% { -moz-transform: rotate(-28deg); }
14647 13% { -moz-transform: rotate(26deg); }
14648 15% { -moz-transform: rotate(-24deg); }
14649 17% { -moz-transform: rotate(22deg); }
14650 19% { -moz-transform: rotate(-20deg); }
14651 21% { -moz-transform: rotate(18deg); }
14652 23% { -moz-transform: rotate(-16deg); }
14653 25% { -moz-transform: rotate(14deg); }
14654 27% { -moz-transform: rotate(-12deg); }
14655 29% { -moz-transform: rotate(10deg); }
14656 31% { -moz-transform: rotate(-8deg); }
14657 33% { -moz-transform: rotate(6deg); }
14658 35% { -moz-transform: rotate(-4deg); }
14659 37% { -moz-transform: rotate(2deg); }
14660 39% { -moz-transform: rotate(-1deg); }
14661 41% { -moz-transform: rotate(1deg); }
14662
14663 43% { -moz-transform: rotate(0); }
14664 100% { -moz-transform: rotate(0); }
14665 }
14666
14667 @keyframes ring {
14668 0% { transform: rotate(0); }
14669 1% { transform: rotate(30deg); }
14670 3% { transform: rotate(-28deg); }
14671 5% { transform: rotate(34deg); }
14672 7% { transform: rotate(-32deg); }
14673 9% { transform: rotate(30deg); }
14674 11% { transform: rotate(-28deg); }
14675 13% { transform: rotate(26deg); }
14676 15% { transform: rotate(-24deg); }
14677 17% { transform: rotate(22deg); }
14678 19% { transform: rotate(-20deg); }
14679 21% { transform: rotate(18deg); }
14680 23% { transform: rotate(-16deg); }
14681 25% { transform: rotate(14deg); }
14682 27% { transform: rotate(-12deg); }
14683 29% { transform: rotate(10deg); }
14684 31% { transform: rotate(-8deg); }
14685 33% { transform: rotate(6deg); }
14686 35% { transform: rotate(-4deg); }
14687 37% { transform: rotate(2deg); }
14688 39% { transform: rotate(-1deg); }
14689 41% { transform: rotate(1deg); }
14690
14691 43% { transform: rotate(0); }
14692 100% { transform: rotate(0); }
14693 }
14694
14695 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
14696 margin-left: auto;
14697 padding-right: 5px;
14698 padding-top: 2px;
14699 }
14700 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
14701 cursor: pointer;
14702 width: 17px;
14703 display: inline-block;
14704 }
14705 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14706 opacity: .8;
14707 }
14708 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
14709 opacity: 1;
14710 }
14711 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14712 fill: var(--vbo-config-titles-color-light);
14713 }
14714 .vbo-sidepanel-container .vbo-sidepanel-search {
14715 position: relative;
14716 display: flex;
14717 }
14718 .vbo-sidepanel-container .vbo-sidepanel-search > i {
14719 position: absolute;
14720 top: 14px;
14721 left: 15px;
14722 }
14723 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
14724 width: 100% !important;
14725 flex: 1;
14726 padding: 8px 10px;
14727 padding-left: 35px !important;
14728 }
14729 .vbo-sidepanel-container .vbo-sidepanel-search button {
14730 border-radius: 4px;
14731 margin: 0 0 0 5px;
14732 font-size: 14px;
14733 padding: 6px 8px;
14734 }
14735 .vbo-sidepanel-container .vbo-sidepanel-search button i {
14736 margin-right: 0;
14737 }
14738 .vbo-sidepanel-body-top {
14739 position: relative;
14740 margin-top: 7px;
14741 margin-bottom: 5px;
14742 padding: 0 15px;
14743 }
14744 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
14745 max-height: 35vh;
14746 overflow-y: scroll;
14747 margin-top: 5px;
14748 position: absolute;
14749 width: calc(100% - 30px);
14750 background: var(--vbo-config-bg-color);
14751 padding: 5px;
14752 box-sizing: border-box;
14753 z-index: 99999;
14754 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
14755 border-radius: 4px;
14756 }
14757 .vbo-sidepanel-add-widget {
14758 cursor: pointer;
14759 margin-bottom: 8px;
14760 border: 1px solid var(--vbo-config-border-color);
14761 border-radius: 6px;
14762 padding: 5px;
14763 }
14764 .vbo-sidepanel-add-widget:hover {
14765 border-color: var(--vbo-blue-color);
14766 }
14767 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
14768 display: flex;
14769 }
14770 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
14771 flex: 1;
14772 }
14773 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
14774 border-radius: 6px;
14775 padding: 5px;
14776 text-align: center;
14777 width: 22px;
14778 height: 22px;
14779 display: inline-block;
14780 line-height: 22px;
14781 color: #fff;
14782 box-sizing: content-box;
14783 }
14784 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
14785 font-weight: bold;
14786 margin-left: 10px;
14787 -webkit-user-select: none;
14788 -ms-user-select: none;
14789 user-select: none;
14790 }
14791 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
14792 margin-left: auto;
14793 align-self: center;
14794 font-size: 15px;
14795 cursor: pointer;
14796 color: var(--vbo-green-color);
14797 }
14798 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
14799 color: var(--vbo-green-color-hover);
14800 }
14801 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
14802 opacity: 0;
14803 margin-right: 3px;
14804 color: var(--vbo-base-color);
14805 transition: all 100ms ease-in-out 0s;
14806 }
14807 .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 {
14808 opacity: 1;
14809 transition: all 100ms ease-in-out 0s;
14810 }
14811 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
14812 color: var(--vbo-base-color-hover);
14813 }
14814 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
14815 max-height: 84vh;
14816 min-height: 300px;
14817 overflow-y: scroll;
14818 padding: 5px 15px 0;
14819 }
14820 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
14821 background: var(--vbo-config-bg-color);
14822 border-radius: 6px;
14823 margin: 20px 0 10px;
14824 position: relative;
14825 box-shadow: 0 3px 5px rgba(0,0,0,.1);
14826 }
14827 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
14828 margin-top: 10px;
14829 }
14830 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
14831 position: absolute;
14832 top: -4px;
14833 left: -6px;
14834 width: 16px;
14835 height: 16px;
14836 border-radius: 50%;
14837 text-align: center;
14838 line-height: 16px;
14839 background: var(--vbo-red-color);
14840 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
14841 color: #fff;
14842 font-size: 10px;
14843 }
14844 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
14845 background: var(--vbo-red-color-hover);
14846 }
14847 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
14848 position: absolute;
14849 top: -15px;
14850 left: 50%;
14851 transform: translate(-50%, 0);
14852 width: 24px;
14853 height: 24px;
14854 border-radius: 50%;
14855 background: var(--vbo-config-bg-color);
14856 border: 1px solid var(--vbo-main-bg-color);
14857 color: var(--vbo-config-text-color-light);
14858 text-align: center;
14859 line-height: 24px;
14860 font-size: 12px;
14861 box-shadow: 0 4px 7px rgba(0,0,0,.1);
14862 z-index: 1;
14863 cursor: pointer;
14864 opacity: 0;
14865 transition: 0.2s ease-in all;
14866 -moz-transition: 0.2s ease-in all;
14867 -webkit-transition: 0.2s ease-in all;
14868 }
14869 .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 {
14870 opacity: 1;
14871 }
14872 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
14873 color: var(--vbo-base-color);
14874 }
14875 .vbo-sidepanel-edit-widgets {
14876 margin-top: 10px;
14877 text-align: center;
14878 position: absolute;
14879 bottom: 10px;
14880 left: 50%;
14881 transform: translate(-50%, 0px);
14882 z-index: 10000;
14883 }
14884 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
14885 display: inline-block;
14886 padding: 5px 10px;
14887 border-radius: 20px;
14888 font-size: 11px;
14889 background: var(--vbo-config-border-color);
14890 border-color: var(--vbo-config-text-color-light);
14891 }
14892 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
14893 background: var(--vbo-main-bg-color);
14894 }
14895 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
14896 background: var(--vbo-orange-color);
14897 border-color: var(--vbo-orange-color-hover);
14898 box-shadow: 0 3px 5px rgba(0,0,0,.2);
14899 }
14900 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
14901 background: var(--vbo-orange-color);
14902 }
14903 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
14904 font-size: 14px;
14905 padding: 3px 0 3px 15px;
14906 margin: 8px 0;
14907 }
14908 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
14909 margin-right: 5px;
14910 font-size: 12px;
14911 }
14912 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
14913 display: none;
14914 }
14915 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
14916 height: 28px;
14917 }
14918 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14919 padding: 5px 8px;
14920 font-size: 11px;
14921 }
14922 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
14923 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14924 margin: 7px 10px 6px 6px;
14925 }
14926 .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 {
14927 padding: 2px 5px;
14928 }
14929 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
14930 padding: 3.5px 9px;
14931 }
14932 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14933 flex-wrap: wrap;
14934 }
14935 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
14936 flex-wrap: wrap;
14937 }
14938 .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 {
14939 flex-basis: 100%;
14940 margin-top: 5px;
14941 margin-right: 0;
14942 }
14943 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
14944 width: 100%;
14945 }
14946 .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 {
14947 padding: 8px;
14948 border: 1px solid var(--vbo-basic-btn);
14949 }
14950 .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 {
14951 border-color: var(--vbo-blue-color-hover);
14952 }
14953 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14954 margin-bottom: 0;
14955 }
14956 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
14957 width: 100%;
14958 }
14959 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
14960 padding: 10px 15px;
14961 }
14962 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
14963 vertical-align: middle;
14964 }
14965 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
14966 padding: 0px 10px;
14967 }
14968 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
14969 font-size: 16px;
14970 }
14971 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
14972 font-size: 13px;
14973 }
14974 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
14975 width: 100%;
14976 }
14977 .vbo-sidepanel-add-widget-focussed {
14978 background: var(--vbo-toolbar-bg-color);
14979 border-color: var(--vbo-blue-color);
14980 }
14981 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
14982 padding: 5px 0 5px 15px;
14983 }
14984 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
14985 margin-top: 3px;
14986 }
14987 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
14988 flex-basis: 180px;
14989 }
14990 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
14991 display: flex;
14992 }
14993 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
14994 align-self: center;
14995 padding: 0 8px 0 10px;
14996 }
14997 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
14998 display: block;
14999 margin-bottom: 5px;
15000 }
15001 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
15002 margin-top: 5px;
15003 }
15004 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
15005 width: 100%;
15006 }
15007 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
15008 padding: 10px;
15009 display: flex;
15010 gap: 0;
15011 }
15012 .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 {
15013 flex: 1;
15014 margin-right: 10px;
15015 }
15016 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
15017 padding: 10px 15px;
15018 }
15019 .vbo-widget-booskcal-newbook-cont {
15020 position: relative;
15021 }
15022 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
15023 margin-top: 5px;
15024 }
15025 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
15026 border-bottom: 1px solid var(--vbo-config-border-color);
15027 padding-bottom: 5px;
15028 }
15029 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
15030 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
15031 margin-right: 2px;
15032 }
15033 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
15034 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
15035 float: right;
15036 font-weight: bold;
15037 text-transform: uppercase;
15038 display: inline-block;
15039 margin-left: 10px;
15040 }
15041 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
15042 display: inline-block;
15043 margin-bottom: 2px;
15044 }
15045 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
15046 padding: 5px 10px;
15047 border-radius: 4px;
15048 margin-top: 5px;
15049 }
15050 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
15051 border: 1px solid var(--vbo-config-border-color);
15052 padding: 5px;
15053 border-radius: 6px;
15054 margin-bottom: 5px;
15055 }
15056 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
15057 width: 100%;
15058 }
15059 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15060 text-align: right !important;
15061 padding: 3px !important;
15062 vertical-align: top !important;
15063 cursor: initial;
15064 }
15065 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15066 height: 40px;
15067 }
15068 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
15069 width: 100%;
15070 height: 100%;
15071 }
15072 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
15073 vertical-align: bottom !important;
15074 background: transparent;
15075 border: 0 !important;
15076 }
15077 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
15078 background: transparent;
15079 }
15080 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
15081 background: var(--vbo-main-bg-color);
15082 }
15083 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15084 cursor: pointer;
15085 }
15086 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
15087 width: 18px;
15088 display: inline-block;
15089 height: 18px;
15090 line-height: 18px;
15091 background: var(--vbo-red-color);
15092 color: #fff;
15093 border-radius: 50%;
15094 text-align: center;
15095 }
15096 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
15097 border: 1px solid var(--vbo-config-bg-color);
15098 }
15099 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
15100 text-align: center;
15101 font-size: 12px;
15102 }
15103 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
15104 height: 40px;
15105 }
15106 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
15107 line-height: 40px;
15108 }
15109 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
15110 height: 40px;
15111 }
15112 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
15113 margin-top: 0;
15114 }
15115 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
15116 margin-top: 14px;
15117 }
15118 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
15119 padding-top: 6px;
15120 }
15121 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
15122 margin-bottom: 5px;
15123 }
15124 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
15125 right: 10px;
15126 min-width: 200px;
15127 }
15128 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
15129 display: flex;
15130 width: 100%;
15131 }
15132 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
15133 align-self: center;
15134 display: inline-block;
15135 }
15136 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
15137 align-self: center;
15138 margin-top: 0;
15139 padding-top: 0;
15140 padding-bottom: 0;
15141 margin-left: auto;
15142 width: auto;
15143 float: right;
15144 margin-right: 0;
15145 }
15146 .vbo-widget-reminders-list .vbo-widget-reminders-record {
15147 display: flex;
15148 padding: 5px 10px;
15149 border-radius: 4px;
15150 border: 1px solid var(--vbo-config-border-color);
15151 margin: 5px 10px;
15152 position: relative;
15153 overflow: hidden;
15154 }
15155 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
15156 margin-right: 10px;
15157 display: flex;
15158 flex-wrap: wrap;
15159 flex-direction: column;
15160 }
15161 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
15162 background: none;
15163 border: 0;
15164 color: var(--vbo-body-text-color);
15165 padding: 0;
15166 font-size: 15px;
15167 margin-top: 2px;
15168 }
15169 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
15170 margin-top: auto;
15171 }
15172 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
15173 color: var(--vbo-orange-color);
15174 }
15175 .vbo-widget-reminders-list .vbo-reminder-ok {
15176 opacity: .8;
15177 color: var(--vbo-config-titles-color-light);
15178 }
15179 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
15180 color: var(--vbo-blue-color);
15181 }
15182 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
15183 background: var(--vbo-blue-color);
15184 position: absolute;
15185 right: 0;
15186 top: 0;
15187 height: 100%;
15188 width: 35px;
15189 transition: 0.3s ease-in all;
15190 -moz-transition: 0.3s ease-in all;
15191 -webkit-transition: 0.3s ease-in all;
15192 transform: translateX(100%);
15193 display: flex;
15194 cursor: pointer;
15195 }
15196 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
15197 background: var(--vbo-blue-color-hover);
15198 }
15199 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
15200 transform: translateX(0);
15201 }
15202 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
15203 background: transparent;
15204 border: 0;
15205 padding: 0;
15206 width: 100%;
15207 color: #fff;
15208 cursor: pointer;
15209 }
15210 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
15211 margin-right: 0;
15212 }
15213 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
15214 margin-right: 10px;
15215 }
15216 .vbo-widget-reminder-title {
15217 font-weight: bold;
15218 display: block;
15219 margin-bottom: 2px;
15220 }
15221 .vbo-widget-reminders-record-due {
15222 margin-top: 3px;
15223 color: var(--vbo-config-titles-color-light) !important;
15224 font-size: .9em;
15225 display: flex;
15226 }
15227 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
15228 order: 2;
15229 margin-left: 10px;
15230 }
15231 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
15232 display: inline-block;
15233 }
15234 .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 {
15235 margin-left: 2px;
15236 }
15237 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
15238 color: var(--vbo-red-color) !important;
15239 font-size: 1em;
15240 }
15241 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
15242 padding: 5px 10px;
15243 margin-bottom: 8px;
15244 }
15245 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
15246 padding: 0 15px;
15247 }
15248 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
15249 margin-bottom: 5px;
15250 }
15251 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
15252 margin: 10px 0;
15253 }
15254 .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 {
15255 width: 100% !important;
15256 }
15257 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
15258 width: auto !important;
15259 }
15260 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
15261 min-height: 100px;
15262 }
15263 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
15264 display: flex;
15265 flex-wrap: wrap;
15266 }
15267 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
15268 float: right;
15269 margin-left: 10px;
15270 }
15271 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
15272 color: var(--vbo-orange-color);
15273 }
15274 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
15275 flex: 1;
15276 }
15277 .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 {
15278 width: 100%;
15279 }
15280 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15281 display: flex;
15282 gap: 5px;
15283 }
15284 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15285 flex: 1;
15286 }
15287 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15288 display: flex;
15289 margin-left: 10px;
15290 }
15291 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15292 flex: 0;
15293 }
15294 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
15295 width: 110px !important;
15296 }
15297 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
15298 margin-right: 5px;
15299 }
15300 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15301 margin-top: 5px;
15302 text-align: center;
15303 }
15304 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15305 display: flex;
15306 }
15307 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15308 flex: 1;
15309 }
15310 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
15311 margin-left: 5px;
15312 }
15313 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
15314 align-self: initial;
15315 }
15316 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
15317 margin-top: 3px;
15318 color: var(--vbo-config-titles-color-light) !important;
15319 font-size: .9em;
15320 }
15321 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
15322 font-weight: 500;
15323 font-size: .9em;
15324 }
15325 .vbo-widget-bookdets-cm-updresult {
15326 margin-bottom: 2px;
15327 }
15328 .vbo-widget-bookdets-cm-updresult:last-child {
15329 margin-bottom: 0;
15330 }
15331 .vbo-widget-bookdets-cm-updresult > i {
15332 color: var(--vbo-config-text-color-light);
15333 margin-right: 3px;
15334 }
15335 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
15336 padding: 2px 6px;
15337 }
15338 .vbo-widget-push-notification {
15339 margin: 0px 10px;
15340 padding: 12px;
15341 border-radius: 10px;
15342 border-width: 1px;
15343 border-style: solid;
15344 }
15345 .vbo-widget-push-notification-info {
15346 background-color: var(--vbo-info-bg);
15347 border-color: var(--vbo-info-border);
15348 color: var(--vbo-container-text-color);
15349 }
15350 .vbo-widget-push-notification-warning {
15351 background-color: var(--vbo-warning-bg);
15352 border-color: var(--vbo-warning-border);
15353 color: var(--vbo-container-text-color);
15354 }
15355 .vbo-widget-push-notification-error {
15356 background-color: var(--vbo-error-bg);
15357 border-color: var(--vbo-error-border);
15358 color: var(--vbo-container-text-color);
15359 }
15360 .vbo-widget-push-notification-title {
15361 font-size: 14px;
15362 margin-bottom: 2px;
15363 }
15364 .vbo-widget-push-notification-message {
15365 font-size: 13px;
15366 }
15367 .vbo-widget-push-notification-action {
15368 margin-top: 5px;
15369 }
15370 .vbo-widget-push-notification-action .btn.vbo-config-btn {
15371 padding: 8px 10px;
15372 }
15373 .vbo-widget-bookdets-cm-updresult-log {
15374 font-size: .95em;
15375 color: var(--vbo-config-titles-color-light);
15376 }
15377
15378 .colorpicker input {
15379 top: -4px;
15380 }
15381
15382 @-webkit-keyframes VikfadeInDown {
15383 from {
15384 opacity: 0;
15385 -webkit-transform: translate3d(0%, -20%, 0);
15386 transform: translate3d(0%, -20%, 0);
15387 }
15388
15389 to {
15390 opacity: 1;
15391 -webkit-transform: translate3d(0%, 0%, 0);
15392 transform: translate3d(0%, 0%, 0);
15393 }
15394 }
15395
15396 @keyframes VikfadeInDown {
15397 from {
15398 opacity: 0;
15399 -webkit-transform: translate3d(0%, -20%, 0);
15400 transform: translate3d(0%, -20%, 0);
15401 }
15402
15403 to {
15404 opacity: 1;
15405 -webkit-transform: translate3d(0%, 0%, 0);
15406 transform: translate3d(0%, 0%, 0);
15407 }
15408 }
15409 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
15410 text-align: center;
15411 margin-bottom: 20px;
15412 }
15413 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
15414 display: inline-block;
15415 margin: 5px;
15416 }
15417 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
15418 border-radius: 3px;
15419 padding: 8px 14px;
15420 margin-bottom: 0;
15421 font-size: inherit;
15422 }
15423 .vbo-modal-condtext-rules {
15424 display: flex;
15425 flex-wrap: wrap;
15426 }
15427 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
15428 flex-basis: calc(33% - 38px);
15429 border: 2px solid var(--vbo-config-border-color);
15430 padding: 10px;
15431 border-radius: 6px;
15432 margin: 7px;
15433 cursor: pointer;
15434 }
15435 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
15436 border-color: #acdaac;
15437 }
15438 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
15439 border-color: #46a546;
15440 }
15441 .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 {
15442 opacity: .6;
15443 border: 2px solid var(--vbo-main-bg-color);
15444 cursor: auto;
15445 color: var(--vbo-config-titles-color-light);
15446 }
15447 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
15448 margin-top: 0;
15449 margin-bottom: 5px;
15450 font-size: 16px;
15451 }
15452 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
15453 font-size: 14px;
15454 }
15455 .vbo-modal-condtext-rule-apply {
15456 text-align: center;
15457 margin-bottom: 20px;
15458 }
15459 .vbo-condtext-rule .adminlegend {
15460 display: flex;
15461 }
15462 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
15463 margin-left: auto;
15464 cursor: pointer;
15465 }
15466 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
15467 font-size: 15px;
15468 color: var(--vbo-config-titles-color-light);
15469 padding: 4px;
15470 display: inline-block;
15471 }
15472 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
15473 color: var(--vbo-red-color);
15474 }
15475 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
15476 padding: 8px 10px;
15477 border-color: var(--vbo-config-border-color);
15478 }
15479 .vbo-config-maintab-right-halfsize {
15480 display: flex;
15481 flex-wrap: wrap;
15482 padding-top: 12px;
15483 }
15484 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
15485 flex-grow: 0;
15486 }
15487 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15488 flex-basis: calc(50% - 78px);
15489 margin: 8px;
15490 flex-grow: 1;
15491 }
15492 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
15493 width: 100%;
15494 }
15495 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
15496 flex-wrap: wrap;
15497 }
15498 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15499 flex-basis: 100%;
15500 }
15501 .vbo-param-container img {
15502 max-width: 100%;
15503 }
15504 .vbo-condtext-rule[data-ruleaction="0"] {
15505 border: 1px solid var(--vbo-base-color);
15506 }
15507 .vbo-condtext-rule[data-ruleaction="1"] {
15508 border: 1px solid var(--vbo-orange-color);
15509 }
15510 .notice-noicon {
15511 padding: 12px;
15512 background-image: none;
15513 }
15514 .notice-noicon i {
15515 margin-right: 5px;
15516 }
15517 .vbo-list-table-rounded {
15518 border: 1px solid var(--vbo-config-border-color);
15519 border-radius: 10px;
15520 }
15521 .vbo-list-table-rounded .table {
15522 margin-top: 0;
15523 margin-bottom: 0;
15524 }
15525 .vbo-list-table-rounded .table thead th {
15526 padding: 18px 20px;
15527 color: #444;
15528 }
15529 .vbo-list-table-rounded .table td {
15530 padding: 10px 20px;
15531 }
15532 .vbo-list-table-rounded .table td:last-child {
15533 text-align: right;
15534 }
15535 .vbo-ratesoverview-top-outer {
15536 text-align: right;
15537 margin-top: -20px;
15538 }
15539 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
15540 display: inline-block;
15541 border: 1px solid var(--vbo-config-border-color);
15542 padding: 5px 10px 0;
15543 border-radius: 4px;
15544 margin-bottom: 5px
15545 }
15546 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
15547 display: inline-block;
15548 vertical-align: top;
15549 margin: 5px 0 0 6px;
15550 cursor: pointer;
15551 }
15552 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
15553 height: 27px;
15554 }
15555 .vbo-list-table .btn.vbo-condtext-tmpl-status {
15556 padding: 4px 10px;
15557 margin: 3px;
15558 font-size: 13px;
15559 }
15560 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
15561 margin-right: 2px;
15562 }
15563 .vbo-inspector-hover {
15564 background-color: rgba(184, 225, 243, 1) !important;
15565 }
15566 .vbo-inspector-wrap {
15567 padding: 15px;
15568 }
15569 .vbo-inspector-wrap > * {
15570 padding: 20px 0;
15571 }
15572 .vbo-admin-container .vbo-config-maintab-top {
15573 display: flex;
15574 flex-basis: 100%;
15575 }
15576 .vbo-config-maintab-top .vbo-config-fieldset-large {
15577 flex-basis: 75%;
15578 }
15579 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
15580 width: 100%;
15581 }
15582 .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 {
15583 white-space: initial;
15584 }
15585 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
15586 flex: 1;
15587 margin-left: 20px;
15588 }
15589 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
15590 width: 100%;
15591 }
15592 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
15593 padding: 5px 10px;
15594 background: var(--vbo-config-child-bg-color);
15595 margin: 0;
15596 }
15597 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
15598 font-weight: 500;
15599 }
15600 .vbo-admin-container > .vbo-config-maintab-bottom {
15601 flex-basis: 100%;
15602 }
15603 .vbo-admin-container > #vbo-conditrules-wrap {
15604 flex-grow: 0;
15605 }
15606 .btn.vbo-condtext-specialtag-btn {
15607 padding: 8px 14px;
15608 background-color: #e2eaee;
15609 color: var(--vbo-base-color);
15610 border: 1px solid #c9e0ec;
15611 }
15612 .btn.vbo-condtext-specialtag-btn:hover {
15613 background: #2482b5;
15614 border: 1px solid #2482b5;
15615 color: #fff;
15616 }
15617 .vbo-condtext-addrule-helper {
15618 flex-basis: 100%;
15619 margin: 10px 0 20px 8px;
15620 }
15621 .vbo-geoinfo-markers-wrap {
15622 display: flex;
15623 flex-wrap: wrap;
15624 }
15625 .vbo-geoinfo-marker-cont {
15626 flex-basis: calc(16% - 15px);
15627 text-align: center;
15628 border: 1px solid var(--vbo-config-border-color);
15629 background: var(--vbo-basic-btn);
15630 padding: 5px;
15631 margin: 4px;
15632 border-radius: 4px;
15633 }
15634 .vbo-geoinfo-marker-label {
15635 margin-bottom: 4px;
15636 }
15637 .btn.vbo-geomarker-status {
15638 font-size: 18px;
15639 }
15640 .btn.vbo-geomarker-status i {
15641 font-size: 16px;
15642 margin-right: 0 !important;
15643 }
15644 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
15645 border-color: var(--vbo-green-color);
15646 color: var(--vbo-green-color);
15647 }
15648 .vbo-geoinfo-param .vbo-param-label > i {
15649 margin-top: 10px;
15650 }
15651 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
15652 margin: 0;
15653 padding-top: 0;
15654 }
15655 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
15656 background: var(--vbo-config-bg-color);
15657 }
15658 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15659 border-color: var(--vbo-config-border-color);
15660 color: #343a40;
15661 }
15662 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15663 border-color: var(--vbo-green-color);
15664 color: var(--vbo-green-color);
15665 }
15666 .vbo-cust-geo-marker-svg-list {
15667 display: flex;
15668 flex-wrap: wrap;
15669 margin-bottom: 10px;
15670 margin-top: 20px;
15671 justify-content: center;
15672 }
15673 .vbo-cust-geo-marker-svg {
15674 border: 1px solid var(--vbo-config-border-color);
15675 text-align: center;
15676 border-radius: 4px;
15677 padding: 4px 10px;
15678 margin: 4px;
15679 flex-basis: calc(16% - 27px);
15680 cursor: pointer;
15681 position: relative;
15682 }
15683 .vbo-cust-geo-marker-svg-icon {
15684 padding-right: 10px;
15685 }
15686 .vbo-cust-geo-marker-svg-name {
15687 margin-bottom: 10px;
15688 font-size: 14px;
15689 }
15690 .vbo-cust-geo-marker-svg svg {
15691 height: 43px;
15692 max-width: 100%;
15693 }
15694 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
15695 border-color: #008d02;
15696 }
15697 .vbo-cust-geo-marker-svg-addnew i {
15698 font-size: 26px;
15699 }
15700 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
15701 padding-right: 0;
15702 }
15703 .vbo-cust-geo-marker-svg-adjust {
15704 margin-bottom: 20px;
15705 border: 1px solid var(--vbo-config-border-color);
15706 padding: 10px 20px;
15707 background: var(--vbo-config-child-bg-color);
15708 }
15709 .vbo-geo-marker-param-container {
15710 margin: 12px 0;
15711 }
15712 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
15713 margin-right: 10px;
15714 min-width: 80px;
15715 margin-bottom: 5px;
15716 font-weight: 500;
15717 }
15718 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
15719 margin-right: 10px;
15720 min-width: 140px;
15721 margin-bottom: 10px;
15722 }
15723 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
15724 width: 100% !important;
15725 }
15726 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
15727 margin: 15px 0 20px;
15728 }
15729 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
15730 display: flex;
15731 flex-wrap: wrap;
15732 justify-content: center;
15733 }
15734 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
15735 margin: 12px 10px;
15736 }
15737 .vbo-cust-geo-marker-save {
15738 text-align: center;
15739 margin-bottom: 20px;
15740 }
15741 .vbo-cust-geo-marker-top {
15742 text-align: center;
15743 margin-bottom: 20px;
15744 }
15745 #geo_address_formatted {
15746 cursor: pointer;
15747 }
15748 #geo_address_formatted:hover {
15749 color: #0071a1;
15750 }
15751 .vbo-cust-geo-marker-svg-remove {
15752 position: absolute;
15753 right: 0;
15754 bottom: 0;
15755 padding: 2px 4px;
15756 border: 1px solid var(--vbo-config-border-color);
15757 border-bottom: 0;
15758 border-right: 0;
15759 border-top-left-radius: 4px;
15760 }
15761 .vbo-cust-geo-marker-svg-remove span:hover i {
15762 color: var(--vbo-red-color);
15763 }
15764 .vbo-geo-marker-param-setting .btn.btn-secondary {
15765 padding: 9px 14px;
15766 }
15767 .vbo-geomarker-infowin-wrap {
15768 min-width: 250px;
15769 }
15770 .vbo-geomarker-infowin-wrap > h4 {
15771 margin: 0px 0 10px;
15772 font-size: 16px;
15773 }
15774 .vbo-geo-marker-param-setting img {
15775 max-width: 90%;
15776 margin-bottom: 5px;
15777 }
15778 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
15779 max-width: 180px;
15780 }
15781 .vbo-geo-legend-import {
15782 float: right;
15783 }
15784 .vbo-geo-legend-import .select2-container .select2-selection--single {
15785 height: 36px;
15786 border: 1px solid var(--vbo-config-border-color);
15787 border-radius: 2px;
15788 font-size: 14px;
15789 font-weight: normal;
15790 }
15791 .vbo-geo-legend-import #select2-roomselcalc-container {
15792 font-weight: normal;
15793 font-size: 14px;
15794 }
15795 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
15796 height: 36px;
15797 }
15798 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
15799 line-height: 36px;
15800 }
15801 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15802 margin-right: 10px;
15803 }
15804 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
15805 margin-top: 7px;
15806 }
15807 .vbo-geoinfo-param #vbo-goverlay-edit {
15808 margin-left: 15px;
15809 }
15810 .vbo-geo-marker-params-group {
15811 display: flex;
15812 flex-wrap: wrap;
15813 }
15814 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
15815 margin: 12px 5px;
15816 flex-basis: calc(50% - 10px);
15817 }
15818 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
15819 width: 100% !important;
15820 box-sizing: border-box;
15821 height: auto;
15822 }
15823 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
15824 height: 80%;
15825 }
15826 .vbo-paybutpos-wrap {
15827 margin-top: 10px;
15828 }
15829 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
15830 border-radius: 10px;
15831 background: var(--vbo-main-bg-color);
15832 padding: 15px;
15833 width: 300px;
15834 font-size: 16px;
15835 color: var(--vbo-config-titles-color-light);
15836 box-shadow: 0 5px 10px rgba(0,0,0,.15);
15837 }
15838 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
15839 border-radius: 4px;
15840 margin: 0 5px 5px;
15841 background: var(--vbo-light-color-btn);
15842 width: 200px;
15843 height: 20px;
15844 }
15845 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
15846 text-align: center;
15847 padding: 7px;
15848 margin: 0 5px 0;
15849 border: 2px solid var(--vbo-config-bg-color);
15850 border-radius: 4px;
15851 }
15852 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
15853 background: var(--vbo-base-color);
15854 color: #fff;
15855 padding: 5px 18px;
15856 display: inline-block;
15857 border-radius: 6px;
15858 cursor: pointer;
15859 }
15860 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
15861 display: flex;
15862 }
15863 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
15864 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
15865 flex: 1;
15866 margin: 5px;
15867 border-radius: 4px;
15868 background: var(--vbo-config-bg-color);
15869 padding: 10px 15px;
15870 }
15871 .vbo-param-container.vbo-param-container-log {
15872 border: 1px solid var(--vbo-config-border-color);
15873 padding: 10px;
15874 margin: 2px;
15875 border-radius: 4px;
15876 background: var(--vbo-config-child-bg-color);
15877 }
15878 #vbo-condtext-warn-norules {
15879 width: 100%;
15880 }
15881 #ifchildrenextra .vbo-dyninpnum-cont + a {
15882 display: inline-block;
15883 background: var(--vbo-base-color);
15884 color: #fff;
15885 border: 0;
15886 padding: 9px 14px;
15887 font-weight: bold;
15888 font-size: 13px;
15889 line-height: 18px;
15890 border-radius: 3px;
15891 }
15892 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
15893 background: var(--vbo-base-color-hover);
15894 }
15895 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
15896 background: var(--vbo-link-text-color);
15897 }
15898 #ifchildrenextra .vbo-dyninpnum-cont + a i {
15899 margin-right: 5px;
15900 }
15901 #ifchildrenextra .vbo-dyninpnum-cont input {
15902 margin: 5px 0;
15903 }
15904 #minguestscont > div, #alwaysavcont > div {
15905 margin: 5px 0;
15906 }
15907 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
15908 width: auto !important;
15909 }
15910 .vbo-admin-container .vbo-maninvoice-tbcont {
15911 width: 100%;
15912 border: 1px solid var(--vbo-main-bg-color);
15913 border-radius: 7px;
15914 border-spacing: 0px;
15915 border-collapse: separate;
15916 }
15917 .vbo-maninvoice-tbcont th {
15918 background: var(--vbo-main-bg-color);
15919 text-align: left;
15920 padding: 7px 10px;
15921 }
15922 .vbo-maninvoice-tbcont th:first-child {
15923 border-top-left-radius: 5px;
15924 }
15925 .vbo-maninvoice-tbcont th:last-child {
15926 border-top-right-radius: 5px;
15927 }
15928 .vbo-maninvoice-tbcont td {
15929 padding: 5px 10px;
15930 }
15931 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
15932 margin: 2px;
15933 }
15934 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
15935 vertical-align: top;
15936 display: inline-block;
15937 }
15938 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
15939 width: 80px !important;
15940 }
15941 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
15942 text-align: right;
15943 }
15944 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
15945 margin-right: 0 !important;
15946 }
15947 .vbo-maninvoice-totals-format {
15948 position: relative;
15949 }
15950 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
15951 position: absolute;
15952 top: -1px;
15953 left: 10px;
15954 color: var(--vbo-config-titles-color-light);
15955 font-size: 15px;
15956 }
15957 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
15958 padding-left: 25px !important;
15959 }
15960 #maxquantblock {
15961 width: 100%;
15962 }
15963 .colorpicker {
15964 z-index: 100000001;
15965 }
15966 .vbo-toast-wrapper .toast-message-content {
15967 color: var(--vbo-body-text-color) !important;
15968 }
15969 .vbo-toast-wrapper .toast-message-content.notice {
15970 background-color: var(--vbo-config-bg-color) !important;
15971 }
15972
15973 /* Virtual Terminal Widget */
15974 .vbo-vterminal-cc-container {
15975 padding: 20px;
15976 }
15977 .vbo-vterminal-cc-row-group {
15978 display: flex;
15979 flex-wrap: wrap;
15980 }
15981 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
15982 margin-bottom: 14px;
15983 flex: 1;
15984 }
15985 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
15986 margin-bottom: 3px;
15987 text-align: left;
15988 font-size: 14px;
15989 font-weight: 500;
15990 }
15991 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
15992 flex: 1;
15993 height: 50px !important;
15994 border: 1px solid var(--vbo-config-border-color);
15995 border-radius: 6px !important;
15996 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
15997 margin: 0;
15998 }
15999 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
16000 flex-basis: 150px;
16001 flex-grow: 0;
16002 }
16003 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
16004 width: 100% !important;
16005 max-width: inherit !important;
16006 }
16007 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
16008 border-top-right-radius: 0 !important;
16009 border-bottom-right-radius: 0 !important;
16010 }
16011 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
16012 flex: 1;
16013 }
16014 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
16015 position: relative;
16016 }
16017 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
16018 position: absolute;
16019 top: 50%;
16020 right: 15px;
16021 transform: translateY(-50%);
16022 width: 32px;
16023 height: 20px;
16024 }
16025 @keyframes vterminal-card-position {
16026 0% {right: 0}
16027 100% {right: -5px}
16028 }
16029 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
16030 position: relative;
16031 animation-name: vterminal-card-position;
16032 animation-duration: 0.2s;
16033 right: -5px;
16034 width: 32px;
16035 height: 20px;
16036 }
16037 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
16038 flex-basis: 150px;
16039 flex-grow: 0;
16040 }
16041 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
16042 border-top-left-radius: 0 !important;
16043 border-bottom-left-radius: 0 !important;
16044 border-left: 0;
16045 }
16046 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
16047 font-weight: 500;
16048 font-size: 16px;
16049 width: 100%;
16050 padding: 10px 14px;
16051 }
16052 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
16053 font-weight: 500;
16054 }
16055
16056 /* Template Override */
16057 .vbo-overrides-manager {
16058 background: var(--vbo-body-bg-color) !important;
16059 }
16060 .vbo-overrides-manager .override-file #override-copy {
16061 background-color: var(--vbo-blue-color) !important;
16062 color: var(--vbo-contrast-text-color) !important;
16063 border-color: var(--vbo-blue-color) !important;
16064 }
16065 .vbo-overrides-manager .override-file #override-copy:hover {
16066 background-color: var(--vbo-blue-color-hover) !important;
16067 color: var(--vbo-contrast-text-color) !important;
16068 border-color: var(--vbo-blue-color-hover) !important;
16069 }
16070
16071 /* generic calendar box */
16072 .vbo-input-calendar-box {
16073 background: var(--vbo-input-style);
16074 border: 1px solid var(--vbo-config-border-color);
16075 border-radius: 2px;
16076 padding: 0 10px 0 0;
16077 display: inline-block;
16078 vertical-align: top;
16079 }
16080 .vbo-input-calendar-box input[type="text"] {
16081 border: 0;
16082 box-shadow: none;
16083 background: transparent;
16084 padding: 5px 0 5px 10px;
16085 }
16086 .vbo-input-calendar-box i.dashicons-calendar-alt {
16087 top: 8px;
16088 position: relative;
16089 }
16090
16091 /* Color Scheme hide/show panel */
16092 .vbo-sidepanel-colorscheme {
16093 position: relative;
16094 margin-right: 10px;
16095 }
16096 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
16097 display: inline-block;
16098 border: 1px solid var(--vbo-config-border-color);
16099 padding: 0px 5px;
16100 border-radius: 4px;
16101 cursor: pointer;
16102 color: var(--vbo-config-titles-color-light);
16103 opacity: .8;
16104 z-index: 1;
16105 }
16106 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
16107 color: var(--vbo-base-color);
16108 }
16109 .vbo-sidepanel-colorscheme-list {
16110 z-index: 1000000;
16111 visibility: hidden;
16112 opacity: 0;
16113 width: 100px;
16114 padding: 10px 15px;
16115 right: 0;
16116 background: var(--vbo-config-bg-color);
16117 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
16118 border-radius: 10px;
16119 position: absolute;
16120 }
16121 .vbo-sidepanel-colorscheme-list-show {
16122 transform: scale(0.99) translateY(-0.7em);
16123 transform-origin: top;
16124 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
16125 transition-duration: 500ms;
16126 transition-property: opacity,transform;
16127 visibility: visible;
16128 opacity: 1;
16129 transform: scale(1) translateY(0);
16130 }
16131 .vbo-sidepanel-colorscheme-option {
16132 padding: 7px 0;
16133 }
16134 .vbo-sidepanel-colorscheme-option i {
16135 margin-right: 5px;
16136 }
16137 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
16138 color: var(--vbo-base-color);
16139 cursor: pointer;
16140 }
16141
16142 .vbo-dashboard-colorscheme {
16143 display: inline-block;
16144 margin-right: 0;
16145 }
16146 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
16147 right: initial;
16148 left: 0;
16149 margin-top: 2px;
16150 }
16151 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
16152 font-weight: normal;
16153 }
16154 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
16155 padding: 4px 6px;
16156 vertical-align: top;
16157 }
16158
16159 .vbo-widget-bulkmess-steps {
16160 margin-top: 10px;
16161 }
16162 .vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps {
16163 margin: 10px;
16164 }
16165 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step {
16166 margin: 0 0 12px;
16167 background: var(--vbo-config-child-bg-color);
16168 border: 1px solid var(--vbo-config-child-bg-color);
16169 border-bottom: 3px solid var(--vbo-config-border-color);
16170 border-bottom-width: 3px;
16171 border-radius: 12px;
16172 }
16173 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child {
16174 margin-bottom: 0;
16175 }
16176 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content {
16177 display: none;
16178 }
16179 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title {
16180 padding: 12px 20px;
16181 cursor: pointer;
16182 display: flex;
16183 }
16184 .vbo-admin-widget-wrapper h4 i {
16185 color: var(--vbo-config-titles-color-light);
16186 }
16187 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover {
16188 border-color: var(--vbo-base-color);
16189 }
16190 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 {
16191 padding: 0;
16192 margin: 0;
16193 }
16194 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content {
16195 padding: 0 20px 5px;
16196 border-top: 1px solid var(--vbo-config-border-color);
16197 }
16198 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content {
16199 padding: 10px 20px 10px;
16200 }
16201 .vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content {
16202 padding: 20px;
16203 }
16204 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea {
16205 width: 100%;
16206 }
16207 .vbo-widget-bulkmess-step-status {
16208 margin-left: auto;
16209 font-size: .9em;
16210 font-style: italic;
16211 color: var(--vbo-config-titles-color-light);
16212 }
16213 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation {
16214 padding: 10px 0;
16215 }
16216 .vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox {
16217 align-self: center;
16218 margin-right: 5px;
16219 }
16220 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook {
16221 display: block;
16222 }
16223 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label {
16224 display: inline-block;
16225 }
16226 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i {
16227 margin-right: 5px
16228 }
16229 .vbo-widget-bulkmess-gonext {
16230 text-align: right;
16231 margin-top: 10px;
16232 margin-bottom: 10px;
16233 }
16234 .vbo-widget-bulkmess-progress-inner progress {
16235 width: 100%;
16236 background: #ddd;
16237 border-radius: 10px;
16238 }
16239 .vbo-widget-bulkmess-bookings-actions {
16240 margin-top: 8px;
16241 }
16242 .vbo-widget-bulkmess-bookings-actions .btn {
16243 border-color: var(--vbo-middle-color-btn);
16244 }
16245 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon {
16246 font-size: 12px;
16247 }
16248 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified {
16249 margin-left: 5px;
16250 }
16251 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i {
16252 color: var(--vbo-green-color);
16253 }
16254
16255 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-groups {
16256 border-bottom: 1px solid var(--vbo-config-border-color);
16257 }
16258 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group {
16259 display: inline-block;
16260 border-bottom: 2px solid var(--vbo-config-bg-color);
16261 color: var(--vbo-config-titles-color-light);
16262 }
16263 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active {
16264 border-color: var(--vbo-config-title-color);;
16265 color: var(--vbo-config-title-color);
16266 font-weight: bold;
16267 }
16268 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover {
16269 color: var(--vbo-config-title-color);
16270 }
16271 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name {
16272 display: inline-block;
16273 position: relative;
16274 padding: 10px;
16275 cursor: pointer;
16276 }
16277
16278 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name:not([data-badge-count=""]) {
16279 padding: 10px;
16280 }
16281 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-badge {
16282 background: var(--vbo-config-text-color-light);
16283 color: var(--vbo-contrast-text-color);
16284 font-weight: bold;
16285 font-size: 11px;
16286 text-align: center;
16287 border-radius: 4px;
16288 padding: 0px 5px;
16289 margin-left: 8px;
16290 display: inline-block;
16291 }
16292 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active .vbo-widget-notifscenter-group-badge, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover .vbo-widget-notifscenter-group-badge {
16293 background: var(--vbo-config-title-color);
16294 }
16295 .vbo-widget-notifscenter-list {
16296 max-height: calc(100vh - 300px);
16297 overflow: hidden;
16298 overflow-y: scroll;
16299 }
16300 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap {
16301 display: flex;
16302 padding: 10px 15px;
16303 border-bottom: 1px solid var(--vbo-config-border-color);
16304 cursor: pointer;
16305 }
16306 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread {
16307 background: var(--vbo-light-color-btn);
16308 position: relative;
16309 }
16310 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:after {
16311 content: "";
16312 width: 8px;
16313 height: 8px;
16314 border-radius: 50%;
16315 top: 5px;
16316 right: 18px;
16317 transform: translate(10px, 10px);
16318 position: absolute;
16319 background: var(--vbo-base-color);
16320 }
16321 .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 {
16322 background: var(--vbo-info-bg);
16323 }
16324 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar {
16325 width: 40px;
16326 margin-right: 15px;
16327 }
16328 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar img {
16329 width: 40px;
16330 height: 40px;
16331 }
16332 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-info-box-avatar {
16333 position: relative;
16334 }
16335 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-avatar-badge {
16336 position: absolute;
16337 width: 20px;
16338 height: 20px;
16339 text-align: center;
16340 line-height: 20px;
16341 background: var(--vbo-basic-btn);
16342 border-radius: 50%;
16343 font-size: 10px;
16344 bottom: -6px;
16345 right: -5px;
16346 color: var(--vbo-contrast-text-color);
16347 }
16348 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-lightblue {
16349 background: #09cbdf;
16350 }
16351 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-green {
16352 background: #2ed30c;
16353 }
16354 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-orange {
16355 background: #ffaf16;
16356 }
16357 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-purple {
16358 background: #cc16ff;
16359 }
16360 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details {
16361 flex: 1;
16362 }
16363 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-title {
16364 font-weight: bold;
16365 }
16366 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label {
16367 padding: 1px 4px !important;
16368 font-weight: normal;
16369 font-size: 10px;
16370 }
16371 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-customer-initials {
16372 width: 40px;
16373 height: 40px;
16374 line-height: 40px;
16375 font-size: 16px;
16376 border-radius: 50%;
16377 color: var(--vbo-config-text-color-light);
16378 background: var(--vbo-config-child-bg-color);
16379 text-align: center;
16380 display: inline-block;
16381 letter-spacing: 1px;
16382 }
16383 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta {
16384 margin-top: 5px;
16385 }
16386 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn {
16387 background: var(--vbo-config-title-color);
16388 color: var(--vbo-contrast-text-color);
16389 border: 1px solid var(--vbo-config-title-color);
16390 padding: 4px 10px;
16391 }
16392 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn:hover {
16393 background: transparent;
16394 border: 1px solid var(--vbo-config-title-color);
16395 color: var(--vbo-config-title-color);
16396 }
16397 .vbo-widget-notifscenter-loadmore-info {
16398 text-align: center;
16399 font-size: 16px;
16400 font-weight: 600;
16401 }
16402 .vbo-widget-notifscenter-markread {
16403 margin-bottom: 8px;
16404 border-bottom: 1px solid var(--vbo-config-border-color);
16405 padding-bottom: 8px;
16406 }
16407 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all {
16408 font-weight: bold;
16409 text-decoration: underline;
16410 cursor: pointer;
16411 }
16412 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all:hover {
16413 text-decoration: none;
16414 }
16415 .vbo-widget-notifscenter-filter-confirm {
16416 display: flex;
16417 }
16418 .vbo-widget-notifscenter-filter-confirm .btn-secondary {
16419 width: 40px;
16420 margin-right: 5px;
16421 }
16422 /* @end styles */
16423
16424 /* @start media queries */
16425 @media print {
16426 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
16427 display: none !important;
16428 visibility: hidden !important;
16429 }
16430 .vbo-showin-print {
16431 display: inline-block;
16432 }
16433 .vbo-hidein-print {
16434 display: none !important;
16435 }
16436 .vbo-bookingdet-summary-roomguests {
16437 margin-bottom: 10px;
16438 }
16439 .vbo-receipt-notes-inner {
16440 border-radius: 0 !important;
16441 border-top: 1px solid #ddd;
16442 }
16443 .vbo-receipt-numdate-date-val {
16444 font-size: 1.1em;
16445 }
16446 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
16447 padding: 0 30px;
16448 }
16449 .vbo-bookdet-wrap {
16450 margin: 0 10px 10px;
16451 max-width: inherit;
16452 min-width: inherit;
16453 }
16454 .vbo-bookdet-head {
16455 border-bottom: 0;
16456 padding: 0;
16457 font-weight: bold;
16458 }
16459 .vbo-bookdet-foot {
16460 padding: 0;
16461 }
16462 .vbo-bookdet-head, .vbo-bookdet-foot {
16463 text-align: left;
16464 }
16465 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
16466 -webkit-flex: 100%;
16467 -ms-flex: 100%;
16468 flex: 100%;
16469 }
16470 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16471 width: 23%;
16472 }
16473 .vbo-bookdet-container {
16474 text-align: left;
16475 }
16476 .vbo-bookingdet-detcont {
16477 background: #f6f6f6;
16478 }
16479 .vbo-receipt-numdate-block {
16480 padding-top: 0 !important;
16481 vertical-align: top;
16482 }
16483 .vbo-bookdet-foot {
16484 font-size: 1em;
16485 }
16486 .vbo-table-responsive {
16487 overflow: visible;
16488 }
16489 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
16490 display: none !important;
16491 }
16492 body {
16493 -webkit-print-color-adjust: exact;
16494 }
16495 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
16496 background: #02679a !important;
16497 color: #fff !important;
16498 border: 1px solid #ddd !important;
16499 -webkit-print-color-adjust: exact;
16500 }
16501 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
16502 color: #fff !important;
16503 }
16504 .vbo-tableaux-table tr td:first-child {
16505 background: var(--vbo-config-child-bg-color) !important;
16506 }
16507
16508 html {
16509 padding: 0 !important;
16510 }
16511 body.vbo-is-printing {
16512 height: auto;
16513 background: #fff;
16514 }
16515 .vbo-is-printing h4 {
16516 margin-top: 0;
16517 padding-top: 0;
16518 }
16519 .vbo-is-printing .vbo-reports-output {
16520 margin: 10px 2px;
16521 padding-bottom: 10px;
16522 }
16523 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
16524 display: none;
16525 }
16526 .vbo-is-printing .vbo-report-output-printing .table-responsive {
16527 overflow: initial;
16528 box-shadow: none;
16529 }
16530 .vbo-is-printing .vbo-reports-output table th {
16531 text-transform: initial;
16532 }
16533 .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 {
16534 padding: 15px 5px;
16535 white-space: initial;
16536 font-size: 13px;
16537 }
16538 .vbo-is-printing .vbo-report-sheet {
16539 border-radius: 8px;
16540 padding: 3px;
16541 border: 1px solid #eee;
16542 margin-bottom: 2px;
16543 }
16544 .vbo-is-printing .vbo-reports-output table tbody td a {
16545 color: inherit;
16546 }
16547 .vbo-is-printing .vbo-reports-output .table-responsive {
16548 margin: 0;
16549 }
16550 .vbo-is-printing .vbo-report-title-print {
16551 text-align: center;
16552 }
16553 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
16554 flex-basis: 100%;
16555 }
16556 .vbo-is-printing .vbo-report-chart-wrap {
16557 display: none;
16558 }
16559 table tfoot {
16560 display: table-row-group;
16561 }
16562 .vbo-menu-container {
16563 display: none;
16564 }
16565 .vbo-allbookings-fm #filter-bar .pull-right {
16566 display: none;
16567 }
16568 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
16569 font-size: 12px;
16570 }
16571 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
16572 font-size: 12px;
16573 }
16574 .vbo-allbookings-fm span.label.vbo-status-label {
16575 font-size: 11px;
16576 padding: 5px 9px !important;
16577 }
16578 .vbo-allbookings-fm .vbo-provenience {
16579 font-size: 13px;
16580 }
16581 }
16582 @media screen and (min-width: 2400px) {
16583 .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 {
16584 flex-basis: auto;
16585 margin-right: 15px;
16586 margin-bottom: 0;
16587 }
16588 }
16589 @media screen and (min-width: 1860px) {
16590 .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 {
16591 margin-left: 0;
16592 }
16593 }
16594 @media screen and (max-width: 2000px) {
16595 .vbo-menu-updates > button {
16596 width: 44px;
16597 height: 44px;
16598 line-height: 36px;
16599 padding: 0;
16600 border-radius: 50%;
16601 }
16602 .vbo-menu-updates > button i {
16603 margin-right: 0 !important;
16604 }
16605 .vbo-menu-updates > button span {
16606 display: none;
16607
16608 }
16609 }
16610 @media screen and (max-width: 1860px) {
16611 .vbo-admin-container .vbo-param-container-full {
16612 flex-wrap: wrap;
16613 }
16614 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
16615 flex-basis: 100% !important;
16616 margin-bottom: 10px;
16617 }
16618 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
16619 display: block;
16620 margin-bottom: 5px;
16621 }
16622 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16623 flex-basis: calc(25% - 16px);
16624 }
16625 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16626 width: calc(100% - 100px);
16627 }
16628 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
16629 flex-basis: calc(100% - 52px);
16630 }
16631 }
16632 @media screen and (max-width: 1760px) {
16633 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
16634 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
16635 width: 80px !important;
16636 }
16637 .vbo-roomentries-cont {
16638 width: 40%;
16639 }
16640 .vbo-report-sheetnchart .vbo-report-sheet {
16641 flex-basis: 50%;
16642 }
16643 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
16644 display: none;
16645 }
16646 .vbo-report-sheetnchart .vbo-report-chart-meta {
16647 flex-basis: 50%;
16648 }
16649 .vbo-dashboard-today-bookings {
16650 flex-basis: 65%;
16651 }
16652 .vbo-dashboard-chart-container {
16653 flex-basis: auto;
16654 flex-grow: initial;
16655 }
16656 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16657 margin: 0 0 15px;
16658 }
16659 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16660 width: 52% !important;
16661 }
16662 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16663 width: 46%;
16664 }
16665 .vbo-dashboard-firstsetup-container {
16666 width: 90%;
16667 }
16668 .vbo-geoinfo-param .vbo-param-setting span {
16669 display:block;
16670 margin-bottom: 5px;
16671 }
16672 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
16673 display: inline-block;
16674 }
16675 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16676 margin-bottom: 10px;
16677 }
16678 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16679 display: block;
16680 float: none;
16681 margin-bottom: 10px;
16682 margin-left: 0;
16683 }
16684 .vbo-checkin-main-block .vbo-checkin-payment-container {
16685 flex-basis: 100%;
16686 margin: 10px 0;
16687 box-sizing: border-box;
16688 }
16689 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16690 flex-basis: 100%;
16691 margin-left: 0;
16692 }
16693 .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 {
16694 width: 100% !important;
16695 }
16696 .vbo-menu-parent-li > span {
16697 padding: 14px 15px;
16698 }
16699 }
16700 @media screen and (max-width: 1612px) {
16701 .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 {
16702 flex-basis: calc(50% - 12px);
16703 max-width: 50%;
16704 }
16705 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
16706 padding: 15px 5px 15px 10px;
16707 }
16708 }
16709 @media screen and (max-width: 1580px) {
16710 .vbo-dashboard-today-occ {
16711 margin: 10px 20px;
16712 }
16713 .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 {
16714 width: calc(33% - 80px);
16715 }
16716 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16717 width: calc(50% - 80px);
16718 }
16719 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16720 flex-basis: calc(50% - 16px);
16721 }
16722 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
16723 display: flex;
16724 margin-bottom: 5px;
16725 }
16726 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
16727 flex: 1;
16728 }
16729 .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 {
16730 margin: 10px 15px 6px 10px;
16731 }
16732
16733 }
16734 /* main menu screen size adjustments */
16735 @media screen and (max-width: 1470px) {
16736 .vbo-menu-parent-li > span {
16737 padding: 14px 8px;
16738 }
16739 }
16740 @media screen and (max-width: 1440px) {
16741 .vbo-menu-updates > button {
16742 width: 42px;
16743 height: 42px;
16744 padding: 0;
16745 border-radius: 50%;
16746 }
16747 .vbo-menu-updates > button span {
16748 display: none;
16749 }
16750 .vbo-menu-updates > button i {
16751 margin-right: 0 !important;
16752 }
16753 }
16754 @media screen and (max-width: 1280px) {
16755 .vbo-menu-left {
16756 max-width: 100px;
16757 }
16758 .vbo-ratesoverview-period-container {
16759 flex: 0 0 25%;
16760 }
16761 #vbpaymentlogdiv pre {
16762 max-width: 100%;
16763 }
16764 .vbo-eorder-paymentlog-buttons {
16765 float: none;
16766 display: flex;
16767 column-gap: 10px;
16768 }
16769 }
16770
16771 @media screen and (max-width: 1520px) {
16772 .vbo-admin-container .vbo-param-container .vbo-param-label {
16773 flex-basis: 200px;
16774 }
16775 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
16776 flex-basis: 100%;
16777 }
16778 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16779 flex-basis: 100%;
16780 }
16781 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
16782 margin-left: 10px;
16783 }
16784 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16785 margin-top: 0;
16786 margin-left: 5px;
16787 }
16788 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16789 width: 100%;
16790 }
16791 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16792 width: 50%;
16793 float: left;
16794 }
16795 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16796 width: 100% !important;
16797 }
16798 .vbo-modal-overlay-block .vbo-modal-overlay-content {
16799 width: 95%;
16800 }
16801 .vbo-admin-container > div:not([id^="jmodal"]) {
16802 flex: 100%;
16803 margin-left: 0 !important;
16804 margin-right: 0 !important;
16805 }
16806 .vbo-admin-container .adminform {
16807 margin: 10px 0;
16808 }
16809 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16810 margin: 8px;
16811 }
16812 .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 {
16813 width: calc(33% - 80px);
16814 }
16815 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16816 width: calc(100% - 80px);
16817 }
16818 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16819 -webkit-transform: rotate(-2deg);
16820 -o-transform: rotate(-2deg);
16821 -moz-transform: rotate(-2deg);
16822 }
16823 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
16824 width: calc(100% - 100px);
16825 -o-transform: rotate(0);
16826 -webkit-transform: rotate(0);
16827 -moz-transform: rotate(0);
16828 }
16829 .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 {
16830 display: block;
16831 margin-bottom: 2px;
16832 margin-right: 0;
16833 }
16834 }
16835 @media screen and (max-width: 1500px) and (min-width: 760px) {
16836 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
16837 white-space: initial;
16838 }
16839 }
16840 @media screen and (max-width: 1400px) {
16841 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
16842 width: 100%;
16843 float: none;
16844 box-sizing: border-box;
16845 }
16846 .vbo-bookingdet-summary-roomnum {
16847 display: block;
16848 }
16849 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
16850 white-space: initial;
16851 display: flex;
16852 }
16853 .vbo-bookingslist-viewdet-fulldate {
16854 white-space: nowrap;
16855 }
16856 .vbo-bookingslist-viewdet-open {
16857 margin-left: 10px;
16858 order: 2;
16859 }
16860 .vbo-dashboard-today-bookings {
16861 flex-basis: 60%;
16862 }
16863 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
16864 justify-content: left;
16865 }
16866 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16867 flex-basis: 50%;
16868 }
16869 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16870 width: 100%;
16871 }
16872 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
16873 margin-left: 0;
16874 }
16875 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16876 float: none;
16877 margin-bottom: 10px;
16878 }
16879 .vbo-editbooking-room-services .vbo-editbooking-room-service {
16880 flex: 0 0 33%;
16881 }
16882 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
16883 align-self: end;
16884 margin-bottom: 0;
16885 }
16886 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
16887 flex-grow: 1;
16888 flex-wrap: wrap;
16889 margin-bottom: 0;
16890 }
16891 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
16892 display: block;
16893 flex-basis: 100%;
16894 margin-bottom: 5px;
16895 }
16896 }
16897 @media screen and (max-width: 1400px) and (min-width: 1320px) {
16898 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
16899 width: 100% !important;
16900 margin-bottom: 3px;
16901 }
16902 }
16903 @media screen and (max-width: 1380px) {
16904 #filter-bar {
16905 height: auto !important;
16906 }
16907 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16908 width: auto;
16909 display: block;
16910 margin: 3px;
16911 }
16912 .vbadmincaltable td {
16913 padding: 5px 0 !important;
16914 }
16915 .vbo-ratesoverview-roomsel-block > form {
16916 flex-wrap: wrap;
16917 }
16918 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
16919 flex-basis: 100%;
16920 border-right: 0;
16921 border-bottom: 1px solid var(--vbo-config-border-color);
16922 border-radius: 0;
16923 }
16924 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
16925 border: 0;
16926 flex-basis: min-content;
16927 }
16928 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
16929 border: 1px solid var(--vbo-config-border-color);
16930 border-radius: 16px;
16931 padding: 20px;
16932 }
16933 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16934 width: 50%;
16935 }
16936 #vbo-report-chart-canvas {
16937 width: 82%;
16938 }
16939 .vbo-ratesoverview-roomsel-entry-forecast {
16940 flex-grow: inherit;
16941 }
16942 .vbo-menu-ul .vbo-menu-parent-li > span {
16943 padding: 13px 18px;
16944 }
16945 .vbo-menu-parent-li > span a {
16946 display: none;
16947 }
16948 .vbo-menu-parent-li > span > i {
16949 margin: 0;
16950 }
16951 .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 {
16952 flex-basis: 100%;
16953 }
16954 .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 {
16955 width: 100%;
16956 }
16957 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
16958 margin-left: 0;
16959 }
16960 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
16961 width: 100% !important;
16962 }
16963 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16964 display: flex;
16965 }
16966 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16967 flex: 1;
16968 }
16969 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
16970 margin-left: 5px;
16971 }
16972 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
16973 max-width: 150px;
16974 }
16975 }
16976 @media screen and (max-width: 1320px) {
16977 .vbo-admin-container > div {
16978 flex: 100%;
16979 }
16980 .vbo-admin-container .adminform {
16981 margin: 10px 0;
16982 }
16983 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16984 margin: 8px;
16985 }
16986 .vbo-admin-container .vbo-param-container .vbo-param-label {
16987 flex-basis: 250px;
16988 }
16989 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16990 flex-basis: 100%;
16991 }
16992 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
16993 margin: 10px 0px 0;
16994 }
16995 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16996 margin-top: 0;
16997 margin-left: 5px;
16998 width: auto;
16999 }
17000 .vbo-roomentries-cont {
17001 width: 210px;
17002 }
17003 .vbo-ratesoverview-roomsel-entry-forecast > label {
17004 margin-left: 20px;
17005 margin-top: 20px;
17006 }
17007 .vbo-config-tabs-wrap dl.tabs dt {
17008 padding: 5px 15px;
17009 }
17010 .vbo-config-maintab-top {
17011 flex-wrap: wrap;
17012 }
17013 .vbo-config-maintab-top .vbo-config-fieldset-large {
17014 flex-basis: 100%;
17015 }
17016 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
17017 margin-left: 0;
17018 }
17019 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
17020 flex-basis: 100%;
17021 }
17022 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
17023 flex-basis: calc(50% - 12px);
17024 max-width: 50%;
17025 }
17026 #filter-bar .pull-left {
17027 margin-bottom: 10px;
17028 }
17029 /* @WPonly
17030 * The black background of the modal has been disabled in smartphones and tablets.
17031 * 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.
17032 */
17033 .modal-backdrop.fade.in {
17034 display: none;
17035 }
17036 }
17037 @media screen and (max-width: 1520px) and (min-width: 1280px) {
17038 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
17039 display: block;
17040 width: 100%;
17041 }
17042 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17043 width: 100%;
17044 display: block;
17045 margin-top: 5px;
17046 }
17047 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17048 display: inline-block;
17049 width: 90%;
17050 }
17051 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
17052 width: 100% !important;
17053 box-sizing: border-box;
17054 height: auto;
17055 }
17056 }
17057 @media screen and (max-width: 1290px) {
17058 .vbo-dashboard-today-bookings {
17059 flex-basis: 100%;
17060 }
17061
17062 .vbo-bookdet-splitstay-details > div > span {
17063 display: block;
17064 border-right: 0;
17065 border-bottom: 1px solid var(--vbo-basic-btn);
17066 }
17067 .vbo-bookdet-splitstay-details > div > span:last-child {
17068 border-bottom: 0;
17069 }
17070 }
17071 @media screen and (max-width: 1280px) {
17072 .vbo-menu-parent-li > span {
17073 padding: 18px 17px;
17074 }
17075 .vbo-menu-parent-li > span::after {
17076 right: 6px;
17077 }
17078 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
17079 margin-top: 20px;
17080 }
17081 .vbo-config-maintab-left .adminform:only-child {
17082 padding: 15px 20px;
17083 margin: 0px;
17084 }
17085 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
17086 display: inherit;
17087 width: auto;
17088 }
17089 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17090 width: auto;
17091 display: inline-block;
17092 margin-left: auto;
17093 }
17094 .vbo-checkin-main-block .vbo-roomsdet-container {
17095 flex-basis: 100%;
17096 margin: 0 0 10px;
17097 }
17098 .vbo-checkin-main-block .vbo-checkin-payment-container {
17099 flex-basis: 100%;
17100 box-sizing: border-box;
17101 }
17102 .vbo-graph-top-right, .vbo-graph-bottom-right {
17103 flex-basis: 20%;
17104 }
17105 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
17106 flex-basis: 100%;
17107 }
17108 .vbo-stats-topform .pull-left {
17109 display: block;
17110 float: none;
17111 margin-bottom: 5px;
17112 }
17113 .vbo-stats-topform #filter-bar .pull-right {
17114 float: right;
17115 margin-left: 5px;
17116 }
17117 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17118 flex-basis: 100%;
17119 }
17120 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17121 margin: 0 0 10px;
17122 }
17123 .vbo-report-layout-type .vbo-report-layout-type-inner {
17124 margin-right: 10px;
17125 }
17126 .vbo-report-sheetnchart {
17127 flex-wrap: wrap;
17128 }
17129 .vbo-report-sheetnchart .vbo-report-sheet {
17130 flex-basis: 100%;
17131 margin-right: 0;
17132 }
17133 .vbo-reports-filters-outer .vbo-reports-filters-export {
17134 display: block;
17135 width: 100%;
17136 float: none;
17137 margin-top: 5px;
17138 }
17139 .vbo-reports-filters-outer > div {
17140 margin: 3px;
17141 }
17142 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
17143 margin-right: 0;
17144 }
17145 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
17146 padding: 10px 20px;
17147 }
17148 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
17149 margin-bottom: 5px;
17150 }
17151 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
17152 font-size: 22px;
17153 }
17154 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
17155 margin-right: 0;
17156 }
17157 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
17158 display: block !important;
17159 }
17160 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17161 flex-basis: 50%;
17162 }
17163 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
17164 flex-basis: calc(100% - 16px);
17165 }
17166 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17167 flex-basis: 100%;
17168 }
17169 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17170 flex: initial;
17171 width: 100%;
17172 }
17173 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17174 flex: 1;
17175 }
17176 .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 {
17177 width: 100% !important;
17178 }
17179 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
17180 flex-wrap: wrap;
17181 }
17182 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17183 align-self: end;
17184 }
17185 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17186 width: auto;
17187 align-self: end;
17188 }
17189 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
17190 width: 110px !important;
17191 }
17192 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17193 width: auto !important;
17194 }
17195 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
17196 flex: initial;
17197 }
17198 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
17199 flex: 1;
17200 }
17201 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17202 width: 80px !important;
17203 }
17204 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
17205 width: 100%;
17206 }
17207 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
17208 margin-top: 0;
17209 }
17210 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
17211 margin-left: 5px;
17212 }
17213 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
17214 display: block;
17215 margin-top: 5px;
17216 }
17217 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
17218 margin-left: 0;
17219 }
17220 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
17221 display: block;
17222 }
17223 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17224 width: 100%;
17225 }
17226 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17227 width: 35vw;
17228 }
17229 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
17230 width: 100%;
17231 }
17232 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
17233 grid-template-columns: repeat(1, 1fr);
17234 }
17235 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
17236 flex-grow: 1;
17237 }
17238 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
17239 flex-grow: 0;
17240 }
17241 .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 {
17242 margin: 5px 0 0;
17243 width: 100%;
17244 }
17245 .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 {
17246 width: 20px;
17247 margin-right: 8px;
17248 }
17249 .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 {
17250 width: 20px;
17251 height: 20px;
17252 line-height: 20px;
17253 margin-right: 8px;
17254 font-size: 10px;
17255 }
17256 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
17257 display: flex;
17258 }
17259 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
17260 margin-right: 3px;
17261 }
17262 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
17263 width: 100%;
17264 margin-left: 0;
17265 }
17266 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
17267 flex: 1;
17268 }
17269 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
17270 width: 100% !important;
17271 }
17272 .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 {
17273 flex: initial;
17274 }
17275 .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 {
17276 float: none;
17277 margin: 10px 15px 0px 10px;
17278 }
17279 .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 {
17280 flex-basis: 100%;
17281 }
17282 .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 {
17283 width: 100%;
17284 float: none;
17285 }
17286 .vbo-admin-widget-head .btn-toolbar {
17287 margin: 10px 15px 10px 10px;
17288 }
17289 .vbo-ratesoverview-period-boxes-inner > div {
17290 flex-basis: 100%;
17291 }
17292 }
17293 @media screen and (max-width: 1080px) {
17294 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
17295 order:2;
17296 }
17297 .vbo-ratesoverview-period-container {
17298 -ms-flex: 100%;
17299 -webkit-flex: 100%;
17300 flex: 100%;
17301 order:1;
17302 margin-bottom: 5px;
17303 }
17304 #filter-bar .pull-right {
17305 display: inline-block;
17306 float: none;
17307 margin: 0 0 5px 0;
17308 }
17309 .btn-group.pull-right.vbo-avov-legend {
17310 width: 100%;
17311 }
17312 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17313 flex-basis: 20%;
17314 }
17315 .vbo-config-tabs-wrap dl.tabs dt {
17316 padding: 10px;
17317 }
17318 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
17319 flex-basis: 45%;
17320 }
17321 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17322 width: 100%;
17323 }
17324 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
17325 flex-basis: 100%;
17326 }
17327 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
17328 flex-basis: 100%;
17329 height: 100px;
17330 }
17331 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
17332 flex-basis: calc((50% - (16px / 2)));
17333 }
17334 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
17335 flex-basis: calc((50% - (24px / 3)));
17336 }
17337 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
17338 flex-basis: calc((25% - (16px / 2)));
17339 }
17340 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
17341 flex-basis: calc((25% - (24px / 3)));
17342 }
17343 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17344 flex: 1;
17345 }
17346 #filter-bar .btn-group.pull-right {
17347 float: left;
17348 }
17349 .vbo-translations-element-row {
17350 flex-wrap: wrap;
17351 }
17352 .vbo-translations-element-row .vbo-translations-element-lbl {
17353 flex-basis: 100%;
17354 margin-bottom: 15px;
17355 margin-right: 0;
17356 }
17357 fieldset.adminform .vbo-list-table-rounded {
17358 max-width: 700px;
17359 }
17360 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
17361 -webkit-flex: 100%;
17362 -ms-flex: 100%;
17363 flex: 100%;
17364 }
17365 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17366 width: 45%;
17367 display: inline-block;
17368 }
17369 }
17370 @media screen and (max-width: 1024px) {
17371 .vbo-graph-top-left, .vbo-graph-bottom-left {
17372 margin-right: 0;
17373 margin-bottom: 20px;
17374 }
17375 .vbo-graph-top-right, .vbo-graph-bottom-right {
17376 flex-basis: 100%;
17377 }
17378 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17379 flex-basis: 50%;
17380 }
17381 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17382 margin-bottom: 15px;
17383 margin-right: 5px;
17384 }
17385 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
17386 display: inline-block !important;
17387 padding-right: 0;
17388 }
17389 .vbo-ratesoverview-roomsel-entry-forecast {
17390 flex-basis: 100%;
17391 }
17392 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17393 width: 33%;
17394 }
17395 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
17396 padding-bottom: 0;
17397 }
17398 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
17399 width: 120px !important;
17400 flex-grow: 0;
17401 }
17402 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17403 flex-grow: 0;
17404 flex-basis: auto;
17405 }
17406 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
17407 width: 80px !important;
17408 flex-grow: 0;
17409 }
17410 .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 {
17411 flex-grow: 1;
17412 }
17413 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17414 margin-left: 8px;
17415 }
17416 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
17417 margin-bottom: 0;
17418 }
17419 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
17420 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
17421 margin-top: 5px;
17422 }
17423 }
17424 @media screen and (max-width: 960px) {
17425 .vbo-config-tabs-wrap dl.tabs dt {
17426 padding: 10px 20px;
17427 }
17428 .vbo-menu-parent-li > span::after {
17429 right: 11px;
17430 }
17431 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17432 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17433 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17434 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17435 width: calc(100% - 80px);
17436 }
17437 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
17438 flex-basis: 100%;
17439 }
17440 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
17441 flex-basis: 100%;
17442 margin: 5px 0 0;
17443 }
17444 .add-tax-breakdown-cont div span {
17445 margin-bottom: 5px;
17446 }
17447 .select2-container--default .select2-search--inline .select2-search__field {
17448 -webkit-appearance: initial !important;
17449 }
17450 .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 {
17451 margin: 0px 15px 0px 10px;
17452 }
17453 .vbo-bookingdet-noteslogs-btn a {
17454 text-transform: initial;
17455 padding: 10px;
17456 font-size: 12px;
17457 }
17458 }
17459 @media screen and (max-width: 1280px) and (min-width: 860px) {
17460 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17461 width: calc(100% - 80px);
17462 }
17463 }
17464 @media screen and (max-width: 940px) {
17465 .vbo-rmphotos-cont {
17466 float: none;
17467 margin: 0 0 10px;
17468 }
17469 #editor-xtd-buttons .btn {
17470 margin:5px 5px 0 0 !important;
17471 }
17472 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
17473 margin: 10px 0 0;
17474 }
17475 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
17476 flex-basis: 100%;
17477 box-sizing: border-box;
17478 }
17479 .vbo-checkin-payment-container {
17480 -ms-flex: 100%;
17481 -webkit-flex: 100%;
17482 flex: 100%;
17483 margin-left: 0;
17484 }
17485 .vbo-checkin-payment-container {
17486 padding: 10px 15px;
17487 }
17488 #vbo-graphstats-right-legend ul.pie-legend li,
17489 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
17490 -ms-flex: 0 0 30%;
17491 -webkit-flex: 0 0 30%;
17492 flex: 0 0 30%;
17493 }
17494 .vbo-calendar-cfields-inner {
17495 box-sizing: border-box;
17496 }
17497 .vbo-info-overlay-content {
17498 width: 70%;
17499 }
17500 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
17501 display: block !important;
17502 margin-top: 5px;
17503 margin-left: 0;
17504 }
17505 #pt5 .vbo-admin-container .vbo-param-container {
17506 flex-wrap: wrap;
17507 }
17508 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
17509 flex-basis: 100%;
17510 font-weight: bold;
17511 }
17512 .vbo-admin-container .vbo-param-container .vbo-param-label label {
17513 margin-bottom: 0;
17514 }
17515 .vbo-sortable .vbimagedetbox {
17516 right: 0;
17517 left: 0;
17518 }
17519 .vbo-sortable .vbimagedetbox .captionlabel {
17520 width: 100%;
17521 }
17522 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
17523 width: 100% !important;
17524 height: auto;
17525 box-sizing: border-box;
17526 }
17527 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
17528 width: auto !important;
17529 }
17530 .vbo-dashboard-top-outer {
17531 display: inherit;
17532 }
17533 .vbo-dashboard-today-bookings {
17534 display: inherit;
17535 }
17536 .vbo-dashboard-today-bookings > div {
17537 margin-right: 0;
17538 }
17539 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17540 width: 100%;
17541 }
17542 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
17543 border: 0;
17544 }
17545 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
17546 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
17547 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
17548 width: 100%;
17549 min-width: 100%;
17550 }
17551 .vbo-list-form-filters form[name="seasonsform"] > div {
17552 margin: 3px 10px 3px 0;
17553 }
17554 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17555 width: 80vw;
17556 }
17557 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
17558 padding: 4px 10px;
17559 border: 1px solid #666;
17560 }
17561 .vbo-notifications-center-wrap {
17562 width: 60vw;
17563 }
17564 }
17565 @media screen and (max-width: 860px) {
17566 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
17567 padding: 12px 0;
17568 }
17569 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17570 flex: 33%;
17571 flex-basis: inherit !important;
17572 }
17573 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
17574 border: 0;
17575 padding: 5px 15px 0;
17576 font-size: 11px;
17577 text-transform: uppercase;
17578 }
17579 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
17580 padding-top: 0;
17581 }
17582 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
17583 height: 100px;
17584 }
17585 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
17586 width: auto !important;
17587 }
17588 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17589 width: calc(33% - 20px);
17590 }
17591 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
17592 flex-basis: calc(50% - 34px);
17593 }
17594 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17595 width: calc(33% - 15px);
17596 }
17597 .vbo-bookingdet-noteslogs-btn .vbo-bookingdet-admintab-lbl {
17598 display: none;
17599 }
17600 }
17601 @media screen and (max-width: 780px) {
17602 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17603 padding-top: 0 !important;
17604 }
17605 .vbo-trackings-table-head {
17606 display: none;
17607 }
17608 .vbo-trackings-table-body-hidden-lbl {
17609 display: block;
17610 font-weight: bold;
17611 text-transform: uppercase;
17612 margin-bottom: 7px;
17613 color: var(--vbo-config-titles-color-light);
17614 }
17615 .vbo-trackings-table-body-cell {
17616 padding: 5px 10px;
17617 text-align: left !important;
17618 }
17619 .vbo-trackings-table-cell-id {
17620 flex: 0 0 33px !important;
17621 }
17622 .vbo-trackings-chart-avgval-listcont > div {
17623 flex-basis: 40%;
17624 }
17625 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17626 flex: 50%;
17627 }
17628 .vbo-ratesoverview-roomsel-block > form {
17629 flex-wrap: wrap;
17630 }
17631 .vbo-ratesoverview-roomsel-entry {
17632 flex-basis: 100%;
17633 border: 0;
17634 border-bottom: 1px solid var(--vbo-config-border-color);
17635 }
17636 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17637 border-right: 0;
17638 }
17639 .vbo-ratesoverview-roomsel-entry-los {
17640 border: 0;
17641 }
17642 .vbo-ratesoverview-period-box-cals-inner {
17643 width: 100%;
17644 }
17645 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
17646 width: 100%;
17647 margin-top: 10px;
17648 background: var(--vbo-config-child-bg-color);
17649 padding: 10px;
17650 box-sizing: border-box;
17651 }
17652 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17653 width: 100%;
17654 }
17655 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17656 width: 46vw;
17657 }
17658 .vbo-admin-widgets-section .vbo-admin-widgets-container {
17659 max-width: 100%;
17660 flex-basis: 100%;
17661 }
17662 .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 {
17663 max-width: 100%;
17664 flex-basis: 100%;
17665 }
17666 .vbo-calendar-cfields-inner {
17667 grid-template-columns: repeat(1, auto);
17668 }
17669 }
17670 @media screen and (max-width: 767px) {
17671 .table-responsive, .vbo-table-responsive {
17672 width: 100%;
17673 margin-bottom: 15px;
17674 overflow-y: hidden;
17675 -ms-overflow-style: -ms-autohiding-scrollbar;
17676 border: 1px solid var(--vbo-config-border-color);
17677 }
17678 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
17679 margin-bottom: 0;
17680 }
17681 .table-responsive > .table > thead > tr > th,
17682 .table-responsive > .table > tbody > tr > th,
17683 .table-responsive > .table > tfoot > tr > th,
17684 .table-responsive > .table > thead > tr > td,
17685 .table-responsive > .table > tbody > tr > td,
17686 .table-responsive > .table > tfoot > tr > td {
17687 white-space: nowrap;
17688 }
17689 .table-responsive > .table-bordered {
17690 border: 0;
17691 }
17692 .table-responsive > .table-bordered > thead > tr > th:first-child,
17693 .table-responsive > .table-bordered > tbody > tr > th:first-child,
17694 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
17695 .table-responsive > .table-bordered > thead > tr > td:first-child,
17696 .table-responsive > .table-bordered > tbody > tr > td:first-child,
17697 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
17698 border-left: 0;
17699 }
17700 .table-responsive > .table-bordered > thead > tr > th:last-child,
17701 .table-responsive > .table-bordered > tbody > tr > th:last-child,
17702 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
17703 .table-responsive > .table-bordered > thead > tr > td:last-child,
17704 .table-responsive > .table-bordered > tbody > tr > td:last-child,
17705 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
17706 border-right: 0;
17707 }
17708 .table-responsive > .table-bordered > tbody > tr:last-child > th,
17709 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
17710 .table-responsive > .table-bordered > tbody > tr:last-child > td,
17711 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
17712 border-bottom: 0;
17713 }
17714 #jmodal-vbo-new-res {
17715 left: 50%;
17716 transform: translate(-50%, -50%);
17717 margin-left: 0 !important;
17718 }
17719 }
17720 @media screen and (max-width : 740px) {
17721 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17722 width: 100%;
17723 float: none;
17724 margin: 5px 0;
17725 }
17726 .vbo-info-overlay-content {
17727 width: 80%;
17728 overflow-y: scroll;
17729 }
17730 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17731 flex: auto;
17732 width: 100%;
17733 box-sizing: border-box;
17734 }
17735 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17736 flex: auto;
17737 width: 94%;
17738 box-sizing: border-box;
17739 }
17740 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
17741 flex-wrap: wrap;
17742 }
17743 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
17744 flex-basis: 100%;
17745 font-weight: bold;
17746 }
17747 #vbmessagingdiv {
17748 flex-basis: 150px;
17749 }
17750 .vbo-menu-left {
17751 display: none;
17752 }
17753 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17754 flex-basis: calc(50% - 34px);
17755 }
17756 .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 {
17757 display: block;
17758 margin-right: 0;
17759 margin-bottom: 4px;
17760 }
17761 fieldset.adminform .vbo-list-table-rounded {
17762 max-width: 600px;
17763 }
17764 }
17765 @media screen and (max-width : 680px) {
17766 .vbo-preferred-countries-sortlist {
17767 max-width: 100%;
17768 width: 100%;
17769 }
17770 .vbo-ebusy-extracosts-cellname input {
17771 max-width: 100px;
17772 }
17773 .vbo-ebusy-extracosts-celltax select {
17774 max-width: 100px;
17775 }
17776 #vbo-graphstats-right-canv {
17777 width: 100% !important;
17778 height: auto !important
17779 }
17780 .vbo-tracking-info-details > div {
17781 padding: 10px;
17782 }
17783 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
17784 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
17785 flex: 1;
17786 }
17787 #filter-bar.vbo-trackings-filters .pull-right {
17788 display: block;
17789 }
17790 #breakdown-cont {
17791 display: block;
17792 width: 100%;
17793 }
17794 .add-tax-breakdown-cont div span {
17795 margin-bottom: 5px;
17796 }
17797 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17798 width: 90%;
17799 }
17800 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17801 flex-basis: 40%;
17802 }
17803 .vbo-admin-container .vbo-param-container {
17804 flex-wrap: wrap;
17805 }
17806 .vbo-admin-container .vbo-param-container .vbo-param-label {
17807 margin-right: 0;
17808 flex-basis: 100%;
17809 }
17810 .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 {
17811 width: 100% !important;
17812 }
17813 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
17814 width: auto !important;
17815 }
17816 .vbo-admin-container .vbo-param-container .vbo-param-label {
17817 font-size: 13px;
17818 font-weight: bold;
17819 }
17820 .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 {
17821 width: 100% !important;
17822 max-width: inherit !important;
17823 height: auto;
17824 box-sizing: border-box;
17825 }
17826 .vbo-admin-container .vbo-param-container .vbo-param-setting {
17827 display: flex;
17828 flex-wrap: wrap;
17829 }
17830 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
17831 width: 100%;
17832 }
17833 input[type="number"].vbo-small-input {
17834 width: 80px !important;
17835 }
17836 .vbo-admin-container .vbo-param-container.vbo-param-nested {
17837 flex-wrap: wrap;
17838 }
17839 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
17840 flex-basis: 100%;
17841 }
17842 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
17843 width: 100%;
17844 margin: 5px 0;
17845 }
17846 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
17847 width: 100%;
17848 }
17849 .vbo-admin-container .vbo-param-container.vbo-param-child {
17850 margin-top: -15px;
17851 }
17852 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
17853 margin: 0;
17854 padding: 0;
17855 }
17856 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
17857 width: 100% !important;
17858 }
17859 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
17860 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
17861 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
17862 width: auto !important;
17863 margin-right: 5px;
17864 }
17865 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
17866 flex: 1;
17867 flex-grow: 0;
17868 flex-basis: 130px;
17869 }
17870 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
17871 margin-left: 10px;
17872 }
17873 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
17874 margin: 0 0 0 5px;
17875 width: auto !important;
17876 }
17877 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
17878 margin-bottom: 0;
17879 }
17880 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
17881 height: 30px;
17882 }
17883 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
17884 margin-bottom: 5px !important;
17885 }
17886 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
17887 margin-bottom: 5px;
17888 }
17889 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17890 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17891 width: 90px !important;
17892 }
17893 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
17894 margin-left: 10px;
17895 }
17896 .vbo-admin-container .vbo-param-container {
17897 margin: 15px 0;
17898 }
17899 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
17900 width: 120px !important;
17901 }
17902 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
17903 width: auto !important;
17904 }
17905 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
17906 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17907 width: 120px !important;
17908 }
17909 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
17910 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17911 margin-right: 10px;
17912 }
17913 .vbo-admin-container .adminform {
17914 padding: 15px 20px;
17915 }
17916 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
17917 margin: 8px 0 0 50px;
17918 }
17919 #vbo-row-custcost .vbo-param-setting input {
17920 width: auto !important;
17921 }
17922 .vbo-ratesoverview-period-box-cals-inner {
17923 padding: 10px;
17924 }
17925 .vbo-ratesoverview-period-box-cals-inner > div {
17926 display: block;
17927 margin: 10px;
17928 width: auto;
17929 }
17930 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17931 width: auto;
17932 padding-right: 0;
17933 border: 0;
17934 box-sizing: border-box;
17935 margin-bottom: 20px;
17936 }
17937 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
17938 text-align: center;
17939 text-transform: capitalize;
17940 font-size: 16px;
17941 }
17942 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
17943 width: 100%;
17944 box-sizing: border-box;
17945 }
17946 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
17947 border-radius: 4px;
17948 border: 1px solid var(--vbo-config-border-color);
17949 }
17950 .vbo-tariffs-params-container .vbo-param-setting form {
17951 width: 100%;
17952 }
17953 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
17954 display: block;
17955 width: 100%;
17956 font-weight: bold;
17957 }
17958 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17959 display: flex;
17960 margin: 5px 0 0;
17961 width: 100%;
17962 }
17963 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
17964 align-self: center;
17965 margin-right: 5px;
17966 }
17967 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17968 flex: 1;
17969 }
17970 .vbo-bookdet-container .vbo-bookdet-wrap {
17971 width: 45%;
17972 border: 0;
17973 padding-right: 0;
17974 }
17975 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17976 flex-basis: 100% !important;
17977 }
17978 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
17979 display: block;
17980 font-weight: bold;
17981 }
17982 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
17983 width: 100% !important;
17984 max-width: 100% !important;
17985 }
17986 .vbo-dashboard-refresh-container {
17987 margin: 0px auto 0;
17988 float: none;
17989 display: table;
17990 }
17991 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17992 width: 80%;
17993 }
17994 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17995 width: calc(50% - 20px);
17996 }
17997 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17998 width: calc(50% - 10px);
17999 }
18000
18001 .popover.right {
18002 left: 0 !important;
18003 border-right-width: 0 !important;
18004 border-left-color: #999 !important;
18005 border-left-color: rgba(0,0,0,0.25) !important;
18006 right: 0 !important;
18007 left: 7% !important;
18008 }
18009 .popover.right .arrow {
18010 top: 50% !important;
18011 margin-top: -11px !important;
18012 border-right-width: 0 !important;
18013 border-left-color: #999 !important;
18014 border-left-color: rgba(0,0,0,0.25) !important;
18015 right: 0 !important;
18016 }
18017 .popover.right .arrow:after {
18018 left: 1px !important;
18019 border-right-width: 0 !important;
18020 border-right-color: #fff !important;
18021 }
18022 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
18023 min-width: 200px;
18024 max-width: 200px;
18025 white-space: nowrap;
18026 overflow: hidden;
18027 text-overflow: ellipsis;
18028 }
18029 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
18030 white-space: nowrap;
18031 overflow: hidden;
18032 text-overflow: ellipsis;
18033 width: 130px;
18034 display: inline-block;
18035 }
18036 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
18037 box-sizing: border-box;
18038 width: 100%;
18039 }
18040 .vbo-dashboard-today-roomocc-customers {
18041 border: 0;
18042 }
18043 .wp-editor-container .quicktags-toolbar input[type="button"] {
18044 width: auto !important;
18045 }
18046 .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 {
18047 width: 100%;
18048 }
18049 .vbo-config-gr-services {
18050 width: 100%;
18051 }
18052 .vbo-config-gr-services .vbo-config-gr-service {
18053 display: flex;
18054 }
18055 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
18056 flex: 1;
18057 margin-right: 5px;
18058 }
18059 .vbo-smstpl-bgroup button.btn {
18060 margin: 2px !important;
18061 }
18062 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
18063 width: 100%;
18064 }
18065 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
18066 flex-basis: calc(50% - 38px);
18067 }
18068 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
18069 width: auto !important;
18070 }
18071 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
18072 width: auto !important;
18073 }
18074 .vbo-tariffs-params-container .vbo-param-setting {
18075 margin-top: 30px;
18076 }
18077 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
18078 width: auto !important;
18079 }
18080 .vbo-params-container .vbo-param-setting select#val_pcent {
18081 width: auto !important;
18082 }
18083 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
18084 width: 100px !important;
18085 }
18086 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
18087 width: 130px !important;
18088 }
18089 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
18090 width: auto !important;
18091 }
18092 #vbo-row-people .vbo-param-setting select {
18093 width: auto !important;
18094 }
18095 #vbo-close-all-rooms-sel {
18096 width: 100%;
18097 }
18098 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18099 flex-grow: 1;
18100 }
18101 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
18102 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
18103 width: 100%;
18104 margin-bottom: 5px;
18105 }
18106 .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 {
18107 width: 100% !important;
18108 flex-grow: 1;
18109 }
18110 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18111 margin-left: 0;
18112 }
18113 .vbo-param-confirm-btn .btn {
18114 width: 100%;
18115 }
18116 }
18117 @media screen and (max-width : 640px) {
18118 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
18119 flex-basis: 50%;
18120 }
18121 .vbo-calcrates-rateblock > span {
18122 width: 20%;
18123 margin: 5px 10px 5px 0;
18124 }
18125 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18126 widows: 50%;
18127 }
18128 .vbo-calcrates-rateblock > span {
18129 width: 35%;
18130 }
18131 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
18132 width: 100%;
18133 margin-top: 10px;
18134 }
18135 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
18136 flex-basis: 100%;
18137 }
18138 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
18139 flex-basis: 100%;
18140 }
18141 .vbrestrdrangesp {
18142 display: block;
18143 margin-bottom: 4px;
18144 }
18145 .vbrestrdrangesp + .wp-calendar-box {
18146 margin-right: 5px;
18147 }
18148 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
18149 width: 100%;
18150 }
18151 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
18152 width: 100%;
18153 }
18154 .vbo-checkin-custdet-entry {
18155 margin-bottom: 10px;
18156 display: inline-block;
18157 width: 100%;
18158 margin: 5px;
18159 vertical-align: top;
18160 }
18161 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
18162 flex-basis: 100% !important;
18163 }
18164 .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 {
18165 width: 100%;
18166 }
18167 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
18168 margin-left: 0;
18169 }
18170 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
18171 flex: 1;;
18172 }
18173 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
18174 display: flex;
18175 }
18176 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
18177 flex: 1;
18178 }
18179 .vbo-overlay-fests-addnew-elem input[type="text"] {
18180 width: 100% !important;
18181 }
18182 .vbo-overlay-fests-addnew-save .btn-success {
18183 width: 100% !important;
18184 }
18185 .vbo-dashboard-today-occ-listcont {
18186 width: 100%;
18187 box-sizing: border-box;
18188 }
18189 fieldset.adminform .vbo-list-table-rounded {
18190 max-width: 500px;
18191 }
18192 }
18193 @media screen and (max-width : 580px) {
18194 .vbo-calendar-cfields-search {
18195 width: 100%;
18196 width: 100%;
18197 background: var(--vbo-main-bg-color);
18198 padding: 10px 15px;
18199 float: none;
18200 margin-bottom: 10px;
18201 box-sizing: border-box;
18202 border: 1px solid var(--vbo-config-border-color);
18203 }
18204 .vbo-calendar-cfields-search input {
18205 margin-bottom: 0;
18206 }
18207 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
18208 margin-right: 0;
18209 }
18210 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
18211 width: 100% !important;
18212 }
18213 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
18214 flex: 100%;
18215 }
18216 .vbo-calendar-cfields-bottom {
18217 margin: 10px 0 15px 10px;
18218 display: flex;
18219 }
18220 .vbo-calendar-cfields-bottom .btn {
18221 flex: 1;
18222 }
18223 .vbo-calendar-cfields-bottom .btn-success {
18224 margin-left: 10px;
18225 }
18226 .vbo-ratesoverview-tabscont > div {
18227 margin: 4px 5px;
18228 }
18229 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
18230 margin: 5px 5px 0;
18231 }
18232 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
18233 width: 100%;
18234 margin: 10px 0 0;
18235 }
18236 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
18237 width: 100%;
18238 }
18239 .vbo-ratesoverview-tabscont div {
18240 width: 100%;
18241 box-sizing: border-box;
18242 }
18243 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
18244 white-space: inherit;
18245 }
18246 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
18247 width: 100%;
18248 }
18249 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
18250 width: 100% !important;
18251 }
18252 .vbo-bookingdet-admin-entry select {
18253 width: 100% !important;
18254 }
18255 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
18256 width: 48%;
18257 }
18258 .vbo-booking-history-container td {
18259 white-space: initial !important;
18260 }
18261 .vbo-dashboard-chart-container {
18262 flex-basis: 100%;
18263 }
18264 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18265 width: 50%;
18266 }
18267 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18268 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18269 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18270 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18271 width: calc(100% - 80px);
18272 }
18273 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
18274 width: auto;
18275 display: block;
18276 text-align: left;
18277 padding: 3px 5px;
18278 }
18279 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
18280 margin-right: 5px;
18281 }
18282 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
18283 width: 110px;
18284 }
18285 .vbo-menu-right > .vbo-menu-ul {
18286 display: contents;
18287 }
18288 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
18289 margin-bottom: 8px;
18290 }
18291 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
18292 flex-basis: 100% !important;
18293 }
18294 .vbo-translation-tab {
18295 width: calc(50% - 29px);
18296 }
18297 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
18298 width: 86%;
18299 }
18300 #alwaysavcont {
18301 flex-basis: 100%;
18302 }
18303 .vbo-tariffs-wizard-price {
18304 flex-basis: 100%;
18305 }
18306 .vbo-param-setting .vbwdaytwodiv {
18307 width: 100%;
18308 margin-top: 10px;
18309 margin-left: 0;
18310 }
18311 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
18312 flex-wrap: wrap;
18313 }
18314 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
18315 flex-basis: 100%;
18316 }
18317 .vbo-info-overlay-content .vbo-add-room-entry > div {
18318 width: 100%;
18319 margin: 5px 0;
18320 }
18321 .vbo-info-overlay-content .vbo-add-room-entry select {
18322 width: 100% !important;
18323 }
18324 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
18325 flex-basis: 100%;
18326 }
18327 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18328 flex-grow: 0;
18329 margin-bottom: 0px;
18330 }
18331 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
18332 width: 100px !important;
18333 flex: 1;
18334 }
18335 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18336 flex: 1;
18337 display: flex;
18338 flex-wrap: nowrap;
18339 }
18340 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
18341 align-self: center;
18342 margin-right: 5px;
18343 }
18344 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
18345 flex: 1;
18346 margin-left: 0;
18347 }
18348 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
18349 width: 80px !important;
18350 flex-grow: 1;
18351 }
18352 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
18353 width: 100%;
18354 display: flex;
18355 }
18356 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
18357 width: 55vw;
18358 }
18359 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
18360 flex: 1;
18361 }
18362 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
18363 width: 100% !important;
18364 }
18365 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
18366 margin-left: 0;
18367 }
18368 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
18369 margin-bottom: 5px;
18370 display: inline-block;
18371 }
18372 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
18373 width: 100%;
18374 }
18375 .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 {
18376 width: 100%;
18377 }
18378 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
18379 flex: 1;
18380 }
18381 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
18382 display: flex;
18383 }
18384 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
18385 flex: 1;
18386 }
18387 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
18388 margin-left: 5px;
18389 }
18390 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
18391 flex-wrap: wrap;
18392 }
18393 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
18394 flex-wrap: wrap;
18395 }
18396 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
18397 flex-basis: 100%;
18398 margin-top: 5px;
18399 }
18400 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
18401 width: 100%;
18402 }
18403 .vbo-quickres-head .vbo-quickres-head-right {
18404 margin-top: 10px;
18405 width: 100%;
18406 }
18407 .vbo-list-form-filters .btn-toolbar #rname {
18408 width: 200px !important;
18409 }
18410 .vbo-calcrates-rateblock > span {
18411 flex-basis: 100%;
18412 margin: 5px 0 5px 0;
18413 border-bottom: 1px solid var(--vbo-config-border-color);
18414 padding-bottom: 5px;
18415 text-align: right;
18416 }
18417 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
18418 border: 0;
18419 }
18420 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
18421 text-align: left;
18422 }
18423 .vbo-calcrates-rateblock > span > span {
18424 float: left;
18425 }
18426 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
18427 font-size: 18px;
18428 }
18429 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
18430 margin-right: 0;
18431 font-size: 18px;
18432 }
18433 .vbo-modal-wguestmessages-chat-info-booking .badge {
18434 margin-bottom: 2px;
18435 }
18436 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
18437 display: flex;
18438 }
18439 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
18440 flex-basis: 25px !important;
18441 flex-grow: 0 !important;
18442 }
18443 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
18444 width: 25px;
18445 height: 25px;
18446 }
18447 .vbo-submenu-wrap {
18448 display: none;
18449 }
18450 .vbo-menu-ul li:hover .vbo-submenu-wrap {
18451 display: block;
18452 }
18453 .vbo-config-tabs-wrap dl.tabs dt {
18454 padding: 10px 0;
18455 width: 50%;
18456 }
18457 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
18458 width: 100%;
18459 }
18460 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
18461 display: inline-block;
18462 width: 100%;
18463 }
18464 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
18465 display: block;
18466 }
18467 .vbo-btn-toolbar .input-append input#code {
18468 max-width: 150px;
18469 }
18470 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
18471 min-width: 180px;
18472 }
18473 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
18474 width: 100%;
18475 }
18476 .vbo-info-overlay-content {
18477 height: 90%;
18478 }
18479 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
18480 margin-top: 0px;
18481 }
18482 .vbo-avcalendars-roomphoto img {
18483 width: 100%;
18484 }
18485 .vbcsvexport {
18486 margin: 2px !important;
18487 }
18488 .vbo-editbooking-totrefund {
18489 margin: 10px 0 0;
18490 }
18491 .vbo-param-setting #pin + .btn.vbo-config-btn {
18492 margin: 5px 0 !important;
18493 }
18494 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
18495 max-width: 100px !important;
18496 }
18497 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
18498 flex-basis: 100%;
18499 }
18500 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
18501 border-left: 1px solid var(--vbo-config-border-color);
18502 }
18503 .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 {
18504 border-radius: 6px !important;
18505 }
18506 .vbo-notifications-center-wrap {
18507 top: 57px;
18508 right: -100px;
18509 width: 80vw;
18510 }
18511 .vbo-notifications-center-wrap:before {
18512 right: 123px;
18513 }
18514 }
18515 @media screen and (max-width : 550px) {
18516 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
18517 -webkit-flex: 100%;
18518 -ms-flex: 100%;
18519 flex: 100%;
18520 }
18521 .vbo-ratesoverview-tabscont div > i {
18522 margin-bottom: 3px;
18523 }
18524 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18525 flex-basis: 36%;
18526 }
18527 .vbo-trackings-chart-avgvals {
18528 flex: 1;
18529 padding-right: 0;
18530 }
18531 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
18532 width: 100% !important;
18533 margin-bottom: 3px;
18534 }
18535 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
18536 flex: 100%;
18537 }
18538 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
18539 margin: 10px auto;
18540 }
18541 .vbmodelink {
18542 margin: 5px;
18543 }
18544 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
18545 flex-basis: 100%;
18546 }
18547 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
18548 margin: 0 0 10px;
18549 }
18550 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18551 width: 100%;
18552 }
18553 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
18554 flex-basis: 100%;
18555 }
18556 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
18557 flex-basis: calc(100% - 34px);
18558 }
18559 fieldset.adminform .vbo-list-table-rounded {
18560 max-width: 400px;
18561 }
18562 .vbo-widget-finance-data-block-rankings {
18563 grid-template-columns: repeat(1, 1fr);
18564 }
18565 .vbo-eorder-paymentlog-buttons {
18566 display: block;
18567 }
18568 .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn {
18569 text-align: center;
18570 }
18571 }
18572 @media screen and (max-width : 500px) {
18573 .vbo-translation-tab.vbo-translation-tab-ini {
18574 float: none;
18575 }
18576 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
18577 width: auto !important;
18578 }
18579 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
18580 width: 100%;
18581 margin: 5px 0;
18582 }
18583 .vbo-bookdet-container .vbo-bookdet-wrap {
18584 width: auto;
18585 border-bottom: 1px solid var(--vbo-config-border-color);
18586 padding: 0 0 5px;
18587 margin: 5px;
18588 box-sizing: border-box;
18589 display: block;
18590 }
18591 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
18592 border: 0;
18593 }
18594 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
18595 width: 100%;
18596 display: inline-block;
18597 margin: 5px 3px;
18598 }
18599 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
18600 flex-basis: 100%;
18601 }
18602 .vbo-calcrates-rateblock > span {
18603 width: 100%;
18604 }
18605 .modal-header .box-close {
18606 padding: 0 !important;
18607 border-bottom: 0 !important;
18608 }
18609 .modal .modal-header .box-close {
18610 border-left: 0 !important;
18611 }
18612 .vbo-cal-splitstay-details {
18613 min-width: initial;
18614 width: 100%;
18615 }
18616 .vbo-cal-splitstay-details > div {
18617 grid-template-columns: repeat(1, 1fr);
18618 }
18619 .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 {
18620 border-right: 0;
18621 }
18622 }
18623
18624 /* form fieldset */
18625 .admin-form-wrapper {
18626 display: flex;
18627 flex-wrap: wrap;
18628 justify-content: space-between;
18629 }
18630 .admin-form-fieldset {
18631 width: calc(100% / 2 - 10px);
18632 }
18633 @media screen and (max-width: 1440px) {
18634 .admin-form-fieldset select {
18635 max-width: 250px !important;
18636 }
18637 }
18638 @media screen and (max-width: 1280px) {
18639 .admin-form-fieldset {
18640 width: 100%;
18641 }
18642 }
18643 /* main menu screen size adjustments */
18644 @media screen and (max-width: 1400px) {
18645 .vbo-menu-updates > button span {
18646 display: none;
18647 }
18648 }
18649 @media screen and (max-width: 1280px) {
18650 .vbo-menu-left {
18651 max-width: 100px;
18652 }
18653 }
18654
18655 /* new medias drag&drop */
18656 .vbo-dropfiles-target {
18657 padding: 5% 20px;
18658 text-align:center;
18659 border: 2px dashed var(--vbo-config-border-color);
18660 border-radius: 4px;
18661 color: var(--vbo-config-text-color-light);
18662 background: var(--vbo-config-child-bg-color);
18663 }
18664 .vbo-dropfiles-target.drag-enter {
18665 border-color: var(--vbo-config-border-color);
18666 }
18667 .vbo-dropfiles-target .lead {
18668 font-size: 16px;
18669 font-weight: bold;
18670 }
18671 .vbo-dropfiles-target a:hover {
18672 text-decoration: none;
18673 }
18674
18675 .vbo-uploaded-files {
18676 display: flex;
18677 flex-wrap: wrap;
18678 }
18679 .vbo-uploaded-files i.fa-file {
18680 font-size: 128px;
18681 }
18682 .vbo-uploaded-files .file-elem {
18683 width: calc(100% / 5);
18684 margin-bottom: 20px;
18685 }
18686 .vbo-uploaded-files .file-elem-inner {
18687 width: auto;
18688 display: inline-block;
18689 position: relative;
18690 }
18691 .vbo-uploaded-files .file-elem a {
18692 position: relative;
18693 }
18694 .vbo-uploaded-files .file-elem.uploading a,
18695 .vbo-uploaded-files .file-elem.removing a {
18696 cursor: default;
18697 color: var(--vbo-config-text-color-light);
18698 }
18699 .vbo-uploaded-files .file-elem.removing a {
18700 opacity: 0.7;
18701 }
18702 .vbo-uploaded-files .file-elem a .file-extension {
18703 position: absolute;
18704 bottom: 20px;
18705 left: 50%;
18706 color: #fff;
18707 transform: translateX(-50%);
18708 font-size: 30px;
18709 text-transform: uppercase;
18710 font-weight: 500;
18711 }
18712 .vbo-uploaded-files .file-elem .file-summary {
18713 word-break: break-all;
18714 margin-top: 5px;
18715 }
18716 .vbo-uploaded-files .file-elem .file-summary .filename {
18717 font-weight: 500;
18718 }
18719 .vbo-uploaded-files .file-elem .file-summary .filesize {
18720 font-size: smaller;
18721 }
18722 .vbo-uploaded-files .file-elem .delete-file {
18723 position: absolute;
18724 top: -10px;
18725 left: -10px;
18726 background: var(--vbo-config-bg-color);
18727 width: 32px;
18728 height: 32px;
18729 border-radius: 50%;
18730 color: var(-vbo-body-text-color);
18731 line-height: 32px;
18732 text-align: center;
18733 visibility: hidden;
18734 }
18735 .vbo-uploaded-files .file-elem .delete-file i.fa {
18736 font-size: 34px;
18737 color: var(--vbo-body-text-color);
18738 }
18739 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
18740 color: var(--vbo-blue-color);
18741 }
18742 .vbo-uploaded-files .file-elem.do-shake .file-link {
18743 color: var(--vbo-config-text-color-light);
18744 cursor: default;
18745 }
18746 .vbo-uploaded-files .file-elem.do-shake .delete-file {
18747 visibility: visible;
18748 }
18749 .vbo-uploaded-files .file-elem.do-shake {
18750 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
18751 }
18752
18753 @-webkit-keyframes shake-files {
18754 from {
18755 -webkit-transform: rotate(4deg);
18756 }
18757 to {
18758 -webkit-transform-origin: center center;
18759 -webkit-transform: rotate(-4deg);
18760 }
18761 }
18762
18763 .stop-managing-files-hint {
18764 background: #333c;
18765 color: #fff;
18766 padding: 20px 30px;
18767 text-align: center;
18768 position: fixed;
18769 bottom: 20px;
18770 border-radius: 6px;
18771 left: 50%;
18772 transform: translateX(-50%);
18773 font-size: 20px;
18774 width: 80%;
18775 font-weight: 500;
18776 display: none;
18777 }
18778
18779 .drop-files-hint {
18780 float: right;
18781 margin-top: -25px;
18782 margin-right: 6px;
18783 }
18784 .drop-files-hint i.fa-question-circle {
18785 color: #999;
18786 }
18787
18788 @media screen and (max-width: 1440px) {
18789 .vbo-uploaded-files .file-elem {
18790 width: calc(100% / 4);
18791 }
18792 }
18793 @media screen and (max-width: 1280px) {
18794 .vbo-uploaded-files .file-elem {
18795 width: calc(100% / 5);
18796 }
18797 }
18798 @media screen and (max-width: 800px) {
18799 .vbo-uploaded-files .file-elem {
18800 width: calc(100% / 4);
18801 }
18802 }
18803 @media screen and (max-width: 550px) {
18804 .vbo-uploaded-files .file-elem {
18805 width: calc(100% / 3);
18806 }
18807 }
18808
18809 /*** @WPonly ***/
18810 .vbo-invoices-inv-frontleft {
18811 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
18812 border-right: 1px solid var(--vbo-config-border-color);
18813 float: left;
18814 height: 128px;
18815 max-height: 100%;
18816 min-height: 100%;
18817 vertical-align: middle;
18818 width: 128px;
18819 margin-right: 10px;
18820 }
18821 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
18822 position: relative;
18823 }
18824