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

17,774 lines 486.4 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-light-color-btn: #e9f3fa;
37 --vbo-middle-color-btn: #999;
38
39 /* Config bg and text color */
40 --vbo-config-bg-color: #fff;
41 --vbo-config-text-color: inherit;
42 --vbo-config-border-color: #ddd;
43 --vbo-config-titles-color-light: #666;
44 --vbo-config-child-bg-color: #f6f6f6;
45 --vbo-config-text-color-light: #999;
46 --vbo-config-title-color: #1d2327;
47
48 /* Input Style */
49 --vbo-input-style: #fff;
50 --vbo-input-style-deactive: #f6f7f7;
51 --vbo-input-style-nested-deactive: #eee;
52
53 /* Page Lists */
54 --vbo-toolbar-bg-color: #d4dae5;
55
56 /* General Colors */
57 --vbo-red-color: #b90c0d;
58 --vbo-red-color-hover: #e61717;
59 --vbo-orange-color: #ffab48;
60 --vbo-orange-color-hover: #ad6704;
61 --vbo-green-color: #46a546;
62 --vbo-green-color-hover: #398639;
63 --vbo-blue-color: #31708f;
64 --vbo-blue-color-hover: #498fb3;
65 }
66
67 legend.adminlegend {
68 color: var(--vbo-config-title-color);
69 border-bottom: 1px solid var(--vbo-config-border-color);
70 }
71
72 /*
73 * Classes .label and .badge
74 */
75 .label, .badge {
76 display: inline-block;
77 padding: 2px 4px;
78 font-size: 10.998px;
79 font-weight: bold;
80 line-height: 14px;
81 color: var(--vbo-contrast-text-color);
82 vertical-align: baseline;
83 white-space: nowrap;
84 background-color: var(--vbo-middle-color-btn);
85 }
86 .label {
87 border-radius: 3px;
88 }
89 .badge {
90 border-radius: 9px;
91 }
92 .label-success, .badge-success {
93 background-color: var(--vbo-green-color);
94 }
95 a.label-success:hover, a.badge-success:hover {
96 background-color: var(--vbo-green-color-hover);
97 }
98 .label-warning, .badge-warning {
99 background-color: var(--vbo-orange-color);
100 }
101 a.label-warning:hover, a.badge-warning:hover {
102 background-color: var(--vbo-orange-color-hover);
103 }
104 .label-info, .badge-info {
105 background-color: var(--vbo-blue-color);
106 }
107 a.label-info:hover, a.badge-info:hover {
108 background-color: var(--vbo-blue-color-hover);
109 }
110 a.label, a.badge, a.label:hover, a.badge:hover {
111 color: var(--vbo-contrast-text-color);
112 }
113
114 /* @joomlaonly - forced border color for the Joomla top toolbar */
115 .subhead .btn-toolbar .btn {
116 border: 1px solid var(--vbo-config-border-color);
117 }
118 .subhead .btn-toolbar .btn-success {
119 border: 1px solid var(--vbo-green-color);
120 border: 1px solid rgba(0,0,0,0.2);
121 }
122
123 /*** @WPonly - Load Reservation from other booking plugins ***/
124 .vbo-importbftpp-plugins-list {
125 border-radius: 4px;
126 padding: 20px;
127 border: 1px solid var(--vbo-config-border-color);
128 background: var(--vbo-config-bg-color);
129 }
130 .vbo-importbftpp-plugins-list-inner label {
131 display: block;
132 margin-bottom: 5px;
133 }
134 .vbo-importbftpp-plugins-list-bottom {
135 margin-top: 15px;
136 }
137 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
138 display: block;
139 margin-bottom: 5px;
140 }
141 .vbo-importbftpp-roomsmapping-wrap {
142 margin-bottom: 20px;
143 }
144 .vbo-importbftpp-roomsmapping-inner {
145 display: flex;
146 flex-wrap: wrap;
147 }
148 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
149 width: calc(33% - 48px);
150 margin: 5px;
151 border: 1px solid var(--vbo-config-border-color);
152 background: var(--vbo-config-bg-color);
153 padding: 20px;
154 border-radius: 4px;
155 }
156 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
157 display: block;
158 margin-bottom: 5px;
159 font-weight: 500;
160 }
161 .vbo-importbftpp-roomsmapping-block-thirdparty {
162 margin-bottom: 10px;
163 }
164 .vbo-importbftpp-subtitle {
165 font-size: 1.2em;
166 margin-bottom: 8px;
167 }
168 .vbo-importbftpp-reservations-inner {
169 display: flex;
170 flex-wrap: wrap;
171 }
172 .vbo-importbftpp-reservation-block {
173 flex-basis: 50%;
174 }
175 .vbo-importbftpp-reservation-inner {
176 border-radius: 4px;
177 border: 1px solid var(--vbo-config-border-color);
178 padding: 15px;
179 background: var(--vbo-config-bg-color);
180 margin: 5px;
181 }
182 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
183 margin: 4px 0;
184 }
185 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
186 display: inline-block;
187 min-width: 150px;
188 font-weight: 500;
189 }
190 .vbo-importbftpp-reservation-import {
191 margin-top: 14px;
192 border-top: 1px solid var(--vbo-config-border-color);
193 padding-top: 10px;
194 display: inline-block;
195 width: 100%;
196 box-sizing: border-box;
197 min-height: 40px;
198 }
199 .vbo-importbftpp-reservation-import-toggle {
200 display: inline-block;
201 }
202 .vbo-importbftpp-reservation-import-rooms {
203 float: right;
204 font-weight: bold;
205 font-size: 1.1em;
206 }
207 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
208 min-width: inherit;
209 margin-right: 10px;
210 }
211 .vbo-importbftpp-confirm-wrap {
212 text-align: center;
213 margin-top: 15px;
214 }
215 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
216 font-size: 1.3em;
217 font-weight: bold;
218 margin-bottom: 10px;
219 }
220 .vbo-importbftpp-reservation-noteligible {
221 opacity: .7;
222 }
223 .vbo-importbftpp-reservations-btns {
224 text-align: right;
225 padding-right: 5px;
226 }
227 div.modal .close {
228 color: inherit;
229 }
230 .modal .modal-footer {
231 border-top: 1px solid var(--vbo-config-border-color);
232 background: var(--vbo-config-bg-color);
233 box-shadow: none;
234 }
235 a:focus, a:hover {
236 text-decoration: none !important;
237 }
238 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
239 padding: 10px 10px;
240 border-color: var(--vbo-config-border-color);
241 }
242 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
243 padding: 10px 30px;
244 }
245 .btn-secondary {
246 color: var(--vbo-config-title-color);
247 background-color: var(--vbo-basic-btn);
248 border-color: var(--vbo-config-border-color);
249 }
250 .btn-secondary:hover {
251 color: var(--vbo-config-title-color);
252 background-color: var(--vbo-basic-btn-hover);
253 }
254 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
255 border-radius: 3px;
256 padding: 10px 14px;
257 margin-bottom: 0;
258 }
259 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
260 height: auto;
261 }
262 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
263 margin-right: 5px;
264 }
265 body #content .input-append > input, body #wpcontent .input-append > input {
266 border-color: var(--vbo-config-border-color);
267 }
268 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
269 color: #fff;
270 background-color: var(--vbo-green-color);
271 border: 1px solid var(--vbo-green-color);
272 }
273 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
274 color: #fff;
275 font-weight: normal;
276 background-color: var(--vbo-green-color-hover);
277 border-color: var(--vbo-green-color-hover);
278 }
279 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
280 color: #fff;
281 background-color: var(--vbo-red-color);
282 border: 1px solid var(--vbo-red-color);
283 }
284 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
285 color: #fff;
286 background-color: var(--vbo-red-color-hover);
287 border-color: var(--vbo-red-color-hover)
288 }
289 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 {
290 color: #fff;
291 background-color: var(--vbo-blue-color);
292 border: 1px solid var(--vbo-blue-color);
293 }
294 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 {
295 color: #fff;
296 background-color: var(--vbo-blue-color-hover);
297 border: 1px solid var(--vbo-blue-color-hover);
298 }
299 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
300 color: #fff;
301 background-color: var(--vbo-orange-color);
302 border: 1px solid var(--vbo-orange-color);
303 }
304 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
305 color: #fff;
306 background-color: var(--vbo-orange-color-hover);
307 border: 1px solid var(--vbo-orange-color-hover);
308 }
309 .select2-container .select2-dropdown {
310 background-color: var(--vbo-config-bg-color);
311 border-color: var(--vbo-config-border-color) !important;
312 }
313 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
314 background-color: var(--vbo-blue-color);
315 }
316 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
317 line-height: 38px;
318 }
319 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
320 background-color: var(--vbo-config-bg-color);
321 color: var(--vbo-base-color);
322 border: 1px solid var(--vbo-base-color);
323 }
324 .select2-container.select2-container--default .select2-selection--single {
325 background-color: var(--vbo-input-style);
326 border: 1px solid var(--vbo-config-border-color) !important;
327 height: 40px;
328 border-radius: 2px;
329 }
330 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
331 height: 40px;
332 }
333 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
334 color: var(--vbo-config-titles-color-light);
335 }
336 /*** Chrome Hack for the select ***/
337 .selector:not(*:root), select {
338 border: 0 !important;
339 outline: 1px solid var(--vbo-config-border-color);
340 outline-offset: -1px;
341 height: 36px !important;
342 }
343 /***/
344
345 .input-append .btn.vbo-btn-dont-append {
346 margin-left: 5px;
347 }
348
349 /* Skeleton structure */
350 .vbo-skeleton-loading {
351 position: relative;
352 overflow: hidden;
353 background-color: #DDDBDD;
354 display: inline-block;
355 }
356 .vbo-skeleton-loading:after {
357 position: absolute;
358 top: 0;
359 right: 0;
360 bottom: 0;
361 left: 0;
362 transform: translateX(-100%);
363 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));
364 animation: shimmer 2s infinite;
365 content: '';
366 }
367
368 .fancybox-type-iframe.fancybox-opened {
369 height: 80% !important;
370 }
371 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
372 height: 100% !important;
373 }
374
375 .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 {
376 white-space: nowrap;
377 }
378 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
379 white-space: inherit;
380 }
381 .vbo-table-td-wrap .btn {
382 margin-top: 5px;
383 }
384 .successmade {
385 margin: 10px 0px;
386 padding: 12px 12px 12px 40px;
387 color: var(--vbo-green-color);
388 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
389 border: 2px solid var(--vbo-green-color);
390 }
391 .info {
392 margin: 10px 0px;
393 padding: 12px;
394 background-color: #c8e4fb;
395 border: 1px solid #72abcc;
396 }
397 .err {
398 margin: 10px 0px;
399 padding: 12px 12px 12px 40px;
400 border: 2px solid var(--vbo-red-color);
401 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
402 }
403 .warn {
404 margin: 10px 0px;
405 padding: 12px 12px 12px 40px;
406 border: 2px solid var(--vbo-orange-color);
407 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
408 }
409 .label-error, .badge-error, .label-danger, .badge-danger {
410 background-color: var(--vbo-red-color) !important;
411 }
412 .ui-datepicker-multi .ui-datepicker-group-first {
413 border-right: 1px solid var(--vbo-config-border-color);
414 }
415 .select2-container--default .select2-results__option[role="group"] {
416 border-top: 1px solid var(--vbo-config-border-color);
417 }
418 #hmfooter {
419 font-size: x-small;
420 text-align: center;
421 margin: 20px 0;
422 }
423 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
424 margin-top: 5px;
425 }
426 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
427 margin-top: 15px;
428 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
429 display: grid;
430 }
431 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
432 background-color: var(--vbo-config-bg-color);
433 border-radius: 10px;
434 border: 1px solid var(--vbo-basic-btn);
435 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
436 margin: 10px;
437 }
438 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
439 height: 100%;
440 }
441 .vbadmincaltable td {
442 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
443 font-size: 11px;
444 width: 45px;
445 padding: 0 !important;
446 text-align: center !important;
447 height: 30px;
448 box-sizing: content-box;
449 vertical-align: middle !important;
450 }
451 .vbadmincaltable tr:last-child td {
452 border-bottom: 0 !important;
453 }
454 .vbadmincaltable tr:last-child td:first-child {
455 border-bottom-left-radius: 10px;
456 }
457 .vbadmincaltable tr:last-child td:last-child {
458 border-bottom-right-radius: 10px;
459 }
460 .vbadmincaltable td:last-child {
461 border-right: 0 !important;
462 }
463 .vbadmincaltable td:first-child {
464 border-left: 0 !important;
465 }
466 .vbadmincaltable td:hover {
467 background-color: var(--vbo-config-border-color);
468 }
469 .vbadmincaltable td:active {
470 background-color: var(--vbo-blue-color);
471 color: #fff;
472 }
473 .vbadmincaltable .busy {
474 background: var(--vbo-red-color);
475 }
476 .vbadmincaltable .busy:hover {
477 background: var(--vbo-red-color-hover);
478 }
479 .busy.busy-closure {
480 background: var(--vbo-config-title-color);
481 }
482 .busy.busy-closure:hover {
483 background: var(--vbo-config-titles-color-light);
484 }
485 .vbadmincaltable .busy > * {
486 font-weight:bold;
487 color:#fff;
488 }
489 .vbadmincaltable td.free {
490 cursor: pointer;
491 }
492 .vbadmincaltrmon td {
493 color: var(--vbo-config-title-color);
494 font-weight:bold;
495 font-size: 14px;
496 border: 0 !important;
497 padding: 6px 5px !important;
498 }
499 .vbadmincaltrmon td:hover {
500 background-color: transparent;
501 }
502 .vbadmincaltrmdays td {
503 font-weight: bold;
504 text-align:center;
505 background-color: var(--vbo-config-child-bg-color);
506 }
507 .vbadmincaltrmdays td:hover {
508 background-color: var(--vbo-config-child-bg-color);
509 }
510 .vborderof {
511 padding:10px 0;
512 font-size:14px;
513 }
514 .vborderof a {
515 font-size:12px;
516 }
517 .vborderpar {
518 margin:10px 0 5px 0;
519 padding:0;
520 font-weight:bold;
521 font-size:13px;
522 }
523 .vborderspan {
524 font-weight:bold;
525 }
526 p.vborderpartot {
527 padding:5px 10px;
528 margin:10px 5px;
529 background: var(--vbo-light-color-btn);
530 border: 1px solid var(--vbo-config-border-color);
531 border-radius:4px;
532 -moz-border-radius:4px;
533 -webkit-border-radius:4px;
534 font-weight:bold;
535 }
536 div.vborderpartot {
537 display: block;
538 padding:5px 10px;
539 margin:10px 5px;
540 background:var(--vbo-light-color-btn);
541 border: 1px solid var(--vbo-config-border-color);
542 border-radius:4px;
543 -moz-border-radius:4px;
544 -webkit-border-radius:4px;
545 font-weight:bold;
546 width: 300px;
547 }
548 .vborderseatasconf {
549 background:var(--vbo-green-color);
550 border: 1px solid var(--vbo-green-color);
551 border-radius:4px;
552 -moz-border-radius:4px;
553 -webkit-border-radius:4px;
554 margin:5px 0 10px;
555 width:133px;
556 display:block;
557 padding:10px;
558 }
559 .vborderseatasconf a {
560 color:#fff !important;
561 font-weight:bold;
562 text-decoration:none;
563 text-transform:uppercase;
564 }
565 .maxthirty {
566 cursor: pointer;
567 max-height: 30px;
568 height: expression(this.height > 30 ? "30px" : true);
569 max-width: 30px;
570 width: expression(this.width > 30 ? "30px" : true);
571 }
572 .maxfifty {
573 max-height: 60px;
574 height: expression(this.height > 50 ? "50px" : true);
575 border:0;
576 border-radius: 4px;
577
578 transition-delay: 0s;
579 transition-duration: 0.15s;
580 transition-property: transform, box-shadow;
581 transition-timing-function: ease-in-out;
582 -webkit-transition-delay: 0s;
583 -webkit-transition-duration: 0.15s;
584 -webkit-transition-property: transform, box-shadow;
585 -webkit-transition-timing-function: ease-in-out;
586 }
587 .maxfifty:hover {
588 box-shadow: 0 0 10px rgba(0,0,0,0.5);
589
590 transform: translateY(-2px);
591 -webkit-transform: translateY(-2px);
592 }
593 .maxninety {
594 max-height: 190px;
595 height: expression(this.height > 190 ? "190px" : true);
596 }
597 .imgresult {
598 max-height: 85px;
599 height: expression(this.height > 85 ? "85px" : true);
600 max-width: 130px;
601 width: expression(this.width > 130 ? "130px" : true);
602 }
603 .vbmenutable td {
604 position:relative;
605 padding:0 12px 0 0;
606 }
607 .vbmenuentries {
608 float:left;
609 width:117px;
610 margin:8px 0 0 85px;
611 }
612 .vbmenuentries a {
613
614 }
615 .vbsubmitfares {
616 background: none repeat scroll 0 0 #708827 !important;
617 border: 1px solid #5D7120 !important;
618 border-radius: 4px 4px 4px 4px;
619 color: #FFFFFF !important;
620 font-size: 14px;
621 padding: 5px 15px;
622 margin:10px 0 0 0;
623 }
624 .vbsubmithfares {
625 background: none repeat scroll 0 0 #0B9E9E !important;
626 border: 1px solid #007171 !important;
627 border-radius: 4px 4px 4px 4px;
628 color: #FFFFFF !important;
629 font-size: 14px;
630 padding: 5px;
631 margin:10px 0 0 0;
632 }
633
634 .vbsubmithcharges {
635 background: none repeat scroll 0 0 #386B16 !important;
636 border: 1px solid #2D5511 !important;
637 border-radius: 4px 4px 4px 4px;
638 color: #FFFFFF !important;
639 font-size: 14px;
640 padding: 5px;
641 margin:10px 0 0 0;
642 cursor:pointer;
643 }
644 .vbo-checkin-commands-wrap .btn.btn-success {
645 padding: 8px 14px;
646 }
647 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
648 border: 1px solid var(--vbo-green-color);
649 background-color: var(--vbo-green-color);
650 color: #fff;
651 border-radius: 3px;
652 margin-bottom: 0;
653 font-size: inherit;
654 }
655 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
656 padding: 10px 14px;
657 }
658 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
659 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
660 background-color: var(--vbo-green-color-hover) !important;
661 border: 1px solid var(--vbo-green-color-hover) !important;
662 }
663 .container-main .btn.btn-warning {
664 border: 1px solid var(--vbo-orange-color);
665 background-color: var(--vbo-orange-color);
666 border-radius: 3px;
667 padding: 10px 14px;
668 margin-bottom: 0;
669 }
670 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
671 background-color: var(--vbo-orange-color-hover) !important;
672 border: 1px solid var(--vbo-orange-color-hover) !important;
673 }
674 .vbo-checkin-commands-wrap .btn.btn-danger {
675 padding: 8px 14px;
676 }
677 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
678 border: 1px solid var(--vbo-red-color);
679 background-color: var(--vbo-red-color);
680 border-radius: 3px;
681 margin-bottom: 0;
682 font-size: inherit;
683 }
684 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
685 color: #fff;
686 }
687 .container-main .btn.btn-danger:hover, .container-main .btn.btn-danger:active,
688 .vbo-checkin-commands-wrap .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:active {
689 background-color: var(--vbo-red-color-hover) !important;
690 border: 1px solid var(--vbo-red-color-hover) !important;
691 }
692 /* UI Calendar */
693 .ui-widget-content {
694 background: var(--vbo-config-bg-color) !important;
695 color: inherit !important;
696 }
697 .ui-widget-header {
698 background: var(--vbo-config-bg-color) !important;
699 border: 1px solid var(--vbo-config-border-color) !important;
700 color: inherit !important;
701 }
702 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
703 background: var(--vbo-config-bg-color) !important;
704 border-color: var(--vbo-config-border-color) !important;
705 color: inherit !important;
706 }
707 .ui-widget.ui-widget-content {
708 border: 1px solid var(--vbo-config-border-color) !important;
709 }
710 .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 {
711 background: var(--vbo-light-color-btn) !important;
712 }
713 .free{
714 color: var(--vbo-body-text-color);
715 }
716
717 .busy{
718 color: var(--vbo-body-text-color);
719 background: var(--vbo-red-color);
720 }
721
722 .notbusy{
723 color: var(--vbo-body-text-color);
724 background: var(--vbo-config-bg-color);
725 }
726 .bluedays{
727 min-width: 2.7%;
728 background: none repeat scroll 0 0 #02679a;
729 color: #FFFFFF;
730 font-weight: bold;
731 padding: 4px 0;
732 text-align: center;
733 cursor: pointer;
734 }
735 .skip-bluedays-click {
736 cursor: inherit;
737 }
738 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
739 background: #b0c0d1;
740 }
741 .bluedays.vbo-overv-todaycell {
742 background: #074666;
743 }
744 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
745 background: #d9b9d3;
746 }
747 .bluedays.vbo-overv-festcell {
748 cursor: pointer;
749 background: #a07e9a;
750 }
751 .vbo-overview-month {
752 font-size: 105%;
753 }
754 .vbo-overview-redday, .vbo-overview-subredday {
755 color: #fff;
756 }
757 .vboverviewtablerow .busy:not(.vbo-checkinday) {
758 cursor: pointer;
759 }
760 .vbo-checkinday {
761 border-top: 3px solid var(--vbo-green-color);
762 }
763 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
764 background: var(--vbo-red-color) !important;
765 }
766 .busy:hover {
767 background: var(--vbo-red-color-hover);
768 }
769 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
770 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
771 }
772 .vbo-partially {
773 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
774 }
775 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
776 background: var(--vbo-orange-color-hover) !important;
777 }
778 .busy-sharedcalendar {
779 position: relative;
780 }
781 .busy-sharedcalendar:before {
782 position: absolute;
783 z-index: 0;
784 width: 100%;
785 height: 100%;
786 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
787 content: "";
788 top: 0;
789 left: 0;
790 }
791 .vbo-avov-legend {
792 margin: 9px 10px 0;
793 }
794 .vbo-overview-legend-init {
795 display: inline-block;
796 vertical-align: middle;
797 font-size: 13px;
798 font-weight: bold;
799 margin-right: 10px;
800 }
801 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
802 display: inline-block;
803 margin-right: 10px;
804 font-size: 12px;
805 vertical-align: middle;
806 }
807 .vbo-overview-legend-box {
808 display: inline-block;
809 width: 15px;
810 height: 15px;
811 vertical-align: middle;
812 border-radius: 2px;
813 margin-right: 2px;
814 }
815 .vbo-overview-legend-red .vbo-overview-legend-box {
816 background: none repeat scroll 0 0 var(--vbo-red-color);
817 }
818 .vbo-overview-legend-yellow .vbo-overview-legend-box {
819 background: none repeat scroll 0 0 #f0ad4e;
820 }
821 .vbo-overview-legend-green .vbo-overview-legend-box {
822 border-top: 2px solid var(--vbo-green-color);
823 background: var(--vbo-config-bg-color);
824 }
825 .vbo-overview-legend-title {
826 display: inline-block;
827 vertical-align: middle;
828 }
829 #jmodal-vbo-new-res {
830 width: 90% !important;
831 top: 50%;
832 left: 50%;
833 transform: translate(-50%, -50%);
834 margin: 0 !important;
835 }
836 td.roomname {
837 background: var(--vbo-config-child-bg-color);
838 height: 40px;
839 padding: 5px 10px 5px 6px;
840 text-align: left;
841 }
842 td.roomname.subroomname {
843 background: var(--vbo-config-bg-color) !important;
844 }
845 .vbo-overview-room-info {
846 display: flex;
847 }
848 .vbo-overview-room-info > span {
849 align-self: center;
850 }
851 .vbo-overview-roomname {
852 font-weight: bold;
853 font-size: 14px;
854 display: inline-block;
855 max-width: 185px;
856 }
857 .vbo-overview-roomunits {
858 display: inline-block;
859 margin: 0 5px 0 2px;
860 background: none repeat scroll 0 0 #3e6372;
861 border-radius: 50%;
862 color: #fff;
863 font-size: 12px;
864 font-weight: bold;
865 min-height: 20px;
866 min-width: 20px;
867 padding: 4px;
868 text-align: center;
869 }
870 .vbo-overview-subroomname {
871 font-weight: bold;
872 font-size: 13px;
873 }
874 .vbo-overview-subroomunits {
875 display: inline-block;
876 margin: 0 5px 0 2px;
877 font-size: 12px;
878 min-height: 20px;
879 min-width: 20px;
880 padding: 4px;
881 text-align: center;
882 }
883 .vbo-overview-subroomunits i {
884 margin: 0;
885 }
886 .subroom-busy {
887 background: var(--vbo-red-color) none repeat scroll 0 0;
888 color: var(--vbo-body-text-color);
889 }
890 .subnotbusy {
891 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
892 color: #000000;
893 }
894 .dailypricesactive {
895 text-align: center;
896 float: left;
897 font-weight: bold;
898 width: 100%;
899 height: 34px;
900 font-size:14px;
901 line-height:34px;
902 text-transform:uppercase;
903 color:var(--vbo-green-color);
904 background:var(--vbo-input-style-nested-deactive);
905 }
906 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
907 border-radius: 4px;
908 }
909 .vbo-tariffs-params-container .vbo-param-setting > h4 {
910 margin-top: 0;
911 font-size: 16px;
912 }
913 .vbo-insertrates-cont > div {
914 background-color: var(--vbo-config-bg-color);
915 box-shadow: 0 0 10px rgba(0,0,0,.15);
916 border-radius: 8px;
917 padding: 20px;
918 margin: 0 0 15px;
919 }
920 .vbo-insertrates-cont input[type="number"] {
921 width: 100px !important;
922 }
923 .vbo-ratestable-lbl {
924 font-weight: bold;
925 color: var(--vbo-config-titles-color-light);
926 font-size: 16px;
927 padding: 0px 0px 7px;
928 }
929 .vbo-ratestable-nights > div {
930 display: flex;
931 margin: 5px 0 8px;
932 }
933 .vbo-ratestable-nights > div > span {
934 display: inline-block;
935 min-width: 100px;
936 }
937 .vbo-insertrates-bottom .vbo-ratestable-newprice {
938 display: flex;
939 flex-wrap: wrap;
940 margin: 5px 0;
941 border: 1px solid var(--vbo-main-bg-color);
942 padding: 10px 10px;
943 }
944 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
945 align-self: center;
946 }
947 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
948 margin-left: auto;
949 }
950 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
951 flex-basis: 100%;
952 margin-top: 5px;
953 }
954 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
955 display: block;
956 margin-bottom: 5px;
957 }
958 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
959 display: block;
960 }
961 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
962 width: 100% !important;
963 box-sizing: border-box;
964 height: auto;
965 }
966 .vbo-insertrates-save {
967 margin-top: 20px;
968 }
969 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
970 padding: 10px 25px;
971 font-size: 13px;
972 }
973 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
974 background: transparent;
975 }
976 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
977 text-align: right;
978 margin: 0 auto;
979 }
980 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
981 width: 100%;
982 margin-top: 15px;
983 box-shadow: 0 0px 10px rgba(0,0,0,.15);
984 }
985 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
986 color: var(--vbo-config-titles-color-light);
987 }
988 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
989 border: 1px solid var(--vbo-config-border-color);
990 border-radius: 2px;
991 padding: 5px 10px;
992 margin-bottom: 0;
993 width: 120px !important;
994 }
995 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
996 font-size: 10px;
997 text-transform: initial;
998 }
999 .vbo-config-gr-services .vbo-config-gr-service {
1000 margin: 4px 0;
1001 }
1002 .vbo-config-gr-services .vbo-config-gr-service i {
1003 margin-right: 0 !important;
1004 }
1005 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1006 padding: 11px 14px;
1007 vertical-align: top;
1008 }
1009 .vbadminfaresctitle {
1010 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1011 border: 1px solid var(--vbo-config-border-color);
1012 border-radius: 4px 4px 4px 4px;
1013 font-size: 13px;
1014 font-weight: bold;
1015 margin: 0 0 10px;
1016 padding: 10px;
1017 text-transform: uppercase;
1018 width: 100%;
1019 display: inline-block;
1020 }
1021 .vbadminfaresctitle form {
1022 margin: 0;
1023 }
1024 .vbadminfaresctitle form select {
1025 margin: 0;
1026 }
1027 .vbdashparag {
1028 font-size:12px;
1029 }
1030 .vbdashparagred span {
1031 font-weight: bold;
1032 color:var(--vbo-red-color);
1033 display: inline-block;
1034 min-width: 200px;
1035 }
1036 .vbdashspanright {
1037 float: right;
1038 padding:0 0 20px 0;
1039 font-size:12px;
1040 }
1041 .vbdashspanright form {
1042 padding:0 0 0 3px;
1043 display:inline;
1044 }
1045 .vbdashdivleft {
1046 float:left;
1047 border: 1px solid var(--vbo-config-border-color);
1048 border-radius:10px;
1049 -moz-border-radius:10px;
1050 -webkit-border-radius:10px;
1051 background:var(--vbo-config-bg-color);
1052 padding:20px;
1053 box-shadow:0 0 2px rgba(0,0,0,0.2);
1054 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1055 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1056 margin:15px 30px 15px 0;
1057 width:55%;
1058 }
1059 .vbdashdivleft .vbdashdivlefthead {
1060 margin:0 0 10px 0;
1061 padding:0;
1062 text-transform:uppercase;
1063 font-size:14px;
1064 color:var(--vbo-green-color);
1065 }
1066 .vbdashdivleft .vbdashtable {
1067 width:100%;
1068 }
1069 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1070 padding:3px 0;
1071 }
1072 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1073 font-size:12px;
1074 color:var(--vbo-blue-color);
1075 }
1076 .vbdashdivright {
1077 float:right;
1078 border: 1px solid var(--vbo-config-border-color);
1079 border-radius:10px;
1080 -moz-border-radius:10px;
1081 -webkit-border-radius:10px;
1082 background:var(--vbo-config-bg-color);
1083 padding:20px;
1084 box-shadow:0 0 2px rgba(0,0,0,0.2);
1085 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1086 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1087 margin:15px 0 15px 0;
1088 width:30%;
1089 }
1090 .vbdashdivright .vbdashdivrighthead {
1091 margin:0 0 10px 0;
1092 padding:0;
1093 text-transform:uppercase;
1094 font-size:14px;
1095 color:var(--vbo-green-color);
1096 }
1097 .vbdashdivright .vbdashtable {
1098 width:100%;
1099 }
1100 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1101 font-size:12px;
1102 font-weight:bold;
1103 color:var(--vbo-config-title-color);
1104 text-transform:uppercase;
1105 padding:0 0 5px 0;
1106 }
1107 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1108 padding:0 5px;
1109 }
1110 #vbadultsdiffbox p {
1111 margin: 0px 0 10px;
1112 border: 1px solid var(--vbo-basic-btn);
1113 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1114 border-radius: 10px;
1115 padding: 10px;
1116 }
1117 #vbadultsdiffbox p:last-child {
1118 margin-bottom: 0;
1119 }
1120 #vbadultsdiffbox .vbo-adults-usage {
1121 margin-right: 15px;
1122 display: block;
1123 margin-bottom: 4px;
1124 font-weight: 500;
1125 }
1126
1127 .vbplusminus {
1128 cursor: pointer;
1129 vertical-align: middle;
1130 display: inline-block;
1131 margin: -7px 0 0 5px;
1132 text-align: center;
1133 width: 20px;
1134 height: 20px;
1135 font-size: 20px;
1136 }
1137
1138 .vbplusminuscont {
1139 display: inline-block;
1140 text-align: right;
1141 }
1142 .vbplusminuscont > span {
1143 display: inline-block;
1144 min-width: 35px;
1145 text-align: left;
1146 }
1147 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1148 display: inline-block;
1149 vertical-align: middle;
1150 }
1151 p.vbpfiltconfnumb {
1152 text-align: right;
1153 }
1154
1155 .vbotaspblock {
1156 display: block;
1157 background: none repeat scroll 0 0 var(--vbo-blue-color);
1158 border: 0;
1159 border-radius: 5px 5px 5px 5px;
1160 margin: 0 3px 5px 0;
1161 padding: 4px;
1162 color: var(--vbo-body-text-color);
1163 font-weight: bold;
1164 position: relative;
1165 }
1166 .vbotaspblock:before {
1167 content: "";
1168 height: 20px;
1169 left: -1px;
1170 position: absolute;
1171 top: -11px;
1172 width: 20px;
1173 }
1174 .vboverviewtable {
1175 width: 100%;
1176 border: 0;
1177 border-collapse: inherit;
1178 border-spacing: 0;
1179 }
1180 .vboverviewtable {
1181 font-size: 105%;
1182 }
1183 .vboverviewtablerowone {
1184 height: 30px;
1185 }
1186 .vbo-overv-montable-wrap {
1187 margin-bottom: 20px;
1188 }
1189 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1190 min-width: 80px;
1191 }
1192 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1193 min-width: 80px;
1194 max-width: 80px;
1195 }
1196 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1197 min-width: 250px;
1198 }
1199 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1200 display: block;
1201 }
1202 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1203 color: #fff;
1204 font-size: 12px;
1205 }
1206 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1207 font-size: 24px;
1208 margin: 3px 0;
1209 }
1210 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1211 position: sticky;
1212 left: 0;
1213 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1214 z-index: 10;
1215 background-clip: padding-box !important;
1216 }
1217 .vboverviewtablerow {
1218 height: 30px;
1219 }
1220 .vboverviewtdone {
1221 min-width: 130px !important;
1222 text-align: left !important;
1223 padding-left: 1px;
1224 }
1225 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1226 padding: 10px 10px 0;
1227 vertical-align: top;
1228 }
1229 .vbo-roverv-rplan-restrictions {
1230 font-size: 10px;
1231 position: absolute;
1232 left: 10px;
1233 bottom: 4px;
1234 }
1235 .vbo-roverv-rplan .vbo-rplan-name {
1236 width: 150px;
1237 overflow: hidden;
1238 display: inline-block;
1239 white-space: nowrap;
1240 text-overflow: ellipsis;
1241 font-size: 14px;
1242 }
1243 .vbo-roverv-rplan-haslosrates {
1244 bottom: 3px;
1245 }
1246 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1247 font-size: 10px;
1248 }
1249 .vbo-roverv-gonext-cell {
1250 vertical-align: middle;
1251 padding: 0 10px;
1252 }
1253 .vbcloseroom{
1254 float: right;
1255 text-align: right;
1256 }
1257 .vbcloseroomsp i {
1258 color: var(--vbo-red-color);
1259 padding: 4px;
1260 font-size: 15px;
1261 border-radius: 4px;
1262 margin-right: 3px;
1263 }
1264 .vbcloseroomsp label {
1265 display: inline;
1266 }
1267 .vbordersroomclosed {
1268 color: var(--vbo-red-color);
1269 font-weight: bold;
1270 }
1271 .vbordcancelled {
1272 color: var(--vbo-red-color);
1273 font-weight: bold;
1274 background-position: left center;
1275 background-repeat: no-repeat;
1276 padding: 5px 0 5px 18px;
1277 }
1278 .vbcsvexport {
1279 cursor: pointer;
1280 background: var(--vbo-config-bg-color);
1281 color: var(--vbo-config-titles-color-light);
1282 border-radius: 3px;
1283 display: inline-block;
1284 font-weight: bold;
1285 border: 1px solid var(--vbo-green-color);
1286 font-size: 12px;
1287 margin: 0 3px;
1288 }
1289 .vbcsvexport:hover {
1290 text-decoration: none;
1291 background: var(--vbo-green-color-hover);
1292 color: #fff;
1293 }
1294 .vbcsvexport > i {
1295 background: var(--vbo-green-color);
1296 color: #fff;
1297 padding: 11px 12px;
1298 font-size: 16px;
1299 display: inline-block;
1300 }
1301 .vbcsvexport:hover > i {
1302 background: var(--vbo-green-color-hover);
1303 }
1304 .vbo-perms-operators {
1305 cursor: pointer;
1306 background: var(--vbo-config-bg-color);
1307 color: var(--vbo-config-titles-color-light);
1308 border-radius: 3px;
1309 display: inline-block;
1310 font-weight: bold;
1311 border: 1px solid var(--vbo-blue-color);
1312 font-size: 12px;
1313 margin: 0 3px;
1314 }
1315 .vbo-perms-operators:hover {
1316 text-decoration: none;
1317 background: var(--vbo-blue-color-hover);
1318 color: #fff;
1319 }
1320 .vbo-perms-operators > i {
1321 background: var(--vbo-blue-color);
1322 color: #fff;
1323 padding: 11px 12px;
1324 font-size: 16px;
1325 display: inline-block;
1326 float: left;
1327 }
1328 .vbo-perms-operators:hover > i {
1329 background: var(--vbo-blue-color-hover);
1330 }
1331 .vbo-perms-operators > span {
1332 padding: 9px 12px 0 7px;
1333 display: inline-block;
1334 float: left;
1335 }
1336 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1337 margin: 0 2px;
1338 }
1339 .vbicsexport {
1340 cursor: pointer;
1341 background: var(--vbo-config-bg-color);
1342 color: var(--vbo-config-titles-color-light);
1343 border-radius: 3px;
1344 display: inline-block;
1345 font-weight: bold;
1346 border: 1px solid var(--vbo-orange-color);
1347 font-size: 12px;
1348 }
1349 .vbicsexport > i {
1350 background: var(--vbo-orange-color);
1351 color: #fff;
1352 padding: 10px 12px;
1353 font-size: 16px;
1354 }
1355 .vbicsexport:hover {
1356 text-decoration: none;
1357 background: var(--vbo-orange-color-hover);
1358 color: #fff;
1359 }
1360 .vbicsexport:hover > i {
1361 background: var(--vbo-orange-color-hover);
1362 }
1363 .vbcsvexport > span, .vbicsexport > span {
1364 padding: 9px 12px 0 7px;
1365 display: inline-block;
1366 vertical-align: top;
1367 }
1368 /* VikBooking 1.3 */
1369 .vbrestrdrangesp {
1370 display: inline-block;
1371 min-width: 80px;
1372 }
1373 .vbwdaytwodiv {
1374 margin-left:5px;
1375 }
1376 #vbwdaytwodivid > span {
1377 display: none;
1378 margin: 10px 4px 0 0;
1379 }
1380 .vbwdaycombodiv {
1381 margin-top: 10px;
1382 }
1383 .vbwdaycombodiv .vbwdaycombop > label {
1384 min-width: 125px
1385 }
1386 .vbwdaycombosp {
1387 display: block;
1388 font-weight:bold;
1389 }
1390 .vbwdaycombohelp {
1391 display: block;
1392 font-size:smaller;
1393 }
1394 .vbrestrroomssp {
1395 display: block;
1396 font-weight: bold;
1397 margin-top: 10px;
1398 }
1399 .vbo-bookingdet-noteslogs pre {
1400 word-break: break-all;
1401 white-space: break-spaces;
1402 }
1403 #vbpaymentlogdiv {
1404 display: none;
1405 height: 250px;
1406 margin-top: 5px;
1407 overflow-x: hidden;
1408 overflow-y: auto;
1409 padding: 5px;
1410 }
1411 #vbpaymentlogdiv pre {
1412 border: 1px solid var(--vbo-main-bg-color);
1413 }
1414 .vbordersp {
1415 font-weight:bold;
1416 }
1417 .vbordersphighlight {
1418 background: none repeat scroll 0 0 var(--vbo-base-color);
1419 border: 0 none;
1420 border-radius: 5px;
1421 color: #ffffff;
1422 display: inline-block;
1423 margin: 0 0 0 -1px;
1424 padding: 4px;
1425 }
1426 #vbadminnotesdiv, #vbinvnotesdiv {
1427 display: none;
1428 border-radius: 5px;
1429 min-height: 250px;
1430 max-width: 500px;
1431 margin-top: 5px;
1432 overflow-x: auto;
1433 overflow-y: auto;
1434 padding: 5px;
1435 }
1436 textarea.vbadminnotestarea {
1437 width: 490px !important;
1438 height: 240px !important;
1439 border: 1px solid var(--vbo-main-bg-color);
1440 border-radius: 5px;
1441 padding: 3px;
1442 margin-bottom: 10px;
1443 }
1444 .vbroomparamp {
1445 margin-bottom: 0;
1446 padding-bottom: 6px;
1447 }
1448 .vbroomparamp.vbroomparampactive {
1449 border-left: 1px solid var(--vbo-config-titles-color-light);
1450 }
1451 #defcalcostp {
1452 margin-bottom: 4px;
1453 }
1454 p.vbroomparamp label {
1455 padding-right: 8px;
1456 display: inline-block !important;
1457 min-width: 195px;
1458 }
1459 p.vbroomparamp span {
1460 font-size: smaller;
1461 font-style: italic;
1462 display: inline-block;
1463 padding-left: 8px;
1464 max-width: 300px;
1465 }
1466 .vbapplydiscsp {
1467 float: right;
1468 cursor: pointer;
1469 }
1470 .vbdiscenter {
1471 display: none;
1472 margin-top: 5px;
1473 font-weight: normal;
1474 padding:5px 0 0 0;
1475 border-top:1px solid var(--vbo-config-border-color);
1476 }
1477 .vbdiscenter-entry {
1478 padding:3px 0;
1479 }
1480 .vbdiscenter-label {
1481 font-weight:bold;
1482 display:inline-block;
1483 min-width:50%;
1484 }
1485 .vbdiscenter-entrycentered {
1486 text-align: right;
1487 }
1488 .vbdiscenter-entrycentered input {
1489 background:var(--vbo-green-color);
1490 color:#fff;
1491 border-radius:4px;
1492 }
1493 .vbflushsession {
1494 background: none repeat scroll 0 0 var(--vbo-blue-color);
1495 border: 1px solid var(--vbo-blue-color);
1496 border-radius: 1px;
1497 color: #FFFFFF;
1498 display: inline-block;
1499 font-size: 12px;
1500 padding: 4px 12px;
1501 border-radius: 4px;
1502 text-decoration: none;
1503 }
1504 .vbflushsession:hover {
1505 text-decoration: none;
1506 color: #FFFFFF;
1507 background: var(--vbo-blue-color-hover);
1508 border-color: var(--vbo-blue-color-hover);
1509 }
1510 .vbflushsession:active {
1511 background: var(--vbo-blue-color-hover);
1512 border-color: var(--vbo-blue-color-hover);
1513 color: #fff;
1514 }
1515 .vbotasp {
1516 background: none repeat scroll 0 0 var(--vbo-blue-color);
1517 border: 0 none;
1518 border-radius: 5px;
1519 color: #FFFFFF;
1520 display: inline-block;
1521 font-weight: bold;
1522 margin: 0 3px 0 0;
1523 min-width: 67px;
1524 padding: 4px;
1525 position: relative;
1526 }
1527 .vbotasp:before {
1528 content: "";
1529 height: 20px;
1530 left: -27px;
1531 position: absolute;
1532 top: 0;
1533 width: 20px;
1534 }
1535 .vbexplaination {
1536 font-style: italic;
1537 padding: 5px;
1538 }
1539 .vborderiddata {
1540 margin:10px 0 0 0;
1541 }
1542 .vborderiddata span {
1543 padding: 0 0 0 10px;
1544 }
1545 .vborderdatatab {
1546 line-height:1.4em;
1547 width:80%;
1548 }
1549 .vbordactionlink {
1550 background: none repeat scroll 0 0 var(--vbo-blue-color);
1551 border: 0 none;
1552 border-radius: 5px;
1553 color: #FFFFFF !important;
1554 display: inline-block;
1555 font-weight: bold;
1556 margin: 0 3px 0 0;
1557 padding: 4px;
1558 }
1559 .vbordroominfo {
1560 background: var(--vbo-config-child-bg-color);
1561 border-radius:5px;
1562 border: 1px solid var(--vbo-config-border-color);
1563 padding:10px;
1564 margin:0 0 10px 0;
1565 max-width:400px;
1566 }
1567 .vborderinfoblock {
1568 background: var(--vbo-config-child-bg-color);
1569 border-radius:5px;
1570 border: 1px solid var(--vbo-config-border-color);
1571 padding:10px;
1572 margin:0 0 10px 0;
1573 }
1574 .vbroomselfilter {
1575 margin-right: 5px;
1576 }
1577 .vbmodelink {
1578 border: 1px solid var(--vbo-config-border-color);
1579 border-radius: 3px;
1580 display: inline-block;
1581 color: var(--vbo-config-titles-color-light);
1582 }
1583 .vbmodelink:hover {
1584 border: 1px solid var(--vbo-base-color-hover);
1585 }
1586 .vbmodelink > span {
1587 display: inline-block;
1588 padding: 0 8px 0 3px;
1589 }
1590 .vbmodelink > i {
1591 background: var(--vbo-main-bg-color);
1592 font-size: 15px;
1593 padding: 8px 10px;
1594 border-right: 1px solid var(--vbo-config-border-color);
1595 }
1596 .vbmodelink:hover > i, .vbmodelink:active > i {
1597 background-color: var(--vbo-base-color);
1598 color: #fff;
1599 border-right: 1px solid var(--vbo-base-color);
1600 }
1601 .vbmodelink-active {
1602 background: var(--vbo-config-bg-color) !important;
1603 border-color: var(--vbo-base-color);
1604 color: var(--vbo-base-color);
1605 }
1606 .vbmodelink-active > i {
1607 background: var(--vbo-base-color);
1608 color: #fff;
1609 }
1610 .vbimagedetbox {
1611 border: 1px solid var(--vbo-config-border-color);
1612 border-radius: 3px;
1613 padding: 20px;
1614 position: absolute;
1615 width: 300px;
1616 background-color: var(--vbo-config-bg-color);
1617 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1618 color: var(--vbo-config-title-color);
1619 z-index: 1000;
1620 right: 0;
1621 }
1622 .captionlabel {
1623 padding:0 0 10px;
1624 display:inline-block;
1625 width: 95%;
1626 font-weight: bold;
1627 }
1628 .captionlabel span {
1629 display:block;
1630 margin:0 0 4px 0;
1631 }
1632 .captionlabel input {
1633 border-radius:3px;
1634 padding:2px;
1635 width: 100% !important;
1636 }
1637 .captionsubmit {
1638 background: none repeat scroll 0 0 var(--vbo-green-color);
1639 border: 1px solid var(--vbo-green-color) !important;
1640 border-radius: 2px;
1641 color: #fff;
1642 cursor: pointer;
1643 padding: 10px 14px !important;
1644 line-height: 18px;
1645 font-size: 13px;
1646 }
1647 .captionsubmit:hover {
1648 background-color: var(--vbo-green-color-hover) !important;
1649 }
1650 .captionsubmit:active {
1651 background-color: var(--vbo-green-color-hover) !important;
1652 }
1653 .captionremoveimg {
1654 float: right;
1655 text-align: right;
1656 }
1657 .captionremoveimg span {
1658 float: left;
1659 display: inline-block;
1660 margin: 8px 6px 0px;
1661 }
1662 .captionremoveimg a {
1663 float:left;
1664 display:inline-block;
1665 }
1666 .captionremoveimg .icon-remove {
1667 font-size: 10px;
1668 margin-left: -5px;
1669 margin-right: 5px;
1670 }
1671 .vbheadfourblue {
1672 background: #02679a;
1673 color: #fff;
1674 margin-bottom: -5px !important;
1675 padding: 6px 3px 6px 6px;
1676 border-radius: 3px;
1677 }
1678 .vbswitchrblock {
1679 float: right;
1680 display: block;
1681 padding: 5px;
1682 border: 1px solid #ccc;
1683 border-radius: 3px;
1684 clear: both;
1685 }
1686 .vbswitchrblock select {
1687 margin: 0 !important;
1688 }
1689 .vbo-ebusy-lbl {
1690 display: block;
1691 font-weight: bold;
1692 font-size: larger;
1693 margin-left: 3px;
1694 }
1695 .vbo-ebusy-opt-table tr td {
1696 padding-right: 15px !important;
1697 }
1698 .vbo-ebusy-opt-table tr td:last-child {
1699 text-align: center;
1700 padding: 0 !important;
1701 }
1702 .vbo-ebusy-tars-table tr td {
1703 padding-right: 15px !important;
1704 }
1705 .vbo-ebusy-toggle-aduchild {
1706 border-left: 1px solid rgb(255, 255, 255);
1707 color: #e6e6e6;
1708 cursor: pointer;
1709 display: inline-block;
1710 float: right;
1711 height: 100%;
1712 min-width: 25px;
1713 padding-left: 0.7em;
1714 padding-top: 1px;
1715 padding-bottom: 1px;
1716 }
1717 .vbo-ebusy-rmroom {
1718 border-left: 1px solid rgb(255, 255, 255);
1719 color: #ff0000;
1720 cursor: pointer;
1721 display: inline-block;
1722 float: right;
1723 height: 100%;
1724 min-width: 25px;
1725 padding-left: 0.7em;
1726 padding-top: 1px;
1727 padding-bottom: 1px;
1728 }
1729 .vbo-ebusy-toggle-aduchild-on {
1730 color: #fff;
1731 }
1732 .vbo-ebusy-addextracost {
1733 margin-left: 50px;
1734 }
1735 .vbo-ebusy-extracosts-table tr {
1736 border-bottom:1px solid #ddd;
1737 background: #eee;
1738 }
1739 .vbo-ebusy-extracosts-table td {
1740 padding: 10px !important;
1741 }
1742 .vbo-ebusy-extracosts-table td input {
1743 margin-bottom: 0;
1744 }
1745 .vbo-ebusy-extracosts-cellrm {
1746 vertical-align: top;
1747 }
1748 .vbo-ebusy-extracosts-cellrm .btn {
1749 margin: 0;
1750 }
1751 .vbo-ebusy-extracosts-celltax select {
1752 margin: 0 !important;
1753 }
1754 .vbo-add-room-overlay {
1755 padding: 10px 10px 20px;
1756 }
1757 .vbo-add-room-overlay .vbo-add-room-entry {
1758 display: flex;
1759 flex-wrap: wrap;
1760 width: 100%;
1761 }
1762 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1763 display: block;
1764 width: 100% !important;
1765 max-width: 100%;
1766 }
1767 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1768 display: inline-block;
1769 vertical-align: top;
1770 flex: 1;
1771 margin: 8px 0;
1772 }
1773 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1774 margin-right: 20px;
1775 }
1776 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1777 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1778 width: 100% !important;
1779 box-sizing: border-box;
1780 height: auto;
1781 }
1782 /* START: VikBooking v1.6 */
1783 .add-tax-breakdown-cont {
1784 margin-bottom: 0;
1785 border: 1px solid var(--vbo-config-border-color);
1786 padding: 10px;
1787 border-radius: 4px;
1788 margin: 4px 0 10px;
1789 display: flex;
1790 flex-wrap: wrap;
1791 }
1792 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1793 margin-left: auto;
1794 order: 3;
1795 align-self: end;
1796 }
1797 .add-tax-breakdown-cont > div {
1798 display: inline-block;
1799 vertical-align: top;
1800 margin: 3px 0;
1801 }
1802 .add-tax-breakdown-cont .add-tax-breakdown-name {
1803 flex-basis: 100%;
1804 }
1805 .add-tax-breakdown-cont div span {
1806 display: inline-block;
1807 min-width: 100px;
1808 }
1809 .add-tax-breakdown-cont .add-tax-breakdown-rate {
1810 display: block;
1811 }
1812 .add-tax-breakdown-remove {
1813 cursor: pointer;
1814 font-size: 20px;
1815 }
1816 .vbo-select-all {
1817 display: block;
1818 width: 180px;
1819 margin: 0 0 5px 0;
1820 padding: 5px 2px;
1821 background: var(--vbo-basic-btn);
1822 border: 1px solid var(--vbo-config-border-color);
1823 cursor: pointer;
1824 text-align: center;
1825 }
1826 .vbo-select-all:hover {
1827 background: var(--vbo-basic-btn-hover);
1828 }
1829 #vbo-pkg-calcexcld {
1830 display: inline-block;
1831 margin-right: 10px;
1832 }
1833 #vbo-pkg-excldates-td {
1834 display: inline-block;
1835 vertical-align: top;
1836 }
1837 #vbo-pkg-excldates-td select {
1838 height: 90px !important;
1839 }
1840 .promotr {
1841 display: none;
1842 }
1843 #promovalidity {
1844 display: inline-block;
1845 padding-left: 5px;
1846 }
1847 /* END: VikBooking v1.6 */
1848 /* Back-end Menu */
1849 .vbo-menu-container {
1850 display: flex;
1851 align-items: flex-start;
1852 margin-bottom: 50px;
1853 }
1854 .vbo-menu-container-closer {
1855 margin-bottom: 10px;
1856 }
1857 .vbo-menu-left {
1858 float: left;
1859 display: inline-block;
1860 margin-right: 15px;
1861 max-width: 150px;
1862 border-radius: 5px;
1863 padding: 10px;
1864 margin-top: -10px;
1865 }
1866 .vbo-menu-left:hover {
1867 background: #ddd;
1868 }
1869 .vbo-menu-left img {
1870 max-width: 100%;
1871 border: 0;
1872 position: relative;
1873 display: inline-block;
1874 }
1875 .vbo-menu-left a {
1876 position: relative;
1877 display: block;
1878 overflow: hidden;
1879 }
1880 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
1881 text-decoration: none;
1882 }
1883 .vbo-menu-left a:after {
1884 opacity: 0;
1885 }
1886 .vbo-menu-left a:hover:after {
1887 animation: shine 5s ease-in-out infinite;
1888 animation-fill-mode: forwards;
1889 content: "";
1890 position: absolute;
1891 top: -110%;
1892 left: -210%;
1893 width: 100%;
1894 height: 200%;
1895 opacity: 0;
1896 transform: rotate(30deg);
1897
1898 background: rgba(255, 255, 255, 0.13);
1899 background: linear-gradient(
1900 to right,
1901 rgba(255, 255, 255, 0.13) 0%,
1902 rgba(255, 255, 255, 0.13) 77%,
1903 rgba(255, 255, 255, 0.5) 92%,
1904 rgba(255, 255, 255, 0.0) 100%
1905 );
1906 }
1907 @keyframes shine{
1908 10% {
1909 opacity: 1;
1910 top: -60%;
1911 left: -20%;
1912 transition-property: left, top, opacity;
1913 transition-duration: 0.7s, 0.7s, 0.15s;
1914 transition-timing-function: ease;
1915 }
1916 100% {
1917 opacity: 0;
1918 top: -60%;
1919 left: -20%;
1920 transition-property: left, top, opacity;
1921 }
1922 }
1923 .vbo-menu-right {
1924 flex: 1;
1925 background: #22485d;
1926 border-radius: 6px;
1927 }
1928 .vbo-menu-right ul {
1929 list-style-type: none;
1930 margin: 0;
1931 padding: 0 0 0 2px;
1932 }
1933 .vbo-menu-right > .vbo-menu-ul {
1934 display: inline-block;
1935 }
1936 .vbo-menu-updates {
1937 float: right;
1938 display: inline-block;
1939 }
1940 .vbo-menu-updates > button {
1941 float: right;
1942 display: inline-block;
1943 background: #3f708b;
1944 color: #fff;
1945 font-weight: bold;
1946 border: 1px solid #3f708b;
1947 padding: 13px 15px;
1948 border-radius: 36px;
1949 margin: 7px 8px 6px 2px;
1950 }
1951 .vbo-menu-updates button span {
1952 max-width: 120px;
1953 white-space: nowrap;
1954 overflow: hidden;
1955 text-overflow: ellipsis;
1956 display: inline-block;
1957 vertical-align: top;
1958 }
1959 .vbo-menu-updates button i {
1960 display: inline-block;
1961 vertical-align: middle;
1962 margin-right: 5px;
1963 }
1964 .vbo-menu-updates button.vbo-multitasking-apps i {
1965 margin-right: 0;
1966 vertical-align: middle;
1967 }
1968 .vbo-menu-updates.vbo-menu-needupdate button {
1969 background: var(--vbo-green-color);
1970 border: 1px solid var(--vbo-green-color);
1971 }
1972 .vbo-submenu-wrap {
1973 background: var(--vbo-config-bg-color);
1974 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
1975 min-width: 180px;
1976 padding: 5px 0;
1977 border-radius: 10px;
1978 margin: 0;
1979 position: absolute;
1980 z-index: 100;
1981
1982 visibility: hidden;
1983 opacity: 0;
1984 transform: scale(0.99) translateY(-0.7em);
1985 transform-origin: top;
1986 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1987 transition-duration: 500ms;
1988 transition-property: opacity,transform;
1989 }
1990 @media screen and (min-width: 1012px) {
1991 .vbo-submenu-wrap {
1992 width: 230px;
1993 padding: 22px;
1994 }
1995 .vbo-submenu-wrap-multi {
1996 width: 400px;
1997 display: flex;
1998 }
1999 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2000 padding-right: 10px;
2001 min-width: 45%;
2002 border-right: 1px solid var(--vbo-config-border-color);
2003 }
2004 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2005 padding-left: 22px;
2006 }
2007 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2008 right: 0;
2009 }
2010 }
2011 @media screen and (max-width: 1012px) {
2012 .vbo-submenu-wrap {
2013 padding: 15px 20px;
2014 }
2015 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2016 border-bottom: 1px solid var(--vbo-config-border-color);
2017 padding-bottom: 10px;
2018 }
2019 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2020 margin-top: 10px;
2021 }
2022 }
2023 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2024 visibility: visible;
2025 opacity: 1;
2026 transform: scale(1) translateY(0);
2027 }
2028 .vbo-menu-ul li {
2029 display: inline-block;
2030 text-align: left;
2031 position: relative;
2032 padding: 5px 4px;
2033 }
2034 .vbo-submenu-wrap ul li {
2035 display: block;
2036 width: 100%;
2037 line-height: initial;
2038 padding: 0;
2039 }
2040 .vbo-submenu-wrap li > div {
2041 display: block;
2042 font-size: 14px;
2043 }
2044 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2045 font-weight: bold;
2046 font-size: 15px;
2047 margin-bottom: 5px;
2048 }
2049 .vbo-menu-parent-li > span {
2050 display: inline-block;
2051 color:#ffffff;
2052 cursor: pointer;
2053 padding: 14px 22px;
2054 font-size: 14px;
2055 font-weight: bold;
2056 position: relative;
2057 border-radius: 8px;
2058 }
2059 .vbo-menu-parent-li > span a {
2060 color: #fff !important;
2061 }
2062 .vbo-menu-parent-li > span a:hover {
2063 text-decoration: none !important;
2064 }
2065 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2066 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2067 transition-duration: 500ms;
2068 transition-property: opacity,transform;
2069 font-size: 12px;
2070 opacity: .7;
2071 margin-left: 4px;
2072 }
2073 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2074 transform: translateY(2px);
2075 }
2076 .vbo-menu-parent-li-active > span {
2077 background: #c2880e;
2078 }
2079 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2080 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2081 background: #3f708b;
2082 }
2083 .vbo-menu-parent-li > span > i {
2084 margin-left: -2px;
2085 margin-right: 7px;
2086 font-size: 17px;
2087 }
2088 .vbo-submenu-wrap li {
2089 margin: 0;
2090 }
2091 .vbo-submenu-wrap li > div a {
2092 padding: 8px 0;
2093 display: flex;
2094 }
2095 .vbo-submenu-wrap li > div a i {
2096 margin-right: 6px;
2097 margin-top: 2px;
2098 font-size: 16px;
2099 color: var(--vbo-config-titles-color-light);
2100 min-width: 22px;
2101 }
2102 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2103 display: inline-block;
2104 margin-right: 8px;
2105 }
2106 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2107 max-width: 100%;
2108 border-radius: 50%;
2109 object-fit: cover;
2110 height: 20px;
2111 width: 20px;
2112 }
2113 .vbo-submenu-wrap li .vbo-submenu-item {
2114 line-height: 1.4em;
2115 }
2116 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2117 display: block;
2118 }
2119 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2120 font-weight: bold;
2121 font-size: 16px;
2122 }
2123 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2124 font-size: 14px;
2125 color: var(--vbo-config-titles-color-light);
2126 }
2127 .vbo-submenu-wrap li:first-child a {
2128 padding-top: 0;
2129 }
2130 .vbo-submenu-wrap li:last-child a {
2131 padding-bottom: 0;
2132 }
2133 .vmenulink a {
2134 display: block;
2135 }
2136 .vmenulink a {
2137 color: var(--vbo-body-text-color) !important;
2138 }
2139 .vmenulinkactive a {
2140 display: block;
2141 color: var(--vbo-contrast-text-color) !important;
2142 }
2143 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2144 text-decoration: none;
2145 color: var(--vbo-base-color) !important;
2146 }
2147 .vbo-submenu-helper-ul > li > .vmenulink {
2148 display: flex;
2149 padding: 8px 0;
2150 }
2151 .vbo-submenu-helper-ul > li div a {
2152 padding: 0;
2153 margin-right: 13px;
2154 }
2155 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2156 align-self: center;
2157 margin-left: auto;
2158 font-size: 12px;
2159 display: inline-block;
2160 padding: 2px 3px;
2161 cursor: pointer;
2162 }
2163 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2164 opacity: 0;
2165 }
2166 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2167 color: var(--vbo-base-color);
2168 opacity: .7;
2169 }
2170 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2171 opacity: 1;
2172
2173 transition: all 200ms ease-in-out 200ms;
2174 -moz-transition: all 200ms ease-in-out 200ms;
2175 -webkit-transition: all 200ms ease-in-out 200ms;
2176 -o-transition: all 200ms ease-in-out 200ms;
2177 }
2178 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2179 color: var(--vbo-config-text-color-light);
2180 }
2181 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2182 opacity: 1;
2183 color: var(--vbo-base-color);
2184 }
2185
2186
2187 /* END Back-end Menu */
2188 .vbo-config-warn {
2189 display: block;
2190 font-style: italic;
2191 margin: 5px 0 0;
2192 }
2193 /* Bookings List - Begin */
2194 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2195 vertical-align: middle;
2196 font-size: 13px;
2197 }
2198 table.vbo-list-table tbody tr .vbo-highlighted-td {
2199 font-weight: bold;
2200 }
2201 .vbo-coupon-use-count a {
2202 display: inline-block;
2203 background: var(--vbo-base-color);
2204 padding: 0 5px;
2205 border-radius: 4px;
2206 color: var(--vbo-contrast-text-color);
2207 }
2208 .vbo-coupon-use-count a:hover {
2209 background: var(--vbo-base-color-hover);
2210 color: var(--vbo-contrast-text-color);
2211 }
2212 .vbo-list-table .btn {
2213 white-space: nowrap;
2214 }
2215 .vbo-list-table .btn i {
2216 margin-right: 3px;
2217 }
2218 a.vbo-bookingslist-viewdet-link {
2219 display: inline-block;
2220 cursor: pointer;
2221 color: #fff;
2222 min-width: 60%;
2223 }
2224 a.vbo-bookingslist-viewdet-link:hover {
2225 text-decoration: none;
2226 }
2227 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2228 border-radius: 50%;
2229 object-fit: cover;
2230 border: 1px solid var(--vbo-config-border-color);
2231 display: inline-block;
2232 vertical-align: top;
2233 width: 32px;
2234 height: 32px;
2235 line-height: 30px;
2236 font-weight: bold;
2237 margin: 2px 0;
2238 }
2239 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2240 display: inline-block;
2241 line-height: initial;
2242 }
2243 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2244 width: 20px;
2245 height: 20px;
2246 vertical-align: middle;
2247 object-fit: cover;
2248 }
2249 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2250 line-height: 34px;
2251 }
2252 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2253 border-radius: 50%;
2254 margin: 2px;
2255 width: 32px;
2256 height: 32px;
2257 text-align: center;
2258 }
2259 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2260 width: 20px;
2261 height: 20px;
2262 object-fit: cover;
2263 }
2264 .vbo-room-sharedcalendar {
2265 border: 1px solid var(--vbo-config-border-color);
2266 padding: 3px 6px;
2267 border-radius: 4px;
2268 background: var(--vbo-basic-btn);
2269 display: inline-block;
2270 margin-right: 3px;
2271 }
2272 .vbo-allbookings-fm, .vbo-list-form {
2273 background: var(--vbo-main-bg-color);
2274 }
2275 form[name="invoicesform"] {
2276 margin-bottom: 0;
2277 }
2278 form[name="invoicesform"] .btn-toolbar {
2279 margin-bottom: 0;
2280 }
2281 .vbo-allbookings-fm .btn-group {
2282 position: relative;
2283 }
2284 .vbo-list-form {
2285 padding-top: 10px;
2286 }
2287 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2288 margin-top: 0 !important;
2289 height: auto !important;
2290 background: var(--vbo-toolbar-bg-color);
2291 padding: 10px;
2292 box-sizing: border-box;
2293 }
2294 .vbo-allbookings-fm #vbo-search-tools-cont {
2295 margin-top: 5px;
2296 height: auto !important;
2297 padding: 10px;
2298 box-sizing: border-box;
2299 }
2300 .vbo-btn-toolbar #filter-bar {
2301 margin-top: 0;
2302 }
2303 .vbo-btn-toolbar .btn[type="submit"],
2304 .vbo-btn-toolbar .btn[type="button"] {
2305 padding: 8px 15px;
2306 box-shadow: none;
2307 border-color: var(--vbo-config-border-color);
2308 }
2309 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2310 font-weight: bold;
2311 }
2312 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2313 font-weight: normal;
2314 }
2315 .vbo-btn-toolbar .field-calendar .input-append,
2316 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2317 margin-bottom: 0;
2318 }
2319 .vbo-btn-toolbar .input-append .btn {
2320 padding: 8px 12px;
2321 border: 1px solid var(--vbo-config-border-color);
2322 border-radius: 0 2px 2px 0;
2323 }
2324 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2325 background: var(--vbo-blue-color);
2326 border: 1px solid var(--vbo-blue-color);
2327 color: #fff;
2328 padding: 7.5px 15px;
2329 }
2330 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2331 background: var(--vbo-config-bg-color);
2332 border-color: var(--vbo-blue-color)6;
2333 color: var(--vbo-blue-color);
2334 }
2335 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2336 border-top: 4px solid #fff !important;
2337 border-bottom: 0 !important;
2338 border-right: 4px solid transparent;
2339 border-left: 4px solid transparent;
2340 margin-left: 4px;
2341 }
2342 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2343 background: var(--vbo-config-bg-color);
2344 border-color: var(--vbo-blue-color);
2345 color: var(--vbo-blue-color);
2346 }
2347 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2348 border-bottom: 4px solid #fff !important;
2349 border-top: 0 !important;
2350 border-right: 4px solid transparent;
2351 border-left: 4px solid transparent;
2352 }
2353 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2354 border-top: 4px solid var(--vbo-blue-color) !important;
2355 border-bottom: 0 !important;
2356 border-right: 4px solid transparent;
2357 border-left: 4px solid transparent;
2358 }
2359 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2360 border-bottom: 4px solid #fff !important;
2361 border-top: 0 !important;
2362 border-right: 4px solid transparent;
2363 border-left: 4px solid transparent;
2364 }
2365 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2366 font-weight: normal;
2367 font-size: 14px !important;
2368 border: 1px solid var(--vbo-config-border-color) !important;
2369 border-radius: 2px !important;
2370 background: var(--vbo-input-style);
2371 }
2372 .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 {
2373 padding: 4px 5px;
2374 display: inherit;
2375 }
2376 .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 {
2377 display: inline-block;
2378 margin-left: 3px;
2379 margin-right: 0;
2380 width: 18px;
2381 height: 18px;
2382 line-height: 15px;
2383 font-size: 16px;
2384 text-align: center;
2385 border-radius: 50%;
2386 color: var(--vbo-config-titles-color-light);
2387 float: right;
2388 }
2389 .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 {
2390 background: var(--vbo-config-border-color);
2391 color: var(--vbo-config-titles-color-light);
2392 }
2393 .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 {
2394 height: 36px;
2395 }
2396 .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 {
2397 background-color: #b6d8ee;
2398 border: 1px solid #b8d1e1;
2399 border-radius: 30px;
2400 padding: 5px 10px;
2401 color: var(--vbo-base-color);
2402 font-weight: bold;
2403 font-size: 12px;
2404 }
2405 .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 {
2406 display: inline-block;
2407 margin-left: 3px;
2408 margin-right: 0;
2409 width: 18px;
2410 height: 18px;
2411 line-height: 15px;
2412 font-size: 16px;
2413 text-align: center;
2414 border-radius: 50%;
2415 color: var(--vbo-base-color);
2416 float: right;
2417 }
2418 .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 {
2419 background: var(--vbo-base-color-hover);
2420 color: #fff;
2421 }
2422 .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 {
2423 margin-top: 5px;
2424 margin-bottom: 5px !important;
2425 padding: 0;
2426 }
2427
2428 .vbo-list-form-filters {
2429 padding: 10px 20px;
2430 }
2431 .vbo-list-form-filters form {
2432 margin-bottom: 0;
2433 display: flex;
2434 flex-wrap: wrap;
2435 }
2436 .vbo-list-form-filter-select {
2437 display: inline-block;
2438 margin-right: 10px;
2439 }
2440 .vbo-list-form-filters form > .vbo-right-btn-container {
2441 margin-left: auto;
2442 align-self: end;
2443 }
2444 .vbo-avov-toolbar select {
2445 margin-bottom: 0;
2446 border-radius: 2px;
2447 border: 1px solid var(--vbo-config-border-color);
2448 padding: 8px 10px;
2449 height: inherit;
2450 }
2451 #vbo-search-tools-cont {
2452 width: 100%;
2453 display: inline-block;
2454 padding: 0px !important;
2455 }
2456 .pagination.pagination-toolbar {
2457 margin-bottom: 20px;
2458 }
2459 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2460 width: 98%;
2461 margin: 10px auto 20px;
2462 border-radius: 10px;
2463 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2464 }
2465 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2466 margin-bottom: 0;
2467 }
2468 .vbo-list-form .table-responsive table {
2469 margin-top: 0;
2470 }
2471 .vbo-orders-review-link {
2472 display: inline-block;
2473 margin-left: 5px;
2474 }
2475 .vbo-orders-review-link a {
2476 color: #ffbd3f;
2477 }
2478 /* Search Tools Caret - Start */
2479 .btn-primary .caret {
2480 border-top: 0;
2481 border-bottom: 4px solid #FFF !important;
2482 margin-top: 7px;
2483 margin-bottom: 8px;
2484 }
2485 /* Search Tools Caret - End */
2486 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2487 color: var(--vbo-config-titles-color-light);
2488 }
2489 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2490 margin-left: 5px;
2491 }
2492 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2493 .vbo-bookingslist-table thead th a:hover,
2494 .vbo-list-table thead th .vbo-list-activesort,
2495 .vbo-list-table thead th a:hover {
2496 color: var(--vbo-base-color);
2497 text-decoration: none;
2498 }
2499 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2500 font-size: 14px;
2501 font-weight: bold;
2502 color: var(--vbo-config-titles-color-light);
2503 vertical-align: baseline;
2504 white-space: nowrap;
2505 }
2506 .vbo-bookingslist-viewdet:hover {
2507 color: var(--vbo-base-color-hover);
2508 }
2509 .vbo-bookingslist-viewdet-date {
2510 display: block;
2511 }
2512 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2513 font-size: 11px;
2514 font-weight: bold;
2515 color: var(--vbo-config-titles-color-light);
2516 }
2517 .vbo-bookingslist-viewdet-time span {
2518 display: inline-block;
2519 }
2520 .vbo-bookingslist-booktime-hour {
2521 color: var(--vbo-base-color);
2522 }
2523 .vbo-bookingslist-booktime-twrap {
2524 display: inline-block;
2525 min-width: 60px;
2526 }
2527 .vbo-bookingslist-roomunit {
2528 display: block;
2529 font-size: smaller;
2530 color: var(--vbo-config-titles-color-light);
2531 }
2532 .vbo-bookingslist-booktime-checkedin {
2533 display: inline-block;
2534 color: var(--vbo-green-color);
2535 }
2536 .vbo-bookingslist-booktime-checkedout {
2537 display: inline-block;
2538 color: var(--vbo-green-color);
2539 }
2540 .vbo-bookingslist-booktime-noshow {
2541 display: inline-block;
2542 color: var(--vbo-red-color);
2543 }
2544 .vbo-bookingslist-viewdet-fulldate {
2545 display: inline-block;
2546 margin-right: 15px;
2547 }
2548 .vbo-bookingslist-viewdet-open {
2549 float: right;
2550 }
2551 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2552 min-width: 20px;
2553 margin-right: -3px;
2554 }
2555 .vbo-provenience {
2556 display: inline-block;
2557 min-width: 85px;
2558 border: 0;
2559 border-radius: 3px;
2560 margin: 0 3px 0 0;
2561 padding: 7px 5px;
2562 color: var(--vbo-base-color);
2563 font-weight: bold;
2564 position: relative;
2565 font-size: 16px;
2566 word-break: break-all;
2567 }
2568 span.label.vbo-status-label {
2569 padding: 5px 14px !important;
2570 font-size: 12px;
2571 border-radius: 24px;
2572 letter-spacing: .3px;
2573 min-width: 70px;
2574 text-align: center;
2575 }
2576 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2577 background-color: var(--vbo-green-color);
2578 }
2579 .vbo-bookingslist-total-totpaid {
2580 font-size: 11px;
2581 font-weight: bold;
2582 }
2583 .vbo-bookingslist-total-refunded {
2584 color: var(--vbo-red-color);
2585 display: inline-block;
2586 margin-left: 4px;
2587 }
2588 .vbo-admin-tipsicon i {
2589 font-size: 20px;
2590 color: var(--vbo-config-titles-color-light);
2591 }
2592 .vbo-admin-notes-icn {
2593 cursor: pointer;
2594 }
2595 .vbo-admin-invoiceicon i {
2596 font-size: 20px;
2597 color: var(--vbo-config-titles-color-light);
2598 }
2599 .vbo-timeline-content {
2600 background: var(--vbo-config-bg-color);
2601 }
2602 .vbo-bookings-guestmessages-bubble-cont i {
2603 font-size: 20px;
2604 color: var(--vbo-config-titles-color-light);
2605 position: relative;
2606 }
2607 .vbo-bookings-guestmessages-bubble-cont i:after {
2608 position: absolute;
2609 content: attr(data-message-count);
2610 width: 20px;
2611 height: 20px;
2612 border-radius: 50%;
2613 background: var(--vbo-red-color);
2614 color: #fff;
2615 font-weight: bold;
2616 font-size: 11px;
2617 line-height: 20px;
2618 font-family: Arial;
2619 top: -7px;
2620 right: -11px;
2621 text-align: center;
2622 }
2623 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2624 display:none;
2625 }
2626 #vbo-geninv-form .vbo-calendar-cfield-entry {
2627 margin: 15px 0;
2628 }
2629 .vbo-info-overlay-content-invoices h4 {
2630 font-size: 20px;
2631 border-bottom: 1px solid var(--vbo-config-border-color);
2632 padding-bottom: 10px;
2633 }
2634 /* Bookings List - End */
2635 /* Rates, Restrictions and Seasons Calendar - Begin */
2636 .vbo-warning {
2637 margin: 10px 0px;
2638 padding: 12px;
2639 color: var(--vbo-orange-color);
2640 border: 1px solid var(--vbo-orange-color);
2641 background-color: var(--vbo-config-bg-color);
2642 }
2643 .vbo-ratesoverview-top-container {
2644 background: var(--vbo-config-child-bg-color);
2645 padding-bottom: 20px;
2646 padding-top: 20px;
2647 }
2648 .vbo-ratesoverview-right-block {
2649 float: right;
2650 }
2651 .vbo-ratesoverview-right-inner {
2652 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2653 border: 1px solid var(--vbo-config-border-color);
2654 border-radius: 3px;
2655 display: none;
2656 margin-left: 20px;
2657 min-height: 60px;
2658 padding: 10px 10px;
2659 position: relative;
2660 vertical-align: top;
2661 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2662 margin-bottom: 10px;
2663 }
2664 .vbo-ratesoverview-vcmwarn-close {
2665 cursor: pointer;
2666 position: absolute;
2667 right: -8px;
2668 top: -8px;
2669 }
2670 .vbo-ratesoverview-vcmwarn-close i {
2671 color: var(--vbo-red-color);
2672 font-size: 16px;
2673 margin: 0;
2674 }
2675 .vbo-ratesoverview-vcmwarn-count {
2676 display: block;
2677 padding: 5px 5px 0;
2678 text-align: center;
2679 }
2680 .vbo-ratesoverview-vcmwarn-count i {
2681 color: var(--vbo-blue-color);
2682 }
2683 .vbo-ratesoverview-vcmwarn-open {
2684 display: block;
2685 text-align: center;
2686 margin-top: 10px;
2687 }
2688 .vbo-ratesoverview-roomsel-block {
2689 margin: 0 20px;
2690 }
2691 .vbo-ratesoverview-roomsel-block > form {
2692 display: flex;
2693 margin-bottom: 0;
2694 background: var(--vbo-config-child-bg-color);
2695 border: 1px solid var(--vbo-config-border-color);
2696 border-bottom-color: var(--vbo-config-border-color);
2697 border-bottom-style: solid;
2698 border-bottom-width: 1px;
2699 border-radius: 4px;
2700 border-bottom: 2px solid var(--vbo-config-border-color);
2701 box-shadow: 0 0 10px rgba(0,0,0,.1);
2702 }
2703 .vbo-ratesoverview-roomsel-block label {
2704 display: block;
2705 font-weight: bold;
2706 margin-bottom: 9px;
2707 }
2708 .vbo-ratesoverview-roomsel-entry {
2709 display: inline-block;
2710 vertical-align: top;
2711 background: var(--vbo-config-bg-color);
2712 padding: 15px;
2713 flex: 1;
2714 flex-basis: auto;
2715 }
2716 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2717 font-size: 16px;
2718 }
2719 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2720 color: var(--vbo-config-titles-color-light);
2721 font-size: 14px;
2722 margin-right: 5px;
2723 }
2724 .vbo-ratesoverview-roomsel-entry-forecast {
2725 flex-basis: 35%;
2726 }
2727 .vbo-ratesoverview-roomsel-entry-forecast > label {
2728 float: left;
2729 }
2730 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2731 margin-bottom: 20px;
2732 display: flex;
2733 justify-content: flex-end;
2734 }
2735 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2736 width: 36%;
2737 float: left;
2738 display: inline-block;
2739 }
2740 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2741 width: 100%;
2742 }
2743 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2744 padding: 10px 20px;
2745 }
2746 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2747 margin-bottom: 5px;
2748 }
2749 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2750 font-size: 22px;
2751 }
2752 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2753 width: 57% !important;
2754 height: auto !important;
2755 }
2756 .vbo-reportwidget-ratesoverv .chart-line-legend {
2757 margin-left: 0;
2758 }
2759 .vbo-ratesoverview-roomsel-entry-los {
2760 border-left: 1px solid var(--vbo-config-border-color);
2761 }
2762 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2763 flex-basis: 18%;
2764 border-right: 1px solid var(--vbo-config-border-color);
2765 background-color: var(--vbo-config-bg-color);
2766 border-top-left-radius: 4px;
2767 border-bottom-left-radius: 4px;
2768 }
2769 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2770 margin-bottom: 0;
2771 border-radius: 2px;
2772 border: 1px solid var(--vbo-config-border-color);
2773 padding: 8px 10px;
2774 height: inherit;
2775 }
2776 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2777 margin-bottom: 0;
2778 }
2779 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
2780 width: 80% !important;
2781 }
2782 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
2783 border: 0;
2784 background: transparent;
2785 }
2786 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2787 padding: 0;
2788 }
2789 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice {
2790 background-color: #b6d8ee;
2791 border: 1px solid #b8d1e1;
2792 border-radius: 30px;
2793 padding: 5px 10px;
2794 color: #2d5593;
2795 font-weight: bold;
2796 }
2797 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2798 display: inline-block;
2799 margin-left: 3px;
2800 margin-right: 0;
2801 width: 18px;
2802 height: 18px;
2803 line-height: 15px;
2804 font-size: 16px;
2805 text-align: center;
2806 border-radius: 50%;
2807 color: var(--vbo-base-color);
2808 float: right;
2809 }
2810 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2811 background: var(--vbo-base-color);
2812 color: #fff;
2813 }
2814 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
2815 width: 100%;
2816 }
2817 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
2818 width: 98% !important;
2819 background: var(--vbo-config-bg-color);
2820 border: 1px solid var(--vbo-config-border-color);
2821 border-radius: 2px;
2822 padding: 8px 10px;
2823 }
2824 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
2825 vertical-align: bottom;
2826 margin-bottom: 16px;
2827 }
2828 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
2829 border: 0;
2830 }
2831 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
2832 border-right: 1px solid var(--vbo-config-border-color);
2833 flex-basis: calc(53%);
2834 }
2835 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
2836 line-height: 35px;
2837 }
2838 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
2839 font-weight: normal;
2840 font-size: 14px;
2841 }
2842 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
2843 height: 36px;
2844 border: 1px solid var(--vbo-config-border-color);
2845 border-radius: 2px;
2846 }
2847 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
2848 height: 36px;
2849 }
2850 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
2851 background: var(--vbo-config-bg-color);
2852 border: 1px solid var(--vbo-config-border-color);
2853 border-radius: 2px;
2854 padding: 8px 10px;
2855 width: 70% !important;
2856 }
2857 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
2858 padding: 8px 10px;
2859 border-radius: 0 2px 2px 0;
2860 border: 1px solid var(--vbo-config-border-color);
2861 }
2862 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
2863 margin-right: 0;
2864 }
2865 .vbo-ratesoverview-roomsel-entry .select2-container {
2866 margin-bottom: 9px;
2867 min-width: 200px;
2868 }
2869 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
2870 display: none;
2871 }
2872 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
2873 flex-basis: 100%;
2874 }
2875 .vbo-ratesoverview-entryinline {
2876 display: inline-block;
2877 margin-right: 5px;
2878 vertical-align: top;
2879 }
2880 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
2881 min-width: 110px;
2882 }
2883 .vbo-ratesoverview-rcalc-srooms {
2884 display: block;
2885 }
2886 .vbo-ratesoverview-numnight {
2887 display: inline-block;
2888 padding: 2px 8px;
2889 margin-right: 13px;
2890 border-radius: 3px;
2891 border: 1px solid var(--vbo-base-color);
2892 color: var(--vbo-base-color);
2893 position: relative;
2894 font-weight: bold;
2895 }
2896 .vbo-ratesoverview-numnight:after {
2897 background: var(--vbo-red-color) none repeat scroll 0 0;
2898 border-radius: 50%;
2899 color: #fff;
2900 content: "x";
2901 cursor: pointer;
2902 font-size: 11px;
2903 height: 16px;
2904 line-height: 14px;
2905 position: absolute;
2906 right: -15px;
2907 text-align: center;
2908 top: -9px;
2909 width: 16px;
2910 border: 2px solid #fff;
2911 }
2912 .vbo-ratesoverview-numnight:hover:after {
2913 background-color: var(--vbo-red-color);
2914 }
2915 .vbo-ratesoverview-numnight:active:after {
2916 background-color: var(--vbo-red-color-hover);
2917 }
2918 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
2919 width: 35px !important;
2920 margin: 0 0 0 5px;
2921 display: inline-block;
2922 }
2923 #vbo-addnumnight-act {
2924 cursor: pointer;
2925 display: inline-block;
2926 margin-top: 10px;
2927 vertical-align: top;
2928 }
2929 #vbo-addnumnight-act i {
2930 color: var(--vbo-green-color);
2931 font-size: 18px;
2932 }
2933 .vbo-apply-los-btn {
2934 margin-left: 10px;
2935 }
2936 .vbo-seasons-calendar-table {
2937 width: 100%;
2938 margin-bottom: 0 !important;
2939 }
2940 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
2941 background: var(--vbo-config-child-bg-color);
2942 border-top: 0 !important;
2943 padding: 15px 0;
2944 }
2945 tr.vbo-seasons-calendar-nightsrow td:first-child {
2946 width: 20%;
2947 }
2948 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
2949 text-align: center;
2950 }
2951 tr.vbo-seasons-calendar-nightsrow td span {
2952 font-weight: bold;
2953 font-size: 15px;
2954 }
2955 tr.vbo-seasons-calendar-offseasonrow {
2956 border-bottom: 1px solid var(--vbo-basic-btn);
2957 }
2958 tr.vbo-seasons-calendar-offseasonrow td {
2959 height: 40px;
2960 }
2961 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
2962 text-align: center;
2963 }
2964 tr.vbo-seasons-calendar-seasonrow {
2965 border-bottom: 1px solid var(--vbo-basic-btn);
2966 }
2967 tr.vbo-seasons-calendar-seasonrow td {
2968 height: 40px;
2969 }
2970 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
2971 text-align: center;
2972 }
2973 .vbo-seasons-calendar-offseasonname {
2974 font-style: italic;
2975 font-size: 15px;
2976 }
2977 .vbo-seasons-calendar-offseasoncosts {
2978 display: block;
2979 }
2980 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
2981 display: block;
2982 margin: 8px 0;
2983 }
2984 .vbo-seasons-calendar-seasoncost-notaffected {
2985 opacity: 0.3;
2986 }
2987 .vbo-seasons-calendar-pricename {
2988 display: block;
2989 font-style: italic;
2990 }
2991 .vbo-seasons-calendar-pricecost {
2992 display: block;
2993 font-weight: bold;
2994 }
2995 .vbo-seasons-calendar-seasondates {
2996 display: block;
2997 }
2998 .vbo-seasons-calendar-seasonchargedisc {
2999 display: block;
3000 float: right;
3001 }
3002 .vbo-seasons-calendar-slabel {
3003 border-radius: 0.25em;
3004 color: #fff;
3005 display: inline;
3006 font-size: 95%;
3007 font-weight: 700;
3008 line-height: 1;
3009 padding: 0.2em 0.6em 0.3em;
3010 text-align: center;
3011 vertical-align: baseline;
3012 white-space: nowrap;
3013 }
3014 .vbo-seasons-calendar-season-charge {
3015 background-color: #777;
3016 }
3017 .vbo-seasons-calendar-season-discount {
3018 background-color: #f0ad4e;
3019 }
3020 .vbo-seasons-calendar-operator {
3021 display: inline-block;
3022 margin-right: 3px;
3023 font-weight: bold;
3024 font-size: 105%;
3025 }
3026 .vbo-seasons-calendar-seasonfrom {
3027 display: inline-block;
3028 }
3029 .vbo-seasons-calendar-seasondates-separe {
3030 display: inline-block;
3031 margin: 0 3px 0 3px;
3032 }
3033 .vbo-seasons-calendar-seasonto {
3034 display: inline-block;
3035 }
3036 .vbo-seasons-calendar-seasonname {
3037 display: block;
3038 font-weight: bold;
3039 white-space: initial;
3040 }
3041 .vbo-seasons-calendar-restrictions {
3042 display: block;
3043 }
3044 .vbo-seasons-calendar-restriction-minlos {
3045 display: inline-block;
3046 padding: 6px 6px 5px 7px;
3047 background: var(--vbo-config-border-color);
3048 font-size: 12px;
3049 font-weight: bold;
3050 border-radius: 2px;
3051 margin-top: 3px;
3052 }
3053 .vbo-seasons-calendar-restriction-minlos-badge {
3054 display: inline-block;
3055 min-width: 20px;
3056 min-height: 20px;
3057 background: var(--vbo-config-bg-color);
3058 color: var(--vbo-body-text-color);
3059 font-size: 13px;
3060 font-weight: bold;
3061 padding: 4px;
3062 border-radius: 50%;
3063 text-align: center;
3064 margin-left: 2px;
3065 }
3066 .vbo-seasons-calendar-restriction-maxlos {
3067 display: inline-block;
3068 padding: 2px 3px 2px 3px;
3069 background: var(--vbo-config-text-color-light);
3070 font-size: 12px;
3071 font-weight: bold;
3072 border-radius: 4px;
3073 }
3074 .vbo-seasons-calendar-restriction-maxlos-badge {
3075 display: inline-block;
3076 min-width: 20px;
3077 min-height: 20px;
3078 background: var(--vbo-config-bg-color);
3079 color: var(--vbo-body-text-color);
3080 font-size: 13px;
3081 font-weight: bold;
3082 padding: 4px;
3083 border-radius: 50%;
3084 text-align: center;
3085 margin-left: 2px;
3086 }
3087 .vbo-seasons-calendar-restriction-wdays {
3088 display: block;
3089 }
3090 .vbo-seasons-calendar-restriction-wdays label {
3091 display: block;
3092 font-style: italic;
3093 }
3094 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3095 display: inline-block;
3096 padding: 2px 3px 2px 3px;
3097 margin-right: 4px;
3098 background: var(--vbo-base-color);
3099 color: #fff;
3100 border-radius: 4px;
3101 }
3102 .vbo-ratesoverview-roomsel-entry-calc-inner {
3103 border-bottom: 1px solid var(--vbo-basic-btn);
3104 padding: 0 0 10px;
3105 margin: 10px 0 0;
3106 }
3107 .vbo-ratesoverview-calculation-response {
3108 margin: 10px 0 0;
3109 }
3110 .vbo-ratesoverview-calculation-response-room {
3111 margin: 10px 0 40px;
3112 }
3113 .vbo-ratesoverview-calculation-response-room:last-child {
3114 margin-bottom: 0;
3115 padding-bottom: 0;
3116 border: 0;
3117 }
3118 .vbo-ratesoverview-calculation-response-room h4 {
3119 font-weight: normal;
3120 font-size: 14px;
3121 }
3122 .vbo-ratesoverview-calculation-response-room-name {
3123 display: block;
3124 font-weight: bold;
3125 font-size: 16px;
3126 margin-bottom: 5px;
3127 }
3128 .vbo-calcrates-rateblock {
3129 padding: 15px;
3130 margin: 15px 0;
3131 background: var(--vbo-config-bg-color);
3132 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3133 border-radius: 10px;
3134 display: flex;
3135 flex-wrap: wrap;
3136 }
3137 .vbo-calcrates-rateblock > span {
3138 display: inline-block;
3139 flex: 1;
3140 margin-right: 15px;
3141 font-size: 15px;
3142 color: var(--vbo-config-titles-color-light);
3143 }
3144 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3145 font-weight: bold;
3146 font-size: 17px;
3147 flex-basis: 100%;
3148 margin-bottom: 8px;
3149 vertical-align: top;
3150 align-self: center;
3151 }
3152 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3153 display: inline-block;
3154 font-weight: bold;
3155 margin-right: 55px;
3156 font-size: 16px;
3157 }
3158 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3159 width: 15%;
3160 }
3161 .vbo-calcrates-rateblock > span > span {
3162 display: block;
3163 font-size: 12px;
3164 font-weight: bold;
3165 color: var(--vbo-config-titles-color-light);
3166 }
3167 .vbo-calcrates-rateblock .vbo-calcrates-info {
3168 margin-top: 14px;
3169 }
3170 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3171 align-self: center;
3172 background-color: var(--vbo-base-color);
3173 color: #fff;
3174 border: 0;
3175 padding: 9px 14px;
3176 font-weight: bold;
3177 display: inline-block;
3178 margin-left: auto;
3179 }
3180 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3181 background-color: var(--vbo-base-color-hover);
3182 }
3183 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3184 background-color: var(--vbo-link-text-color);
3185 }
3186 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3187 display: inline-block;
3188 min-width: 100px;
3189 margin: 0 15px 0 0;
3190 font-weight: bold;
3191 font-size: 12px;
3192 }
3193 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3194 display: inline-block;
3195 font-style: italic;
3196 margin-right: 5px;
3197 color: var(--vbo-config-titles-color-light);
3198 }
3199
3200 .vbo-ratesoverview-tabscont {
3201 margin: 0 0 10px 0;
3202 text-align: right;
3203 float: right;
3204 }
3205 .vbo-ratesoverview-tabscont div {
3206 cursor: pointer;
3207 display: inline-block;
3208 text-align: center;
3209 padding: 12px;
3210 margin: 0 5px;
3211 border-radius: 2px;
3212 font-size: 14px;
3213 }
3214 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3215 background: var(--vbo-blue-color);
3216 color: #fff;
3217 font-weight: bold;
3218 border: 2px solid var(--vbo-blue-color);
3219 }
3220 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3221 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3222 border: 2px solid var(--vbo-config-child-bg-color);
3223 }
3224 .vbo-roverw-rplan-on {
3225 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3226 color: var(--vbo-body-text-color);
3227 cursor: pointer;
3228 font-size: 15px;
3229 }
3230 .vbo-roverw-rplan-on:hover {
3231 background: var(--vbo-light-color-btn);
3232 }
3233 .vbo-roverw-rplan-off {
3234 background: var(--vbo-red-color) none repeat scroll 0 0;
3235 color: #fff;
3236 cursor: not-allowed;
3237 }
3238 .block-picked-start, .block-picked-middle, .block-picked-end,
3239 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3240 background: var(--vbo-orange-color) none repeat scroll 0 0;
3241 }
3242 .vbo-smallersp {
3243 font-size: smaller;
3244 }
3245 .vbo-roverw-infoblock {
3246 display: block;
3247 padding-bottom: 8px;
3248 margin-bottom: 8px;
3249 text-align: center;
3250 border-bottom: 1px solid var(--vbo-config-border-color);
3251 }
3252 .vbo-roverw-infoblock span {
3253 display: inline-block;
3254 font-weight: bold;
3255 font-size: 13px;
3256 }
3257 .vbo-roverw-infoblock span#rovervw-roomname {
3258 display: block;
3259 text-align: center;
3260 font-weight: bold;
3261 font-size: 18px;
3262 margin-bottom: 7px;
3263 }
3264 .vbo-roverw-alldays {
3265 display: table;
3266 width: 100%;
3267 }
3268 .vbo-roverw-alldays-inner {
3269 display: table-cell;
3270 text-align: center;
3271 vertical-align: middle;
3272 }
3273 .vbo-roverw-daymod {
3274 display: inline-block;
3275 vertical-align: top;
3276 margin: 4px 6px;
3277 padding: 12px 10px;
3278 background: var(--vbo-blue-color) none repeat scroll 0 0;
3279 border-radius: 4px;
3280 text-align: center;
3281 width: 19%;
3282 }
3283 .vbo-roverw-daymod-innercell {
3284 position: relative;
3285 }
3286 .vbo-roverw-daymod-infospids {
3287 bottom: -10px;
3288 color: #d6e2ff;
3289 cursor: pointer;
3290 font-size: 15px;
3291 font-weight: bold;
3292 right: -8px;
3293 padding: 0;
3294 position: absolute;
3295 }
3296 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3297 color: #fff;
3298 }
3299 .vbo-roverw-daymod-infospids span {
3300 display: inline-block;
3301 margin: 0;
3302 }
3303 .vbo-roverw-daymod-infospids-outcont {
3304 display: none;
3305 position: absolute;
3306 transform: translate(-50%, 0%);
3307 padding: 10px;
3308 border: 2px solid var(--vbo-config-border-color);
3309 border-radius: 2px;
3310 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3311 box-shadow: 0 0 10px rgba(0,0,0,.15);
3312 top: 72px;
3313 left: 50%;
3314 min-width: 150px;
3315 z-index: 101;
3316 }
3317 .vbo-roverw-daymod-infospids-incont ul {
3318 margin: 0;
3319 }
3320 .vbo-roverw-daymod-infospids-incont ul li {
3321 list-style-type: none;
3322 border-bottom: 1px solid var(--vbo-config-border-color);
3323 padding: 5px 0;
3324 }
3325 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3326 border: 0;
3327 }
3328 .vbo-roverw-daymod-infospids-incont ul li a {
3329 color: var(--vbo-config-title-color);
3330 font-weight: bold;
3331 }
3332 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3333 color: var(--vbo-blue-color);
3334 }
3335 .vbo-roverw-daydate {
3336 display: inline-block;
3337 text-align: center;
3338 width: 96%;
3339 color: #fff;
3340 padding-bottom: 5px;
3341 margin-bottom: 0;
3342 }
3343 .vbo-roverw-dayprice {
3344 display: inline-block;
3345 text-align: center;
3346 color: #fff;
3347 font-weight: bold;
3348 border: 1px solid var(--vbo-base-color);
3349 border-radius: 4px;
3350 padding: 7px;
3351 width: 100%;
3352 box-sizing: border-box;
3353 font-size: 15px;
3354 }
3355 .vbo-roverw-setnewrate {
3356 display: block;
3357 margin-top: 20px;
3358 width: 100%;
3359 border-top: 1px solid var(--vbo-config-border-color);
3360 padding: 10px 0;
3361 }
3362 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3363 display: flex;
3364 margin-bottom: 10px;
3365 }
3366 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3367 flex: 1;
3368 text-align: center;
3369 border: 1px solid var(--vbo-config-border-color);
3370 border-radius: 4px;
3371 margin: 5px 10px;
3372 padding: 12px;
3373 box-shadow: 0 0 10px rgba(0,0,0,.1);
3374 }
3375 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3376 background: var(--vbo-config-bg-color);
3377 border: 1px solid var(--vbo-config-border-color);
3378 border-radius: 2px;
3379 padding: 8px 10px;
3380 }
3381 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3382 display: inline-block;
3383 }
3384 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3385 width: 100px !important;
3386 }
3387 .vbo-roverw-closeopenrp {
3388 display: table;
3389 margin: 0 auto 20px;
3390 margin-top: 30px;
3391 padding: 0;
3392 background: var(--vbo-config-child-bg-color);
3393 border-radius: 5px;
3394 }
3395 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3396 padding: 4px 0;
3397 text-align: center;
3398 margin: 0 0 7px;
3399 font-size: 16px;
3400 }
3401 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3402 color: var(--vbo-config-titles-color-light);
3403 font-size: 14px;
3404 margin-right: 5px;
3405 }
3406
3407 .vbo-roverw-closeopenrp h4 {
3408 cursor: pointer;
3409 background: var(--vbo-middle-color-btn);
3410 border-radius: 5px;
3411 padding: 15px 20px;
3412 margin: 0;
3413 color: #fff;
3414 font-weight: normal;
3415 }
3416 .vbo-roverw-closeopenrp-btns {
3417 display: none;
3418 text-align: center;
3419 margin-top: 30px;
3420 margin-bottom: 20px;
3421 }
3422 .vbo-roverw-closeopenrp-btns button {
3423 margin: 0 3px;
3424 padding: 8px 12px;
3425 }
3426 .vbo-roverw-setnewrate-inner {
3427 display: block;
3428 text-align: center;
3429 }
3430 .vbo-roverw-setnewrate-btns {
3431 display: block;
3432 text-align: center;
3433 margin-top: 15px;
3434 }
3435 .vbo-roverw-setnewrate-btns button {
3436 margin: 0 3px;
3437 }
3438 .vbo-roverw-setnewrate-btns button.btn-danger {
3439 border-radius: 3px;
3440 padding: 10px 14px;
3441 margin-bottom: 0;
3442 }
3443 .vbo-info-overlay-loading {
3444 display: none;
3445 position: fixed;
3446 left: 40%;
3447 top: 40%;
3448 width: 20%;
3449 height: 20%;
3450 z-index: 101;
3451 padding: 10px;
3452 color: #fff;
3453 font-size: 30px;
3454 text-align: center;
3455 }
3456 .vbo-modal-overlay-content-body-scroll {
3457 height: calc(100% - 200px);
3458 overflow: hidden;
3459 overflow-y: scroll;
3460 }
3461 .vbo-roverviewrowone .bluedays {
3462 background: var(--vbo-base-color);
3463 color: #fff;
3464 padding: 6px 15px;
3465 cursor: pointer;
3466 }
3467 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3468 color: var(--vbo-body-text-color);
3469 }
3470 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3471 background: #095880;
3472 }
3473 .vbo-roverviewrowone .vbo-roverv-festcell {
3474 background: #a07e9a !important;
3475 cursor: pointer;
3476 }
3477 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3478 background-color: #bf8cb6 !important;
3479 }
3480 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3481 background-color: #cca5c5 !important;
3482 }
3483 .vbo-roverviewrowone .bluedays > span {
3484 display: block;
3485 }
3486 .vbo-roverw-roomdaynote-icn {
3487 position: relative;
3488 }
3489 .vbo-roverw-roomdaynote-icn i {
3490 position: absolute;
3491 right: -10px;
3492 top: 2px;
3493 font-size: 12px;
3494 }
3495 .vbo-roverw-roomdaynote-icn:hover i {
3496 color: var(--vbo-body-text-color);
3497 }
3498 .vbo-roverviewrowone .vbo-roverw-tablewday {
3499 color: #fff;
3500 font-size: 12px;
3501 }
3502 .vbo-roverviewrowone .vbo-roverw-tablemday {
3503 font-size: 24px;
3504 margin: 3px 0;
3505 }
3506 .vbo-roverw-tablemonth {
3507 font-size: 12px;
3508 color: #fff;
3509 text-transform: uppercase;
3510 font-weight: normal;
3511 }
3512 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3513 display: inline-block;
3514 vertical-align: top;
3515 }
3516 .vbo-roverview-datecmd {
3517 margin-bottom: 3px;
3518 }
3519 .vbo-roverview-datecmd form {
3520 margin: 0 !important;
3521 }
3522 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3523 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3524 color: var(--vbo-blue-color);
3525 font-size: 15px;
3526 text-decoration: none;
3527 margin-top: 5px;
3528 background: var(--vbo-body-bg-color);
3529 padding: 3px 5px;
3530 display: inline-block;
3531 width: 15px;
3532 border-radius: 2px;
3533 vertical-align: top;
3534 }
3535 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3536 text-decoration: none;
3537 color: var(--vbo-config-titles-color-light);
3538 }
3539 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3540 margin-right: 10px;
3541 }
3542 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3543 margin-bottom: 0;
3544 padding: 0 10px;
3545 }
3546 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3547 font-size: 15px;
3548 text-decoration: none;
3549 margin-top: 5px;
3550 background: var(--vbo-input-style);
3551 padding: 8px 5px;
3552 display: inline-block;
3553 width: 112px;
3554 border-radius: 2px;
3555 vertical-align: top;
3556 }
3557 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3558 width: 70px !important;
3559 cursor: pointer;
3560 margin: -3px 0 0 3px;
3561 border: 0;
3562 padding: 0;
3563 font-weight: bold;
3564 }
3565 .vbo-roverview-datecmd a {
3566 display: inline-block;
3567 }
3568 .vbo-roverviewtablerow td {
3569 padding: 15px 10px;
3570 }
3571 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3572 padding: 9px 10px 18px;
3573 }
3574 .vbo-roverviewtableavrow td {
3575 padding: 10px 10px;
3576 }
3577 .vbo-roverviewtablerow td:first-child {
3578 font-weight: bold;
3579 background: var(--vbo-config-child-bg-color);
3580 background-clip: padding-box;
3581 }
3582 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3583 background: var(--vbo-config-bg-color) !important;
3584 font-weight: bold;
3585 padding: 10px;
3586 font-size: 14px;
3587 }
3588 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3589 border: 0;
3590 }
3591 td.vbo-roverw-daynotbusy {
3592 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3593 color: var(--vbo-body-text-color);
3594 cursor: not-allowed;
3595 }
3596 td.vbo-roverw-daybusy {
3597 background: var(--vbo-red-color) none repeat scroll 0 0;
3598 color: #fff;
3599 cursor: not-allowed;
3600 }
3601 td.vbo-roverw-daybusypartially {
3602 background: var(--vbo-orange-color) none repeat scroll 0 0;
3603 color: #fff;
3604 cursor: not-allowed;
3605 }
3606 .vbo-roverview-roomunits {
3607 background: #3e6372 none repeat scroll 0 0;
3608 border-radius: 50%;
3609 color: #fff;
3610 display: inline-block;
3611 font-size: 11px;
3612 font-weight: bold;
3613 margin: 0 5px 0 0;
3614 height: 14px;
3615 width: 14px;
3616 line-height: 14px;
3617 padding: 3px;
3618 text-align: center;
3619 }
3620 .vbo-info-overlay-content-rovervw {
3621 padding: 20px 10px !important;
3622 height: 80% !important;
3623 }
3624 .ui-datepicker-multi-2 .ui-datepicker-group {
3625 width: 49% !important;
3626 }
3627 .vbo-roverw-setnewrate-vcm {
3628 padding: 4px;
3629 display: block;
3630 width: 50%;
3631 margin: 0 auto;
3632 }
3633 .vbo-roverw-setnewrate-vcm-head {
3634 margin-bottom: 5px;
3635 font-weight: bold;
3636 }
3637 .vbo-roverw-setnewrate-vcm-body {
3638 text-align: center;
3639 }
3640 .vbo-vcm-notinstalled {
3641 color: var(--vbo-red-color);
3642 }
3643 .vbo-vcm-installed {
3644 color: var(--vbo-config-title-color);
3645 }
3646 /* Rates, Restrictions and Seasons Calendar - End */
3647 /* Toggle Switch - Start */
3648 /* The switch - the box around the slider */
3649 .vbo-switch {
3650 position: relative;
3651 display: inline-block;
3652 width: 60px;
3653 height: 34px;
3654 }
3655 /* Hide default HTML checkbox */
3656 .vbo-switch input {
3657 display: none;
3658 }
3659 /* The slider */
3660 .vbo-slider {
3661 position: absolute;
3662 cursor: pointer;
3663 top: 0;
3664 left: 0;
3665 right: 0;
3666 bottom: 0;
3667 background-color: #ccc;
3668 -webkit-transition: .4s;
3669 transition: .4s;
3670 }
3671 .vbo-slider.vbo-slider-disabled {
3672 cursor: not-allowed;
3673 }
3674 .vbo-slider:before {
3675 position: absolute;
3676 content: "";
3677 height: 26px;
3678 width: 26px;
3679 left: 4px;
3680 bottom: 4px;
3681 background-color: white;
3682 -webkit-transition: .4s;
3683 transition: .4s;
3684 }
3685 input:checked + .vbo-slider {
3686 background-color: #2196F3;
3687 }
3688 input:focus + .vbo-slider {
3689 box-shadow: 0 0 1px #2196F3;
3690 }
3691 input:checked + .vbo-slider:before {
3692 -webkit-transform: translateX(26px);
3693 -ms-transform: translateX(26px);
3694 transform: translateX(26px);
3695 }
3696 /* Rounded sliders */
3697 .vbo-slider.vbo-round {
3698 border-radius: 34px;
3699 }
3700 .vbo-slider.vbo-round:before {
3701 border-radius: 50%;
3702 }
3703 /* Toggle Switch - End */
3704 .new_depovr_container {
3705 margin: 4px 0 15px;
3706 padding: 10px;
3707 border: 1px solid var(--vbo-config-border-color);
3708 border-radius: 4px;
3709 }
3710 .new_depovr_container > span {
3711 display: inline-block;
3712 vertical-align: top;
3713 margin-right: 23px;
3714 }
3715 .new_depovr_container > span:last-child {
3716 margin-right: 0;
3717 float: right;
3718 }
3719 .new_depovr_container > span > span {
3720 display: inline-block;
3721 margin: 0 5px;
3722 }
3723 .new_depovr_container > span > .btn-danger {
3724 padding: 8px 13px 11px;
3725 font-weight: bold;
3726 font-size: 20px;
3727 line-height: 16px;
3728 }
3729 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3730 margin: 0 !important;
3731 }
3732 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3733 width: 100px !important;
3734 }
3735 .cur_depoverrides {
3736 margin: 0 0 4px 0;
3737 display: inline-block;
3738 }
3739 .cur_depoverrides span {
3740 margin: 3px;
3741 border-bottom: 1px solid var(--vbo-config-text-color-light);
3742 border: 1px solid var(--vbo-config-border-color);
3743 padding: 5px 8px;
3744 border-radius: 3px;
3745 background: var(--vbo-config-child-bg-color);
3746 display: inline-block;
3747 }
3748 .cur_depoverrides span:first-child {
3749 margin-left: 0;
3750 }
3751 .cur_depoverrides + .btn {
3752 display: inline-block;
3753 vertical-align: top;
3754 margin-top: 3px;
3755 padding: 5px 10px;
3756 }
3757 /* Timeline Rates Overview - Start */
3758 .vbo-ratesoverview-lostab-cont .table-responsive {
3759 width: 98%;
3760 margin: 10px auto 20px;
3761 border-radius: 10px;
3762 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3763 }
3764 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3765 border-top: 1px solid var(--vbo-config-border-color);
3766 }
3767 .vbo-timeline-container {
3768 display: block;
3769 width: 100%;
3770 margin: auto auto 0;
3771 overflow: auto;
3772 }
3773 #vbo-timeline {
3774 list-style: none;
3775 margin: 70px auto 0;
3776 padding: 0;
3777 border-top: 8px solid var(--vbo-blue-color);
3778 display: table;
3779 border-spacing: 30px 0;
3780 text-align: center;
3781 }
3782 #vbo-timeline li {
3783 display: table-cell;
3784 height: 160px;
3785 }
3786 #vbo-timeline li .vbo-timeline-relative {
3787 position: relative;
3788 }
3789 #vbo-timeline p {
3790 margin: 0;
3791 }
3792 .vbo-timeline-date {
3793 text-align: center;
3794 top: -45px;
3795 left: 0;
3796 right: 0;
3797 font-size: 0.95em;
3798 line-height: 25px;
3799 position: absolute;
3800 font-weight: bold;
3801 }
3802 .vbo-timeline-circle {
3803 margin: 0 auto;
3804 top: -14px;
3805 left: 0;
3806 right: 0;
3807 width: 10px;
3808 height: 10px;
3809 background: var(--vbo-config-bg-color);
3810 border: 5px solid var(--vbo-blue-color);
3811 border-radius: 50%;
3812 display: block;
3813 position: absolute;
3814 cursor: pointer;
3815 }
3816 .vbo-timeline-content {
3817 border-color: var(--vbo-main-bg-color);
3818 width: 180px;
3819 max-height: 120px;
3820 margin-top: 25px;
3821 vertical-align: top;
3822 padding: 35px 15px 15px;
3823 transition: width 0.2s linear, max-height 0.2s linear;
3824 border-width: 2px;
3825 border-style: solid;
3826 border-radius: 0.5em;
3827 position: relative;
3828 }
3829 .vbo-timeline-content:before, .vbo-timeline-content:after {
3830 content: "";
3831 width: 0;
3832 height: 0;
3833 border: solid transparent;
3834 position: absolute;
3835 pointer-events: none;
3836 bottom: 100%;
3837 }
3838 .vbo-timeline-content:before {
3839 border-bottom-color: inherit;
3840 border-width: 15px;
3841 left: 50%;
3842 margin-left: -15px;
3843 }
3844 .vbo-timeline-content:after {
3845 border-bottom-color: var(--vbo-config-bg-color);
3846 border-width: 12px;
3847 left: 50%;
3848 margin-left: -12px;
3849 }
3850 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
3851 background-color: transparent !important;
3852 border: 1px solid var(--vbo-blue-color);
3853 color: var(--vbo-blue-color);
3854 padding: 8px 6px !important;
3855 vertical-align: top;
3856 }
3857 .vbo-timeline-content .label-info .badge {
3858 background: var(--vbo-blue-color) !important;
3859 margin-left: 2px;
3860 }
3861 .vbo-timeline-content .btn {
3862 padding: 8px 15px;
3863 box-shadow: none;
3864 border-color: var(--vbo-config-border-color);
3865 vertical-align: top;
3866 }
3867 .vbo-timeline-content .btn i {
3868 margin-right: 5px;
3869 }
3870 .vbo-timeline-content p {
3871 max-height: 0;
3872 color: transparent;
3873 text-align: center;
3874 /* text-align: justify; */
3875 word-break: break-word;
3876 -moz-hyphens: auto;
3877 overflow: hidden;
3878 }
3879 .vbo-ratesoverview-bottom-container {
3880 background: var(--vbo-config-bg-color);
3881 }
3882 label.vbo-timeline-label {
3883 font-size: 1.2em;
3884 position: absolute;
3885 z-index: 1;
3886 cursor: pointer;
3887 width: 180px;
3888 white-space: nowrap;
3889 text-overflow: ellipsis;
3890 overflow: hidden;
3891 display: block;
3892 top: 35px;
3893 left: 15px;
3894 }
3895 .vbo-timeline-radio {
3896 display: none;
3897 }
3898 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
3899 cursor: auto;
3900 width: 300px;
3901 }
3902 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
3903 background: var(--vbo-green-color);
3904 }
3905 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
3906 max-height: 180px;
3907 border-color: var(--vbo-blue-color);
3908 width: 300px;
3909 }
3910 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
3911 max-height: 180px;
3912 min-height: 35px;
3913 color: var(--vbo-config-title-color);
3914 transition: color 0.3s linear 0.3s;
3915 -webkit-transition: color 0.3s linear 0.3s;
3916 }
3917 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
3918 max-height: 0;
3919 max-width: 0;
3920 color: transparent;
3921 word-break: break-word;
3922 -moz-hyphens: auto;
3923 overflow: hidden;
3924 }
3925 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
3926 max-height: 180px;
3927 min-height: 35px;
3928 color: #fff;
3929 transition: color 0.3s linear 0.3s;
3930 -webkit-transition: color 0.3s linear 0.3s;
3931 }
3932 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
3933 background-color: var(--vbo-orange-color);
3934 }
3935 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
3936 background-color: var(--vbo-input-style-nested-deactive);
3937 color: var(--vbo-body-text-color);
3938 }
3939 /* Timeline Rates Overview - End */
3940 /* Translations - Start */
3941 .vbo-translation-langtabs {
3942 display: block;
3943 margin: 0;
3944 padding: 0;
3945 background: var(--vbo-config-bg-color);
3946 border: 1px solid var(--vbo-config-border-color);
3947 }
3948 .vbo-translation-tab {
3949 display: inline-block;
3950 cursor: pointer;
3951 vertical-align: middle;
3952 font-weight: bold;
3953 min-width: 120px;
3954 text-align: center;
3955 color: var(--vbo-config-titles-color-light);
3956 border-right: 1px solid var(--vbo-config-border-color);
3957 border-bottom: none;
3958 margin: 0 0 -1px;
3959 padding: 12px 14px;
3960 }
3961 .vbo-translation-tab .vbo-translation-flag {
3962 margin-right: 5px;
3963 }
3964 .vbo-translation-tab:hover {
3965 background: var(--vbo-config-child-bg-color);
3966 }
3967 .vbo-translation-tab-default {
3968 border-bottom: 2px solid var(--vbo-blue-color);
3969 color: var(--vbo-blue-color);
3970 }
3971 .vbo-translation-tabscontents {
3972 display: block;
3973 margin: 0;
3974 padding: 0;
3975 border: 1px solid var(--vbo-config-border-color);
3976 min-height: 200px;
3977 }
3978 .vbo-translation-langcontent {
3979 background: var(--vbo-main-bg-color);
3980 }
3981 .vbo-translation-langcontent .adminlegend {
3982 margin: 10px 20px 0;
3983 border-bottom: 0;
3984 color: var(--vbo-config-title-color);
3985 }
3986 .vbo-translations-tab-container {
3987 padding: 0 10px;
3988 }
3989 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
3990 background: var(--vbo-config-bg-color);
3991 border-radius: 8px;
3992 padding: 20px;
3993 margin: 15px 10px;
3994 box-shadow: 0 5px 10px rgba(0,0,0,.05);
3995 }
3996 .vbo-translations-element-title {
3997 border-bottom: 1px solid var(--vbo-basic-btn);
3998 font-size: 16px;
3999 font-weight: bold;
4000 padding-bottom: 10px;
4001 margin-bottom: 10px;
4002 }
4003 .vbo-translations-element-row {
4004 display: flex;
4005 margin: 25px 0;
4006 font-size: 14px;
4007 }
4008 .vbo-translations-element-row-nested {
4009 margin: 0 0 0 10px;
4010 padding: 10px;
4011 background: var(--vbo-config-child-bg-color);
4012 border-bottom: 1px solid var(--vbo-basic-btn);
4013 }
4014 .vbo-translations-element-row .vbo-translations-element-lbl {
4015 flex-basis: 250px;
4016 margin-right: 20px;
4017 margin-bottom: 5px;
4018 }
4019 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4020 margin-right: 0;
4021 }
4022 .vbo-translations-element-row .vbo-translations-element-val {
4023 flex: 1;
4024 }
4025 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4026 height: 250px !important;
4027 }
4028 .vbo-translations-element-row .vbo-translations-element-val textarea {
4029 width: 100%;
4030 }
4031 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4032 padding-left: 35px;
4033 }
4034 .vbo-translations-language-element .vbo-translations-element-lbl {
4035 position: relative;
4036 }
4037 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal {
4038 position: absolute;
4039 padding: 4px 8px;
4040 background-color: var(--vbo-basic-btn);
4041 border: 1px solid var(--vbo-config-border-color);
4042 cursor: pointer;
4043 margin-top: 5px;
4044 border-radius: 4px;
4045 }
4046 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal:hover {
4047 background-color: var(--vbo-basic-btn-hover);
4048 }
4049 .vbo-translate-column-cell {
4050 background: none repeat scroll 0 0 #e9e9e9;
4051 border-right: 1px solid #ddd;
4052 text-align: right !important;
4053 vertical-align: middle !important;
4054 }
4055 .vbo-translate-reference-cell {
4056 background: none repeat scroll 0 0 #e9e9e9;
4057 text-align: left !important;
4058 font-size: 105%;
4059 font-weight: bold;
4060 }
4061 .vbo-missing-translation,.vbo-field-translated {
4062 position: relative;
4063 }
4064 .vbo-missing-translation:before {
4065 border: 1px solid var(--vbo-orange-color);
4066 border-radius: 50%;
4067 color: var(--vbo-orange-color);
4068 content: "!";
4069 font-size: 12px;
4070 font-weight: bold;
4071 height: 18px;
4072 left: 2px;
4073 position: absolute;
4074 text-align: center;
4075 top: 0px;
4076 width: 18px;
4077 }
4078 .vbo-field-translated:before {
4079 border: 1px solid var(--vbo-green-color);
4080 border-radius: 50%;
4081 color: var(--vbo-green-color);
4082 content: "\2713";
4083 font-size: 12px;
4084 font-weight: bold;
4085 height: 18px;
4086 left: 2px;
4087 position: absolute;
4088 text-align: center;
4089 top: 0px;
4090 width: 18px;
4091 }
4092 .vbo-translation-tab.vbo-translation-tab-ini {
4093 float: right;
4094 border-right: 0;
4095 }
4096 .vbo-translation-tab-ini.vbo-translation-tab-default {
4097 border-bottom: 0;
4098 }
4099 .vbo-translation-iniflag {
4100 display: inline-block;
4101 padding: 1px 4px;
4102 background: none repeat scroll 0 0 #365868;
4103 color: #fff;
4104 border-radius: 2px;
4105 }
4106 .vbo-inifile-totrows {
4107 display: inline-block;
4108 margin-right: 8px;
4109 padding: 2px 4px;
4110 border: 1px solid #fff;
4111 border-radius: 5px;
4112 text-align: center;
4113 }
4114 .vbo-inifile-path {
4115 display: inline-block;
4116 margin-right: 8px;
4117 padding: 2px 4px;
4118 border: 1px solid #fff;
4119 border-radius: 5px;
4120 text-align: center;
4121 font-size: 90%;
4122 }
4123 .vbo-inifile-exists {
4124 background: none repeat scroll 0 0 #DFF2BF;
4125 color: #4F8A10;
4126 }
4127 .vbo-inifile-notfound {
4128 background: none repeat scroll 0 0 #FEEFB3;
4129 color: #9F6000;
4130 }
4131 /* Translations - End */
4132
4133 /* Dashboard - Start */
4134 .vbo-dashboard-fullcontainer {
4135 background: var(--vbo-main-bg-color);
4136 padding: 10px 0;
4137 }
4138 .vbo-dashboard-top-outer {
4139 display: flex;
4140 flex-wrap: wrap;
4141 padding: 18px
4142 }
4143 .vbo-dashboard-today-bookings {
4144 flex-basis: 70%;
4145 display: flex;
4146 -ms-flex-wrap: wrap;
4147 -webkit-flex-wrap: wrap;
4148 flex-wrap: wrap;
4149 }
4150 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4151 flex: 1;
4152 }
4153 .vbo-dashboard-forecast-wrap {
4154 background-color: #fff;
4155 border-radius: 16px;
4156 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4157 }
4158 .vbo-dashboard-forecast-wrap h4 {
4159 font-size: 20px;
4160 font-weight: bold;
4161 padding: 23px 0px 22px 15px;
4162 margin-top: 0;
4163 border-bottom: 1px solid #ddd;
4164 text-align: center;
4165 }
4166 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4167 display: flex;
4168 border: 2px solid var(--vbo-red-color);
4169 border-radius: 6px;
4170 padding: 14px;
4171 margin: 10px 20px 0;
4172 }
4173 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4174 border: 0;
4175 }
4176 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4177 flex-basis: 52px;
4178 }
4179 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4180 width: 36px;
4181 height: 36px;
4182 border-radius: 50%;
4183 line-height: 36px;
4184 background: var(--vbo-base-color);
4185 color: #fff;
4186 font-size: 16px;
4187 text-align: center;
4188 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4189 }
4190 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4191 cursor: pointer;
4192 display: inline-block;
4193
4194 transition-timing-function: ease-in;
4195 transition: 0.2s;
4196 transform: translateY(-10px);
4197 }
4198 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4199 cursor: inherit;
4200 }
4201 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4202 overflow: hidden;
4203 padding-bottom: 5px;
4204 padding-top: 10px;
4205 margin-top: 0;
4206 }
4207 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4208 backface-visibility: hidden;
4209 transform: translateZ(0);
4210 transition: all 0.2s ease-in;
4211 padding-bottom: 14px;
4212 }
4213 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4214 margin-top: 0;
4215
4216 transition-timing-function: ease-out;
4217 transition: 0.25s;
4218 transform: translateY(0px);
4219 }
4220 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4221 position: absolute;
4222 }
4223 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4224 transform: translateY(-25px);
4225 }
4226 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4227 transform: translateY(-60px);
4228 }
4229 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4230 flex: 1;
4231 position: relative;
4232 }
4233 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4234 margin-top: 0;
4235 margin-bottom: 5px;
4236 color: var(--vbo-base-color);
4237 font-size: 14px;
4238 }
4239 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4240 position: absolute;
4241 right: -24px;
4242 top: -24px;
4243 background: var(--vbo-config-title-color);
4244 border: 2px solid var(--vbo-basic-btn);
4245 color: var(--vbo-basic-btn);
4246 width: 20px;
4247 height: 20px;
4248 text-align: center;
4249 line-height: 20px;
4250 border-radius: 50%;
4251 cursor: pointer;
4252 }
4253 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4254 font-weight: bold;
4255 margin: 0;
4256 }
4257 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4258 margin: 0;
4259 }
4260 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4261 margin-top: 8px;
4262 }
4263 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4264 margin-right: 4px;
4265 }
4266 .vbo-admin-widget-head-commands {
4267 position: relative;
4268 }
4269 .vbo-reportwidget-commands {
4270 text-align: right;
4271 padding-right: 15px;
4272 margin-bottom: 10px;
4273 display: flex;
4274 justify-content: flex-end;
4275 }
4276 .vbo-reportwidget-commands > div {
4277 display: inline-block;
4278 }
4279 .vbo-reportwidget-commands-main {
4280 display: flex;
4281 align-self: center;
4282 }
4283 .vbo-reportwidget-commands-main > div {
4284 display: inline-block;
4285 vertical-align: top;
4286 }
4287 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4288 font-size: 16px;
4289 color: var(--vbo-base-color);
4290 cursor: pointer;
4291 }
4292 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4293 color: var(--vbo-blue-color);
4294 }
4295 .vbo-reportwidget-command-dates {
4296 margin-right: 5px;
4297 }
4298 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4299 font-weight: bold;
4300 font-size: 1.1em;
4301 }
4302 .vbo-reportwidget-command-chevron {
4303 margin-top: 4px;
4304 }
4305 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4306 margin-right: 5px;
4307 }
4308 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4309 margin-left: 5px;
4310 }
4311 .vbo-reportwidget-command-chevron > span {
4312 display: inline-block;
4313 font-size: 14px;
4314 border: 1px solid #ddd;
4315 padding: 5px 10px;
4316 border-radius: 2px;
4317 background: #f6f6f6;
4318 cursor: pointer;
4319 }
4320 .vbo-reportwidget-command-chevron > span:hover {
4321 background: #eee;
4322 }
4323 .vbo-reportwidget-command-chevron > span:active {
4324 background: #fff;
4325 }
4326 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4327 vertical-align: top;
4328 margin: 2px 0 0 4px;
4329 padding: 8px 0 8px 10px;
4330 font-size: 16px;
4331 cursor: pointer;
4332 display: inline-block;
4333 }
4334 .vbo-reportwidget-command-dots:hover {
4335 color: var(--vbo-base-color);
4336 }
4337 .vbo-reportwidget-filters {
4338 display: none;
4339 position: absolute;
4340 right: 30px;
4341 background: var(--vbo-config-bg-color);
4342 padding: 20px;
4343 border-radius: 10px;
4344 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4345 z-index: 1;
4346 min-width: 150px;
4347 }
4348 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4349 background-color: var(--vbo-input-style);
4350 border: 1px solid var(--vbo-config-border-color);
4351 border-radius: 2px;
4352 margin-bottom: 0;
4353 display: inline-block;
4354 box-sizing: border-box;
4355 padding: 0 0 0 10px;
4356 width: 100%;
4357 display: flex;
4358 }
4359 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4360 border: 0;
4361 height: auto;
4362 padding: 9px 10px 9px 15px;
4363 margin-bottom: 0;
4364 }
4365 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4366 color: var(--vbo-config-titles-color-light);
4367 font-size: 15px;
4368 margin-top: 15px;
4369 float: left;
4370 }
4371 .vbo-reportwidget-filters select {
4372 width: 100% !important;
4373 margin-bottom: 0;
4374 border-radius: 2px;
4375 border: 1px solid var(--vbo-config-border-color);
4376 padding: 8px 10px;
4377 height: inherit;
4378 }
4379 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4380 margin: 5px 0 8px;
4381 }
4382 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4383 width: 200px;
4384 }
4385 .vbo-reportwidget-filter-confirm button {
4386 width: 100%;
4387 }
4388 .vbo-reportwidget-chart {
4389 padding-bottom: 15px;
4390 }
4391 .vbo-reportwidget-chart .err {
4392 margin: 20px;
4393 }
4394 #vbo-report-chart-canvas {
4395 max-width: 100%;
4396 margin: 0 auto;
4397 }
4398 .vbo-reportwidget-chart-metas {
4399 display: flex;
4400 flex-wrap: wrap;
4401 justify-content: center;
4402 margin: 0 10px 15px;
4403 }
4404 .vbo-reportwidget-chart-meta {
4405 flex-basis: calc(33% - 10px);
4406 flex-grow: 1;
4407 }
4408 .vbo-reportwidget-chart-meta-inner {
4409 background: var(--vbo-config-bg-color);
4410 border: 1px solid var(--vbo-basic-btn);
4411 border-bottom: 3px solid var(--vbo-basic-btn);
4412 padding: 20px;
4413 border-radius: 16px;
4414 margin: 5px;
4415 position: relative;
4416 }
4417 .vbo-reportwidget-chart-meta-inner:after {
4418 height: 30px;
4419 width: 4px;
4420 background: var(--vbo-config-border-color);
4421 content: "";
4422 position: absolute;
4423 left: -3px;
4424 top: 17px;
4425 }
4426 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4427 background-color: var(--vbo-blue-color);
4428 }
4429 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4430 background-color: var(--vbo-red-color);
4431 }
4432 .vbo-reportwidget-chart-meta-lbl {
4433 font-weight: bold;
4434 color: var(--vbo-config-titles-color-light);
4435 margin-bottom: 6px;
4436 }
4437 .vbo-reportwidget-chart-meta-val {
4438 font-size: 26px;
4439 font-weight: bold;
4440 }
4441 .vbo-reportwidget-chart-meta-val-main {
4442 display: inline-block;
4443 margin: 4px 0 6px;
4444 white-space: nowrap;
4445 font-size: 20px;
4446 font-weight: bold;
4447 }
4448 .vbo-guestactivitywidget-commands {
4449 text-align: right;
4450 padding: 5px 15px 10px 0;
4451 }
4452 .vbo-guestactivitywidget-commands > div {
4453 display: inline-block;
4454 }
4455 .vbo-guestactivitywidget-commands-main > div {
4456 display: inline-block;
4457 vertical-align: top;
4458 }
4459 .vbo-guestactivitywidget-commands-main {
4460 display: flex;
4461 }
4462 .vbo-guestactivitywidget-command-chevron {
4463 margin-top: 4px;
4464 }
4465 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4466 margin-right: 5px;
4467 }
4468 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4469 margin-left: 5px;
4470 }
4471 .vbo-guestactivitywidget-command-chevron > span {
4472 display: inline-block;
4473 font-size: 14px;
4474 border: 1px solid var(--vbo-config-border-color);
4475 padding: 5px 10px;
4476 border-radius: 2px;
4477 background: var(--vbo-config-child-bg-color);
4478 cursor: pointer;
4479 }
4480 .vbo-guestactivitywidget-command-chevron > span:hover {
4481 background: var(--vbo-basic-btn);
4482 }
4483 .vbo-guestactivitywidget-command-chevron > span:active {
4484 background: var(--vbo-config-bg-color);
4485 }
4486 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4487 display: grid;
4488 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
4489 gap: 10px;
4490 padding: 10px;
4491 width: 100%;
4492 box-sizing: border-box;
4493 }
4494 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4495 background: var(--vbo-config-bg-color);
4496 border: 1px solid var(--vbo-basic-btn);
4497 border-bottom: 3px solid var(--vbo-basic-btn);
4498 padding: 15px;
4499 border-radius: 16px;
4500 }
4501 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4502 background: var(--vbo-config-bg-color);
4503 border: 1px solid var(--vbo-basic-btn);
4504 border-bottom: 3px solid var(--vbo-basic-btn);
4505 padding: 15px;
4506 border-radius: 16px;
4507 position: relative;
4508 }
4509 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4510 border-color: #4e9b0059;
4511 background: #4e9b000f;
4512 }
4513 .vbo-widget-finance-stat-info {
4514 display: flex;
4515 }
4516 .vbo-widget-finance-stat-cmd {
4517 margin-left: auto;
4518 cursor: pointer;
4519 display: inline-block;
4520 padding: 0 0 0px 10px;
4521 }
4522
4523 .vbo-widget-finance-stat-cmd:hover i {
4524 color: var(--vbo-base-color);
4525 }
4526 .vbo-widget-finance-stat-name {
4527 font-weight: 500;
4528 margin-bottom: 6px;
4529 }
4530 .vbo-widget-finance-stat-amount {
4531 margin-top: 6px;
4532 }
4533 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4534 font-weight: bold;
4535 font-size: 18px;
4536 }
4537 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4538 margin-top: 8px;
4539 font-size: 14px;
4540 margin-bottom: 3px;
4541 font-weight: 500;
4542 border-top: 1px solid var(--vbo-config-border-color);
4543 padding-top: 8px;
4544 }
4545 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4546 font-size: 12px;
4547 display: inline-block;
4548 margin-left: 2px;
4549 color: var(--vbo-config-titles-color-light);
4550 }
4551 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4552 color: var(--vbo-green-color);
4553 }
4554 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4555 color: var(--vbo-red-color);
4556 }
4557 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4558 color: var(--vbo-blue-color);
4559 }
4560 .vbo-widget-finance-data-block-rankings {
4561 padding: 0 10px 10px 10px;
4562 display: grid;
4563 grid-template-columns: repeat(2, 1fr);
4564 gap: 10px;
4565 }
4566 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4567 font-size: 14px;
4568 margin-bottom: 10px;
4569 }
4570 .vbo-widget-finance-stat-rank {
4571 display: flex;
4572 margin-bottom: 10px;
4573 }
4574 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4575 margin-right: 10px;
4576 }
4577 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4578 width: 25px;
4579 text-align: center;
4580 height: 25px;
4581 line-height: 25px !important;
4582 border: 1px solid var(--vbo-config-border-color);
4583 border-radius: 50%;
4584 background: var(--vbo-config-child-bg-color);
4585 font-size: 11px;
4586 }
4587 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4588 width: 25px;
4589 height: 25px;
4590 object-fit: cover;
4591 border-radius: 50%;
4592 }
4593 .vbo-widget-finance-stat-rank-score {
4594 display: flex;
4595 flex-wrap: wrap;
4596 width: 100%;
4597 }
4598 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4599 flex-basis: 100%;
4600 }
4601 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4602 .vbo-upload-progress progress {
4603 width: 100%;
4604 border-radius: 20px;
4605 height: 10px;
4606 -webkit-appearance: none;
4607 appearance: none;
4608 }
4609 .vbo-upload-progress progress {
4610 width: 200px;
4611 }
4612 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4613 .vbo-upload-progress progress::-webkit-progress-bar {
4614 background: var(--vbo-basic-btn);
4615 border-radius: 20px;
4616 }
4617 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4618 .vbo-upload-progress progress::-webkit-progress-value {
4619 background: var(--vbo-base-color);
4620 border-radius: 20px;
4621 }
4622 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4623 .vbo-upload-progress progress::-moz-progress-bar {
4624 background: var(--vbo-base-color);
4625 border-radius: 20px;
4626 }
4627 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4628 .vbo-upload-progress progress::-moz-progress-value {
4629 background: var(--vbo-base-btn);
4630 border-radius: 20px;
4631 }
4632 .vbo-widget-finance-stat-rank-amount {
4633 margin-left: auto;
4634 font-weight: bold;
4635 }
4636 .vbo-widget-finance-skeleton-block {
4637
4638 }
4639
4640 /* Tooltip - Start **/
4641 .vbo-tooltip {
4642 position: relative;
4643 }
4644 .vbo-tooltip::before,
4645 .vbo-tooltip::after {
4646 position: absolute;
4647 opacity: 0;
4648 visibility: hidden;
4649 -webkit-transition:
4650 opacity 0.3s ease-in-out,
4651 visibility 0.3s ease-in-out,
4652 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4653 -moz-transition:
4654 opacity 0.3s ease-in-out,
4655 visibility 0.3s ease-in-out,
4656 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4657 transition:
4658 opacity 0.3s ease-in-out,
4659 visibility 0.3s ease-in-out,
4660 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4661 -webkit-transform: translate3d(0, 0, 0);
4662 -moz-transform: translate3d(0, 0, 0);
4663 transform: translate3d(0, 0, 0);
4664 pointer-events: none;
4665 }
4666 .vbo-tooltip:hover::before,
4667 .vbo-tooltip:hover::after,
4668 .vbo-tooltip:focus::before,
4669 .vbo-tooltip:focus::after {
4670 opacity: 1;
4671 visibility: visible;
4672 }
4673 .vbo-tooltip::before {
4674 content: attr(data-tooltiptext);
4675 z-index: 10001;
4676 width: calc(100% + 40px);
4677 color: var(--vbo-body-text-color);
4678 background: var(--vbo-body-bg-color);
4679 border-radius: 15px;
4680 border: 1px solid var(--vbo-config-border-color);
4681 padding: 5px;
4682 font-size: 12px;
4683 line-height: 1.2;
4684 text-align: center;
4685 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4686 }
4687 .vbo-inspector-hover.vbo-tooltip::before {
4688 width: auto;
4689 font-weight: bold;
4690 }
4691 .vbo-tooltip::after {
4692 content: "";
4693 width: 0;
4694 height: 0;
4695 }
4696 .vbo-tooltip.vbo-tooltip-top::before,
4697 .vbo-tooltip.vbo-tooltip-top::after {
4698 bottom: 100%;
4699 left: 50%;
4700 transform: translate(-50%);
4701 margin-bottom: 2px;
4702 }
4703 .vbo-tooltip.vbo-tooltip-bottom::before,
4704 .vbo-tooltip.vbo-tooltip-bottom::after {
4705 top: 100%;
4706 left: 50%;
4707 transform: translate(-50%);
4708 margin-top: 2px;
4709 }
4710 /* Tooltip - End **/
4711
4712 .vbo-dashboard-firstsetup-container {
4713 width: 80%;
4714 margin: 0 auto;
4715 border: 1px solid var(--vbo-config-border-color);
4716 border-radius: 4px;
4717 padding: 30px;
4718 background: var(--vbo-config-bg-color);
4719 }
4720 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
4721 font-size: 24px;
4722 margin-top: 0;
4723 }
4724 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
4725 font-weight: normal;
4726 font-size: 18px;
4727 }
4728 .vbo-dashboard-firstsetup-body {
4729 display: flex;
4730 flex-wrap: wrap;
4731 margin: 20px auto;
4732 }
4733 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
4734 flex-basis: 25%;
4735 }
4736 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
4737 border: 1px solid var(--vbo-config-border-color);
4738 border-radius: 8px;
4739 margin: 10px;
4740 padding: 20px;
4741 font-size: 14px;
4742 background: var(--vbo-config-bg-color);
4743 box-shadow: 0 0 10px rgba(0,0,0,.05);
4744 height: 94%;
4745 }
4746 .vbo-dashboard-firstsetup-task-number {
4747 color: #82b8d5;
4748 font-size: 32px;
4749 margin-bottom: 20px;
4750 font-weight: bold;
4751 }
4752 .vbo-dashboard-firstsetup-task-details {
4753 text-align: center;
4754 font-weight: bold;
4755 }
4756 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
4757 font-size: 14px;
4758 }
4759 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
4760 margin-top: 10px;
4761 font-size: 26px;
4762 }
4763 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
4764 display: inline-block;
4765 min-height: 10px;
4766 }
4767 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
4768 display: block;
4769 margin-top: 22px;
4770 font-size: 22px;
4771 color: var(--vbo-green-color);
4772 }
4773 .vbo-dashboard-firstsetup-task-action {
4774 text-align: center;
4775 margin-top: 20px;
4776 }
4777 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
4778 background: var(--vbo-base-color);
4779 color: #fff;
4780 border: 1px solid var(--vbo-base-color);
4781 padding: 5px 15px;
4782 font-weight: bold;
4783 }
4784 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
4785 background: var(--vbo-base-color-hover);
4786 }
4787 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
4788 background: var(--vbo-link-text-color);
4789 }
4790 .vbo-dashboard-firstsetup-task-description {
4791 border-top: 1px solid var(--vbo-config-border-color);
4792 padding: 5px 10px;
4793 margin-top: 15px;
4794 color: var(--vbo-config-titles-color-light);
4795 text-align: center;
4796 background: var(--vbo-config-child-bg-color);
4797 }
4798 .vbo-dashboard-firstsetup-importbftpp-title {
4799 font-size: 16px;
4800 margin-bottom: 10px;
4801 margin-top: 20px;
4802 }
4803 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
4804 border-color: var(--vbo-red-color);
4805 }
4806 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
4807 color: var(--vbo-red-color);
4808 }
4809 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
4810 font-size: 18px;
4811 font-weight: normal;
4812 margin: 0;
4813 padding: 0;
4814 }
4815 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
4816 display: inline-block;
4817 margin-bottom: 10px;
4818 margin-right: 5px;
4819 }
4820 .btn.vbo-sampledata-btn {
4821 background: var(--vbo-base-color);
4822 color: #fff;
4823 font-weight: bold;
4824 border: 1px solid var(--vbo-base-color);
4825 }
4826 .btn.vbo-sampledata-btn:hover {
4827 background-color: var(--vbo-config-bg-color);
4828 color: var(--vbo-base-color);
4829 }
4830 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
4831 font-size: 16px;
4832 }
4833 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
4834 font-size: 16px;
4835 line-height: 1.4em;
4836 }
4837 .vbo-dashboard-today-bookings > div {
4838 margin: 0 18px 18px 0;
4839 }
4840 .vbo-admin-widgets-widget {
4841 display: block;
4842 border-radius: 16px;
4843 margin: 12px 0;
4844 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4845 background: var(--vbo-config-bg-color);
4846 }
4847 .vbo-admin-widget-head {
4848 border-top-right-radius: 16px;
4849 border-top-left-radius: 16px;
4850 border-bottom: 1px solid var(--vbo-config-border-color);
4851 display: inline-block;
4852 width: 100%;
4853 box-sizing: border-box;
4854 }
4855 .vbo-admin-widget-head .btn-toolbar {
4856 margin: 10px 15px 10px 10px;
4857 display: inline-block;
4858 }
4859 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
4860 margin-top: 4px;
4861 }
4862 .vbo-admin-widget-head .form-control {
4863 border: 1px solid var(--vbo-config-border-color);
4864 border-radius: 2px;
4865 padding: 8px 10px;
4866 margin-bottom: 0;
4867 box-sizing: border-box;
4868 height: auto;
4869 }
4870 .vbo-admin-widget-head .btn {
4871 padding: 8px 10px;
4872 border-radius: 0 2px 2px 0;
4873 border: 1px solid var(--vbo-config-border-color);
4874 }
4875 .vvbo-admin-widget-head .btn i {
4876 margin-right: 0;
4877 }
4878 .btn.btn-small {
4879 padding: 2px 10px;
4880 font-size: 12px;
4881 -webkit-border-radius: 3px;
4882 -moz-border-radius: 3px;
4883 border-radius: 3px;
4884 }
4885 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 {
4886 padding: 0 !important;
4887 height: 40px;
4888 }
4889 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 {
4890 padding: 0 !important;
4891 background: var(--vbo-base-color);
4892 border: 1px solid var(--vbo-base-color) !important;
4893 color: var(--vbo-contrast-text-color);
4894 display: flex;
4895 height: auto;
4896 }
4897 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 {
4898 background: var(--vbo-base-color) !important;
4899 border: 1px solid var(--vbo-base-color);
4900 color: var(--vbo-contrast-text-color);
4901 }
4902 .vbo-context-menu-btn .vbo-context-menu-lbl {
4903 padding: 10px;
4904 display: inline-block;
4905 }
4906 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
4907 padding: 3px 10px 3px;
4908 }
4909 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
4910 background: var(--vbo-base-color-hover);
4911 color: var(--vbo-contrast-text-color);
4912 border: 0;
4913 border-top-left-radius: 3px;
4914 border-bottom-left-radius: 3px;
4915 }
4916 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 {
4917 background: var(--vbo-orange-color);
4918 }
4919 .btn-warning.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover {
4920 background: var(--vbo-orange-color-hover);
4921 color: var(--vbo-contrast-text-color);
4922 border: 0;
4923 }
4924 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 {
4925 background: var(--vbo-red-color);
4926 }
4927 .btn-danger.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover {
4928 background: var(--vbo-red-color-hover);
4929 color: var(--vbo-contrast-text-color);
4930 border: 0;
4931 }
4932 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
4933 background-color: var(--vbo-green-color);
4934 border-color: var(--vbo-green-color);
4935 }
4936 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 {
4937 background-color: var(--vbo-green-color-hover);
4938 border-color: var(--vbo-green-color-hover);
4939 }
4940 .vbo-context-menu-btn .vbo-context-menu-ico {
4941 padding: 12px 8px;
4942 text-align: center;
4943 border-top-right-radius: 3px;
4944 border-bottom-right-radius: 3px;
4945 }
4946 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
4947 padding: 3px 8px 3px;
4948 }
4949 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
4950 margin-right: 0;
4951 position: relative;
4952 top: -1px;
4953 }
4954 .vbo-context-menu-btn .vbo-context-menu-ico:hover {
4955 background: var(--vbo-base-color-hover);
4956 }
4957 .vbo-context-menu-btn.vbo-context-menu-searchtype .vbo-context-menu-ico {
4958 border-radius: 0;
4959 }
4960 .vik-context-menu.vbo-dropdown-cxmenu {
4961 background: var(--vbo-config-bg-color);
4962 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
4963 z-index: 2147483647 !important;
4964 border: 1px solid rgba(0,0,0,.15);
4965 border-radius: .25rem;
4966 }
4967 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
4968 color: var(--vbo-contrast-text-color);
4969 background: var(--vbo-base-color);
4970 cursor: pointer;
4971 }
4972 .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 {
4973 padding: 0;
4974 margin: 0;
4975 }
4976 .vik-context-menu.vbo-dropdown-cxmenu li a {
4977 color: var(--vbo-body-text-color);
4978 padding: 8px 12px;
4979 }
4980 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
4981 background: var(--vbo-red-color);
4982 }
4983 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
4984 background: var(--vbo-orange-color-hover);
4985 }
4986 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
4987 color: var(--vbo-config-text-color-light);
4988 font-size: 14px;
4989 min-width: 16px;
4990 }
4991 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
4992 color: var(--vbo-contrast-text-color);
4993 }
4994 .vbo-admin-widget-head h4 {
4995 font-size: 18px;
4996 font-weight: bold;
4997 padding: 7px 0 3px 15px;
4998 margin: 12px 0;
4999 position: relative;
5000 display: inline-block;
5001 }
5002 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5003 vertical-align: middle;
5004 }
5005 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5006 display: inline-block;
5007 float: right;
5008 margin-top: 10px;
5009 }
5010 .vbo-dashboard-search-input {
5011 display: inline-block;
5012 vertical-align: middle;
5013 margin-left: 10px;
5014 margin-bottom: 2px;
5015 }
5016 .vbo-admin-widget-body {
5017 padding: 10px;
5018 }
5019 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5020 display: flex;
5021 padding: 10px 15px;
5022 border-bottom: 1px solid var(--vbo-basic-btn);
5023 cursor: pointer;
5024 }
5025 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5026 background: var(--vbo-light-color-btn);
5027 }
5028 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5029 border-bottom: 0;
5030 }
5031 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5032 width: 40px;
5033 margin-right: 15px;
5034 }
5035 .vbo-dashboard-guest-activity-avatar-icon {
5036 width: 40px;
5037 text-align: center;
5038 height: 40px;
5039 line-height: 40px !important;
5040 border: 1px solid var(--vbo-config-border-color);
5041 border-radius: 50%;
5042 background: var(--vbo-config-child-bg-color);
5043 font-size: 16px;
5044 }
5045 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5046 max-width: 100%;
5047 border-radius: 50%;
5048 object-fit: cover;
5049 }
5050 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5051 flex: 1;
5052 }
5053 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5054 margin: 0;
5055 }
5056 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5057 display: flex;
5058 }
5059 .vbo-dashboard-guest-activity-content-info-details {
5060 margin-bottom: 7px;
5061 flex: 1;
5062 }
5063 .vbo-w-guestmessages-message-staydates {
5064 font-size: 12px;
5065 position: relative;
5066 padding-left: 10px;
5067 color: var(--vbo-config-titles-color-light);
5068 }
5069 .vbo-w-guestmessages-message-staydates:after {
5070 content: "";
5071 width: 2px;
5072 height: 2px;
5073 background: var(--vbo-config-titles-color-light);
5074 top: 7px;
5075 left: 2px;
5076 position: absolute;
5077 border-radius: 50%;
5078 }
5079 .vbo-w-guestmessages-message-new {
5080 background: var(--vbo-toolbar-bg-color);
5081 }
5082 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle i {
5083 color: var(--vbo-base-color);
5084 font-size: 18px;
5085 margin: 0 0 0 5px;
5086 }
5087 .vbo-bookings-status-separator {
5088 margin-top: 5px;
5089 text-align: center;
5090 }
5091 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5092 height: calc(100% - 100px);
5093 }
5094 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5095 display: flex;
5096 padding: 12px 20px 6px;
5097 background: transparent;
5098 border-bottom: 1px solid var(--vbo-config-border-color);
5099 }
5100 .vbo-modal-wguestmessages-chat-wrap {
5101 height: 100%;
5102 }
5103 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5104 max-height: 540px;
5105 }
5106 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) {
5107 flex: 1;
5108 }
5109 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) span {
5110 display: inline-block;
5111 vertical-align: middle;
5112 }
5113 .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 {
5114 display: block;
5115 }
5116 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5117 display: inline-block;
5118 vertical-align: middle;
5119 line-height: 1em;
5120 }
5121 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label {
5122 margin-left: 10px;
5123 }
5124 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5125 background-color: var(--vbo-red-color);
5126 }
5127 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5128 margin-right: 10px;
5129 font-weight: bold;
5130 }
5131 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5132 margin-right: 10px;
5133 }
5134 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5135 width: 40px;
5136 height: 40px;
5137 object-fit: cover;
5138 border-radius: 50%;
5139 }
5140 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5141 margin-left: auto;
5142 align-self: center;
5143 }
5144 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5145 margin-right: 10px;
5146 margin-top: 2px;
5147 display: inline-block;
5148 width: 100%;
5149 }
5150 .vbo-dashboard-guest-activity-content-info-icon i {
5151 color: var(--vbo-base-color);
5152 font-size: 14px;
5153 }
5154 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5155 color: var(--vbo-orange-color);
5156 }
5157 .vbo-rdaybooking-subunits {
5158 margin-top: 6px;
5159 }
5160 .vbo-rdaybooking-subunits .label-warning {
5161 padding: 10px 6px !important;
5162 }
5163 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5164 display: inline-block;
5165 }
5166 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5167 min-height: 34px;
5168 line-height: 1.3em;
5169 margin: 3px 0;
5170 }
5171 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5172 font-weight: bold;
5173 margin-left: 2px;
5174 }
5175 .vbo-dashboard-guest-activity-content-info-date {
5176 margin-left: auto;
5177 font-size: .9em;
5178 text-align: right;
5179 color: var(--vbo-config-titles-color-light);
5180 }
5181 .vbo-dashboard-guest-activity-content-info-date span {
5182 display: block;
5183 }
5184 .vbo-dashboard-guest-activity-content-info-msg {
5185 color: var(--vbo-config-titles-color-light);
5186 font-size: 13px;
5187 }
5188 .vbo-dashboard-guest-activity-content-info-msg p {
5189 margin: 0;
5190 }
5191 .vbo-dashboard-guest-activity-skeleton {
5192 padding: 17px 15px;
5193 }
5194 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5195 width: 40px;
5196 height: 40px;
5197 border-radius: 50%;
5198 object-fit: cover;
5199 }
5200 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5201 width: 150px;
5202 height: 15px;
5203 }
5204 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5205 width: 70%;
5206 height: 15px;
5207 }
5208 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5209 width: 100%;
5210 height: 22px;
5211 }
5212 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5213 width: 50px;
5214 height: 11px;
5215 }
5216 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5217 width: 100%;
5218 height: 22px;
5219 }
5220 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5221 position: relative;
5222 overflow: hidden;
5223 display: inline-block;
5224 }
5225 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5226 position: absolute;
5227 top: 0;
5228 right: 0;
5229 bottom: 0;
5230 left: 0;
5231 transform: translateX(-100%);
5232 animation: shimmer 2s infinite;
5233 content: '';
5234 }
5235 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5236 margin-bottom: 5px;
5237 margin-top: 3px;
5238 }
5239
5240 @keyframes shimmer {
5241 100% {
5242 transform: translateX(100%);
5243 }
5244 }
5245
5246 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5247 display: flex;
5248 padding: 10px 15px;
5249 border-bottom: 1px solid var(--vbo-basic-btn);
5250 width: 100%;
5251 box-sizing: border-box;
5252 }
5253 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5254 width: 40px;
5255 margin-right: 15px;
5256 }
5257 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5258 max-width: 100%;
5259 border-radius: 50%;
5260 object-fit: cover;
5261 }
5262 .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 {
5263 width: 40px;
5264 text-align: center;
5265 height: 40px;
5266 line-height: 40px;
5267 border: 1px solid var(--vbo-config-border-color);
5268 border-radius: 50%;
5269 background: var(--vbo-config-child-bg-color);
5270 font-size: 16px;
5271 }
5272 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5273 flex: 1;
5274 }
5275 .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 {
5276 display: flex;
5277 }
5278 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5279 flex-wrap: wrap;
5280 }
5281 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5282 margin-bottom: 3px;
5283 flex: 1;
5284 }
5285 .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 {
5286 margin: 0;
5287 font-size: 16px;
5288 }
5289 .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 {
5290 margin-right: 10px;
5291 margin-top: 2px;
5292 font-size: .9em;
5293 }
5294 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5295 margin-left: auto;
5296 }
5297 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5298 text-align: right;
5299 font-weight: bold;
5300 font-size: 1.2em;
5301 }
5302 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5303 display: flex;
5304 font-size: .95em;
5305 justify-content: right;
5306 }
5307 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5308 margin-right: 6px;
5309 }
5310 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5311 margin-top: 6px;
5312 float: left;
5313 margin-right: 3px;
5314 }
5315 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5316 margin-top: 2px;
5317 float: left;
5318 margin-right: 3px;
5319 }
5320 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5321 margin: 0 0 5px;
5322 }
5323 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5324 margin: 0;
5325 }
5326 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5327 color: var(--vbo-green-color);
5328 }
5329 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5330 color: var(--vbo-red-color);
5331 }
5332 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5333 flex-basis: 100%;
5334 margin-bottom: 3px;
5335 }
5336 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5337 float: right;
5338 }
5339 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5340 margin-bottom: 3px;
5341 }
5342 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5343 display: flex;
5344 width: 100%;
5345 }
5346 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5347 margin-left: auto;
5348 }
5349 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5350 display: flex;
5351 flex-wrap: wrap;
5352 }
5353 .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 {
5354 flex: 1;
5355 }
5356
5357 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5358 cursor: pointer;
5359 background: var(--vbo-light-color-btn);
5360 }
5361
5362 .vbo-widget-currconv-wrap {
5363 padding: 15px;
5364 }
5365 .vbo-widget-currconv-filters {
5366 display: flex;
5367 flex-wrap: wrap;
5368 }
5369 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5370 margin-bottom: 5px;
5371 }
5372 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5373 align-self: end;
5374 }
5375 .vbo-widget-currconv-filters label {
5376 display: block;
5377 margin-bottom: 5px;
5378 }
5379 .vbo-widget-currconv-filters-main {
5380 display: flex;
5381 flex-wrap: wrap;
5382 }
5383 .vbo-widget-currconv-filters-submit .btn {
5384 margin-left: 10px;
5385 }
5386 .vbo-widget-currconv-filters-main > div {
5387 margin-right: 10px;
5388 }
5389 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5390 height: 40px;
5391 border-radius: 2px;
5392 }
5393 .vbo-admin-widgets-widget-output .select2-container .select2-selection__rendered {
5394 font-weight: normal;
5395 font-size: 14px;
5396 line-height: 40px !important;
5397 }
5398 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5399 height: 40px;
5400 }
5401 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5402 align-self: end;
5403 flex-basis: 100%;
5404 }
5405 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5406 width: 100%;
5407 margin-left: 0;
5408 }
5409 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5410 margin-left: 0;
5411 }
5412
5413 .vbo-widget-checkav-wrap {
5414 padding: 15px;
5415 }
5416 .vbo-widget-checkav-filters {
5417 display: flex;
5418 flex-wrap: wrap;
5419 }
5420 .vbo-widget-checkav-filters > div {
5421 margin-bottom: 8px;
5422 }
5423 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5424 margin: 5px 0;
5425 }
5426 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5427 display: flex;
5428 flex-wrap: wrap;
5429 }
5430 .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 {
5431 margin-left: 10px;
5432 }
5433 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5434 margin-left: 8px;
5435 }
5436 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5437 flex: 1;
5438 }
5439 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5440 margin-right: 8px;
5441 }
5442 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5443 margin-left: 8px;
5444 }
5445 .vbo-widget-checkav-results {
5446 margin-top: 5px;
5447 }
5448 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5449 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5450 display: grid;
5451 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5452 }
5453 .vbo-widget-checkav-result-splitstays-wrap {
5454 width: 100%;
5455 }
5456 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5457 border: 1px solid var(--vbo-basic-btn);
5458 margin: 5px;
5459 border-radius: 6px;
5460 }
5461 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5462 border-color: var(--vbo-base-color);
5463 }
5464 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5465 display: grid;
5466 grid-template-columns: repeat(2, 1fr);
5467 }
5468 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5469 padding: 8px;
5470 }
5471 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5472 font-weight: bold;
5473 font-size: 1.2em;
5474 margin-bottom: 4px;
5475 }
5476 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5477 color: var(--vbo-base-color);
5478 margin-right: 3px;
5479 width: 16px;
5480 }
5481 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5482 display: block;
5483 margin-bottom: 3px;
5484 }
5485 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5486 margin-right: 3px;
5487 width: 16px;
5488 color: var(--vbo-config-text-color-light);
5489 }
5490 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5491 text-align: center;
5492 margin-bottom: 10px;
5493 }
5494 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5495 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5496 display: flex;
5497 flex-wrap: wrap;
5498 }
5499 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5500 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5501 flex-basis: 100%;
5502 }
5503 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5504 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5505 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5506 flex-basis: 100%;
5507 }
5508 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5509 display: flex;
5510 flex-wrap: wrap;
5511 }
5512 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5513 margin: 5px;
5514 }
5515 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5516 flex-basis: 100%;
5517 }
5518 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5519 flex-basis: 100%;
5520 text-align: center;
5521 margin-bottom: 5px;
5522 padding-top: 5px;
5523 }
5524 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5525 margin-right: 10px;
5526 }
5527 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5528 display: flex;
5529 flex-wrap: wrap;
5530 justify-content: center;
5531 width: 100%;
5532 }
5533 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5534 flex-basis: calc(33% - 34px);
5535 border: 1px solid var(--vbo-config-border-color);
5536 border-radius: 4px;
5537 padding: 10px;
5538 margin: 5px;
5539 text-align: center;
5540 }
5541 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5542 margin-right: 4px;
5543 }
5544 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5545 white-space: nowrap;
5546 overflow: hidden;
5547 text-overflow: ellipsis;
5548 max-width: 300px;
5549 }
5550 .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 {
5551 flex-basis: 100%;
5552 max-width: 100%;
5553 margin-bottom: 4px;
5554 }
5555 @media screen and (min-width: 1800px) {
5556 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5557 flex-basis: calc(33% - 30px);
5558 }
5559 .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 {
5560 flex-basis: calc(50% - 30px);
5561 margin: 5px;
5562 }
5563 .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 {
5564 width: 100%;
5565 display: grid;
5566 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5567 }
5568 .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 {
5569 grid-template-columns: repeat(3, 1fr);
5570 }
5571 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5572 border-color: var(--vbo-input-style);
5573 }
5574 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5575 border-color: var(--vbo-base-color);
5576 }
5577 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5578 display: inline-block;
5579 }
5580 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5581 display: block;
5582 }
5583 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5584 text-align: right;
5585 min-width: 80px;
5586 }
5587 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5588 text-align: left;
5589 min-width: initial;
5590 }
5591 }
5592 @media screen and (max-width: 1800px) {
5593 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
5594 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5595 flex-basis: 100%;
5596 }
5597 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5598 flex-basis: calc(100% - 30px);
5599 }
5600 }
5601 @media screen and (min-width: 2500px) {
5602 .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 {
5603 flex-basis: calc(33% - 30px);
5604 margin: 5px;
5605 }
5606 }
5607 @media screen and (min-width: 3000px) {
5608 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5609 display: inline-block;
5610 }
5611 }
5612 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
5613 font-weight: bold;
5614 font-size: 1.2em;
5615 margin-bottom: 5px;
5616 }
5617 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5618 display: flex;
5619 margin: 5px 0 8px;
5620 padding-bottom: 5px;
5621 border-bottom: 1px solid var(--vbo-config-border-color);
5622 }
5623 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
5624 border-bottom: 0;
5625 padding-bottom: 0px;
5626 }
5627 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
5628 display: inline-block;
5629 }
5630 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5631 padding: 10px;
5632 background-color: var(--vbo-input-style);
5633 margin: 0px 0 8px;
5634 border-radius: 6px;
5635 }
5636 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
5637 flex: 1;
5638 display: flex;
5639 }
5640 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5641 align-self: center;
5642 margin: 0 10px;
5643 }
5644 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
5645 display: block;
5646 }
5647 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
5648 font-weight: bold;
5649 }
5650 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5651 display: inline-block;
5652 min-width: 150px;
5653 align-self: center;
5654 }
5655 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5656 margin-left: auto;
5657 margin-right: 0;
5658 }
5659 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
5660 padding: 7px 12px;
5661 }
5662 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
5663 margin: 0 0 6px;
5664 }
5665 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5666 margin: 5px;
5667 }
5668 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
5669 display: flex;
5670 flex-wrap: wrap;
5671 }
5672 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5673 align-self: center;
5674 margin-right: 10px;
5675 flex: 1;
5676 }
5677 .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 {
5678 flex-basis: 100%;
5679 }
5680 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5681 margin-bottom: 3px;
5682 }
5683 .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 {
5684 margin-top: 8px;
5685 width: 100%;
5686 text-align: center;
5687 }
5688 .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 {
5689 width: 100%;
5690 }
5691 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
5692 margin-right: 10px;
5693 }
5694 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
5695 color: var(--vbo-config-text-color-light);
5696 width: 16px;
5697 margin-right: 3px;
5698 }
5699 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5700 margin-left: auto;
5701 }
5702 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5703 width: 100%;
5704 display: flex;
5705 flex-wrap: wrap;
5706 }
5707 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5708 flex: initial;
5709 }
5710 .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 {
5711 width: 110px !important;
5712 }
5713 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
5714 align-self: center;
5715 margin-right: 5px;
5716 }
5717 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
5718 flex: 1;
5719 width: 80px !important;
5720 }
5721 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
5722 .admin.com_vikbooking .vbo-widget-checkav-filters input {
5723 padding: 8px 10px;
5724 box-sizing: border-box;
5725 height: auto;
5726 }
5727 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5728 margin-top: 0;
5729 }
5730 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5731 display: flex;
5732 flex-wrap: wrap;
5733 }
5734 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
5735 flex: 1;
5736 }
5737 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
5738 margin-right: 8px;
5739 }
5740 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5741 width: 75px !important;
5742 }
5743 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5744 margin-left: 0;
5745 }
5746 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5747 width: 100%;
5748 margin-left: 0;
5749 }
5750 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
5751 width: 100%;
5752 }
5753 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5754 margin-right: 10px;
5755 min-width: initial;
5756 }
5757 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
5758 display: block;
5759 margin-bottom: 5px;
5760 }
5761 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5762 align-self: end;
5763 }
5764 @media screen and (max-width: 1000px) {
5765 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5766 flex: 1;
5767 flex-basis: 100%;
5768 margin-bottom: 8px;
5769 }
5770 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
5771 width: 100%;
5772 display: flex;
5773 }
5774 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
5775 flex: 1;
5776 width: 100%;
5777 }
5778 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
5779 margin: 0;
5780 width: 100%;
5781 display: inline-block;
5782 }
5783 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
5784 flex: 1;
5785 }
5786 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
5787 margin-right: 10px;
5788 align-self: center;
5789 }
5790 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
5791 align-self: auto;
5792 }
5793 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
5794 display: block;
5795 }
5796 }
5797 @media screen and (max-width: 2200px) {
5798 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5799 width: auto;
5800 flex-basis: 100%;
5801 }
5802 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5803 flex: 1;
5804 display: flex;
5805 }
5806 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5807 flex-basis: 100%;
5808 }
5809 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5810 width: 100% !important;
5811 }
5812 }
5813 @media screen and (max-width: 1800px) {
5814 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5815 flex-wrap: wrap;
5816 }
5817 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
5818 flex-basis: 100%;
5819 margin-right: 0;
5820 }
5821 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5822 margin-left: 0;
5823 margin-right: 16px;
5824 }
5825 .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 {
5826 margin-left: auto;
5827 }
5828 }
5829 @media screen and (min-width: 2200px) {
5830 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5831 width: auto;
5832 flex: inherit;
5833 }
5834 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5835 margin-right: 5px;
5836 }
5837 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5838 width: auto;
5839 }
5840 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5841 width: auto;
5842 margin-left: 8px;
5843 align-self: end;
5844 }
5845 }
5846 @media screen and (min-width: 1800px) {
5847 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
5848 display: flex;
5849 flex-wrap: wrap;
5850 }
5851 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
5852 flex-basis: 100%;
5853 }
5854 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5855 flex-basis: calc(33% - 40px);
5856 }
5857 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5858 flex-basis: 100%;
5859 }
5860 }
5861
5862 .vbo-widget-commands-right {
5863 text-align: right;
5864 padding: 5px 15px 10px 0;
5865 }
5866 .vbo-widget-commands > div {
5867 display: inline-block;
5868 }
5869 .vbo-widget-commands-main > div {
5870 display: inline-block;
5871 vertical-align: top;
5872 }
5873 .vbo-widget-commands-main .vbo-widget-command-chevron {
5874 margin-top: 4px;
5875 }
5876 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
5877 display: inline-block;
5878 font-size: 14px;
5879 border: 1px solid var(--vbo-config-border-color);
5880 padding: 5px 10px;
5881 border-radius: 2px;
5882 background: var(--vbo-config-child-bg-color);
5883 cursor: pointer;
5884 }
5885
5886 .vbo-dashboard-forecast-wrap h4 {
5887 padding: 23px 0px 22px 15px;
5888 margin-bottom: 20px;
5889 text-align: center;
5890 display: block;
5891 }
5892 .vbo-dash-chart-title .vbo-dash-chart-nav {
5893 display: inline-block;
5894 font-size: 14px;
5895 border: 1px solid #ddd;
5896 padding: 5px 10px;
5897 border-radius: 2px;
5898 background: #f6f6f6;
5899 cursor: pointer;
5900 }
5901 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
5902 background: #eee;
5903 }
5904 .vbo-dash-chart-title .vbo-dash-chart-nav i {
5905 margin-right: 0;
5906 }
5907 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
5908 border: 0;
5909 }
5910 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
5911 border: 1px solid var(--vbo-blue-color);
5912 display: inline-block;
5913 padding: 5px 8px;
5914 border-radius: 4px;
5915 text-transform: capitalize;
5916 font-size: 14px;
5917 margin-left: 7px;
5918 font-weight: bold;
5919 color: var(--vbo-blue-color);
5920 vertical-align: top;
5921 margin-top: -5px;
5922 }
5923 .vbo-admin-widget-wrapper h4 i {
5924 margin-right: 8px;
5925 font-size: 17px;
5926 }
5927 .vbo-dash-chart-title .vbo-dash-chart-nav i {
5928 margin-right: 0;
5929 font-size: 14px;
5930 vertical-align: initial;
5931 }
5932 .vbo-admin-widget-wrapper table thead tr:first-child th,
5933 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
5934 color: var(--vbo-config-titles-color-light);
5935 font-weight: bold;
5936 padding: 15px 15px;
5937 text-transform: uppercase;
5938 }
5939 .vbo-admin-widget-wrapper .table .searchable.center {
5940 white-space: inherit;
5941 }
5942 .vbo-admin-widget-wrapper .table td {
5943 padding: 11px 15px !important;
5944 border-top: 1px solid var(--vbo-basic-btn) !important;
5945 border-bottom: 0;
5946 }
5947 .vbo-dashboard-charts {
5948 width: 100%;
5949 display: inline-block;
5950 margin: 20px 0;
5951 padding: 15px 0;
5952 border-top:1px solid var(--vbo-config-border-color);
5953 border-bottom:1px solid var(--vbo-config-border-color);
5954 }
5955 .vbo-dashboard-charts-wrapper {
5956 margin: 0 auto 20px;
5957 padding: 18px;
5958 display: grid;
5959 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
5960 }
5961 .vbo-dashboard-chart-container {
5962 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
5963 display: inline-block;
5964 margin: 8px;
5965 padding: 0;
5966 border-radius: 16px;
5967 border: 1px solid var(--vbo-basic-btn);
5968 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
5969 }
5970 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
5971 display: inline-block;
5972 font-size: 16px;
5973 font-weight: bold;
5974 padding: 20px 0 0;
5975 text-align: center;
5976 width: 100%;
5977 border-top-left-radius: 8px;
5978 border-top-right-radius: 8px;
5979 }
5980 .vbo-dashboard-chart-container .donutChart {
5981 display: block;
5982 margin: 0 auto;
5983 padding: 0 8px;
5984 }
5985 .vbo-dashboard-next-bookings-block {
5986 background: #fff;
5987 border-radius: 8px;
5988 box-shadow: 0 0 20px rgba(0,0,0,.1);
5989 margin: 0 28px 18px;
5990 }
5991 .vbo-table-search-cout {
5992 margin-bottom: 0 !important;
5993 }
5994 .vbo-admin-widget-wrapper {
5995 padding-bottom: 8px;
5996 }
5997 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
5998 display: inline-block;
5999 border-radius: 4px;
6000 border: 1px solid var(--vbo-base-color);
6001 padding: 3px 8px;
6002 color: var(--vbo-base-color);
6003 }
6004 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6005 text-decoration: none;
6006 background: var(--vbo-base-color-hover);
6007 color: #fff;
6008 }
6009 .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 {
6010 white-space: initial;
6011 }
6012 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6013 word-break: inherit;
6014 }
6015 .vbo-dashboard-next-bookings .table {
6016 margin-bottom: 0;
6017 }
6018 .vbo-dashboard-next-bookings-block h4 {
6019 font-size: 20px;
6020 font-weight: bold;
6021 color: var(--vbo-config-title-color);
6022 border-top-right-radius: 16px;
6023 border-top-left-radius: 16px;
6024 border-bottom: 1px solid var(--vbo-config-border-color);
6025 margin: 0;
6026 padding: 22px 15px;
6027 }
6028 .vbo-dashboard-next-bookings-block h4 i {
6029 margin-right: 15px;
6030 }
6031 .vbo-dashboard-refresh-container {
6032 margin: 20px 28px 0;
6033 float: right;
6034 border-radius: 40px;
6035 border: 1px solid var(--vbo-config-border-color);
6036 padding: 10px 20px;
6037 }
6038 .vbo-dashboard-refresh-container > span {
6039 display: inline-block;
6040 margin: 0 2px;
6041 }
6042 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6043 font-size: 1.3em;
6044 padding: 10px 13px 7px 0;
6045 position: relative;
6046 text-align: center;
6047 display: inline-block;
6048 font-weight: bold;
6049 }
6050 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6051 display: inline-block;
6052 margin:0 8px 0 0;
6053 font-weight: normal;
6054 }
6055 .vbo-dashboard-refresh-play {
6056 color: var(--vbo-base-color);
6057 text-align: center;
6058 display: inline-block;
6059 position: relative;
6060 cursor: pointer;
6061 }
6062 .vbo-dashboard-refresh-play:after {
6063 content: "\25b6";
6064 display: inline-block;
6065 border-radius: 50%;
6066 background: var(--vbo-config-bg-color);
6067 border: 1px solid var(--vbo-config-bg-color);
6068 height: 35px;
6069 line-height: 38px;
6070 padding: 0;
6071 width: 35px;
6072 font-size: 16px;
6073 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6074 text-align: center;
6075 }
6076 .vbo-dashboard-refresh-stop {
6077 color: var(--vbo-base-color);
6078 text-align: center;
6079 display: inline-block;
6080 position: relative;
6081 cursor: pointer;
6082 }
6083 .vbo-dashboard-refresh-stop:after {
6084 content: "\25A0";
6085 display: inline-block;
6086 border-radius: 50%;
6087 border: 1px solid var(--vbo-config-bg-color);
6088 background: var(--vbo-config-bg-color);
6089 height: 35px;
6090 line-height: 30px;
6091 padding: 0;
6092 width: 35px;
6093 font-size: 24px;
6094 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6095 text-align: center;
6096 }
6097 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6098 border: 1px solid var(--vbo-base-color);
6099 }
6100 .vbo-dashboard-rooms-locked-block {
6101 background: var(--vbo-config-bg-color);
6102 border-radius: 8px;
6103 box-shadow: 0 0 20px rgba(0,0,0,.1);
6104 margin: 0 28px 18px;
6105 }
6106 .vbo-dashboard-rooms-locked h4 {
6107 font-size: 22px;
6108 font-weight: normal;
6109 background: var(--vbo-config-child-bg-color);
6110 border-top-right-radius: 8px;
6111 border-top-left-radius: 8px;
6112 border-bottom: 1px solid var(--vbo-config-border-color);
6113 text-transform: uppercase;
6114 margin: 0;
6115 padding: 22px 15px;
6116 }
6117 .vbo-dashboard-rooms-locked h4 i {
6118 margin-right: 0.25em;
6119 }
6120 .vbo-dashboard-rooms-locked h4 span {
6121 border: 1px solid #FF9326;
6122 display: inline-block;
6123 padding: 5px 8px;
6124 border-radius: 4px;
6125 text-transform: capitalize;
6126 font-size: 14px;
6127 margin-left: 7px;
6128 font-weight: bold;
6129 color: #FF9326;
6130 vertical-align: top;
6131 margin-top: -5px;
6132 }
6133 .vbo-dashboard-rooms-locked table {
6134 margin-bottom: 0;
6135 }
6136 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6137 background: var(--vbo-config-child-bg-color);
6138 }
6139 .vbo-dashboard-today-occ-listcont {
6140 display: grid;
6141 padding: 10px;
6142 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6143 }
6144 .vbo-dashboard-today-roomocc-rows td {
6145 background: transparent !important;
6146 }
6147 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6148 padding: 0;
6149 width: 100%;
6150 }
6151 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6152 display: inline-block;
6153 width: 100%;
6154 }
6155 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6156 width: 100%;
6157 box-sizing: border-box;
6158 margin: 0;
6159 text-align: right;
6160 padding-right: 15px;
6161 }
6162 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6163 margin: 10px;
6164 background: var(--vbo-config-bg-color);
6165 border-radius: 10px;
6166 border: 1px solid var(--vbo-basic-btn);
6167 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6168 }
6169 .vbo-dashboard-today-roomocc-row-checkout {
6170 display: flex;
6171 margin-left: auto;
6172 justify-content: end;
6173 }
6174 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6175 align-self: center;
6176 }
6177 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6178 padding: 5px 8px;
6179 margin-left: 5px;
6180 }
6181 .vbo-dashboard-today-roomocc-det-rname {
6182 display: inline-block;
6183 overflow: hidden;
6184 text-overflow: ellipsis;
6185 white-space: nowrap;
6186 vertical-align: middle;
6187 max-width: 82%;
6188 }
6189 .vbo-dashboard-today-occ-block {
6190 margin: 0 0 30px 0;
6191 padding: 0 0 30px 0;
6192 border-bottom:1px solid var(--vbo-config-border-color);
6193 }
6194 .vbo-dashboard-today-roomocc-firstrow {
6195 font-weight: bold;
6196 margin: 0;
6197 }
6198 .vbo-dashboard-today-occ {
6199 margin: 10px 30px;
6200 }
6201 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6202 font-size: 20px;
6203 font-weight: bold;
6204 color: var(--vbo-config-title-color);
6205 padding: 0 25px 0 0;
6206 position: relative;
6207 display: inline-block;
6208 }
6209 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6210 border: 1px solid var(--vbo-config-border-color);
6211 border-radius: 2px;
6212 padding: 8px 10px;
6213 margin-bottom: 0;
6214 box-sizing: border-box;
6215 height: auto;
6216 }
6217 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6218 padding: 8px 10px;
6219 border-radius: 0 2px 2px 0;
6220 border: 1px solid var(--vbo-config-border-color);
6221 }
6222 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6223 margin-right: 0;
6224 }
6225 .vbo-dashboard-today-roomocc-det > h5 {
6226 font-weight: bold;
6227 padding: 15px;
6228 margin: 0;
6229 font-size: 1.1em;
6230 text-align: left;
6231 border-top-right-radius: 16px;
6232 border-top-left-radius: 16px;
6233 border-bottom: 1px solid var(--vbo-config-border-color);
6234 }
6235 .vbo-dashboard-today-roomocc-firstrow th {
6236 background: var(--vbo-config-bg-color);
6237 font-weight: bold;
6238 font-size: 12px;
6239 padding: 15px 15px !important;
6240 text-transform: uppercase;
6241 color: var(--vbo-config-titles-color-light);
6242 }
6243 .vbo-dashboard-today-roomocc-firstrow th.left {
6244 white-space: nowrap;
6245 }
6246 .vbo-dashboard-today-roomocc-rows td {
6247 padding: 11px 15px !important;
6248 }
6249 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6250 width: 15px;
6251 }
6252 .vbo-dashboard-today-roomocc-rows td.left a {
6253 font-weight: bold;
6254 color: var(--vbo-config-title-color);
6255 }
6256 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6257 color: var(--vbo-base-color);
6258 }
6259 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6260 display: inline-block;
6261 border-radius: 6px;
6262 padding: 2px 7px;
6263 margin-top: -5px;
6264 margin-left: 10px;
6265 float: right;
6266 }
6267 .vbo-roomocc-units-free {
6268 background: #e5ffd6;
6269 border: 1px solid #8fd569;
6270 color: #639448;
6271 }
6272 .vbo-roomocc-units-half {
6273 color: #a88706;
6274 background: #fff6a9;
6275 border: 1px solid #e1c903;
6276 }
6277 .vbo-roomocc-units-threefourth {
6278 background: #ffdfbe;
6279 border: 1px solid #ffbd79;
6280 color: #e27300;
6281 }
6282 .vbo-roomocc-units-full {
6283 background: #ffdbd3;
6284 border: 1px solid #ffa7a7;
6285 color: #d44b2d;
6286 }
6287 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6288 display: inline-block;
6289 text-align: center;
6290 border-radius: 4px;
6291 padding: 2px 0;
6292 }
6293 .vbo-dashboard-today-roomocc-customers.table-responsive {
6294 height: 200px;
6295 overflow-y: scroll;
6296 width: 100%;
6297 }
6298 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6299 white-space: normal;
6300 vertical-align: middle;
6301 }
6302 th.vbo-tdright, td.vbo-tdright {
6303 text-align: right !important;
6304 }
6305 th.vbo-tdright, td.vbo-tdright .btn {
6306 white-space: nowrap;
6307 }
6308 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6309 display: none;
6310 }
6311 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6312 display: table-row;
6313 }
6314 tr.no-results > td {
6315 background-color: #fcf8e3;;
6316 }
6317 .hidden-for-search {
6318 display: none;
6319 }
6320 .vbo-info-overlay-content-orphans > h3 > i {
6321 color: #cc0000;
6322 }
6323 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6324 display: grid;
6325 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6326 }
6327 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6328 margin: 5px;
6329 border-radius: 10px;
6330 border: 1px solid var(--vbo-config-border-color);
6331 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6332 display: flex;
6333 flex-wrap: wrap;
6334 flex-direction: column;
6335 }
6336 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6337 border-color: var(--vbo-base-color);
6338 }
6339 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6340 margin: 0 0 5px;
6341 padding: 10px;
6342 font-size: 1.1em;
6343 border-bottom: 1px solid var(--vbo-basic-btn);
6344 }
6345 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6346 margin-bottom: 10px;
6347 max-height: 150px;
6348 overflow: hidden;
6349 overflow-y: scroll;
6350 padding: 10px;
6351 }
6352 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6353 margin-top: 10px;
6354 }
6355 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6356 margin-top: auto;
6357 text-align: center;
6358 padding: 0 10px 10px;
6359 }
6360 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6361 text-align: center;
6362 margin-top: 20px;
6363 }
6364 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6365 display: inline-block;
6366 margin: 5px;
6367 }
6368 .vbo-center {
6369 text-align: center;
6370 }
6371 .vbo-enormous-icn {
6372 font-size: 100px;
6373 }
6374 .vbo-list-table {
6375 margin-top: 15px;
6376 }
6377 .vbo-bookingslist-table thead, .vbo-list-table thead {
6378 background: var(--vbo-config-bg-color);
6379 }
6380 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6381 padding: 18px 10px;
6382 text-transform: uppercase;
6383 font-size: 12px;
6384 color: var(--vbo-config-titles-color-light);
6385 }
6386 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6387 background: var(--vbo-config-bg-color) !important;
6388 border-top: 1px solid var(--vbo-config-border-color);
6389 }
6390 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6391 background: var(--vbo-config-child-bg-color) !important;
6392 }
6393 .vbo-bookingslist-table tbody > tr:last-child td {
6394 padding-bottom: 30px;
6395 vertical-align: top;
6396 }
6397 /* Dashboard - End */
6398 span.label {
6399 padding:3px 6px !important;
6400 }
6401 .vbo-export-customer-entry {
6402 display: block;
6403 margin: 10px 0;
6404 }
6405 .vbo-export-customer-entry span label {
6406 display: inline-block;
6407 margin: 0;
6408 min-width: 185px;
6409 }
6410 /* Calendar - Start */
6411 .vbo-quickres-wrapper {
6412 display: block;
6413 float: left;
6414 width: 48%;
6415 }
6416 .vbo-quickres-head {
6417 margin: 0 0 10px;
6418 width: 100%;
6419 display: inline-block;
6420 border-bottom: 1px solid var(--vbo-config-border-color);
6421 padding-bottom: 10px;
6422 }
6423 .vbo-quickres-head h4 {
6424 display: inline-block;
6425 font-size: 13px;
6426 font-weight: bold;
6427 text-transform: uppercase;
6428 }
6429 .vbo-quickres-head .vbo-quickres-head-right {
6430 display: inline-block;
6431 float: right;
6432 }
6433 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6434 .vbo-editbooking-room-switch .select2-selection--single {
6435 font-weight: normal;
6436 font-size: 14px !important;
6437 height: 36px !important;
6438 border: 1px solid var(--vbo-config-border-color) !important;
6439 border-radius: 2px !important;
6440 }
6441 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6442 .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 {
6443 height: 36px;
6444 }
6445 .select2-dropdown {
6446 border: 1px solid var(--vbo-config-border-color) !important;
6447 }
6448 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6449 .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 {
6450 line-height: 36px;
6451 }
6452 .vbo-quickres-head .vbo-quickres-head-right form {
6453 margin-top: 5px;
6454 margin-bottom: 0;
6455 }
6456 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6457 display: inline-block;
6458 margin: 8px 0 0 20px;
6459 vertical-align: top;
6460 }
6461 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6462 margin-bottom: 5px;
6463 }
6464 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6465 margin-bottom: 5px;
6466 }
6467 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6468 display: inline-block;
6469 margin: 9px 5px 0 0;
6470 }
6471 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6472 margin-right: 5px;
6473 }
6474
6475 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6476 height: 350px !important;
6477 }
6478 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6479 width: 100% !important;
6480 }
6481 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6482 margin: 5px 0;
6483 }
6484 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6485 border: 1px solid var(--vbo-base-color);
6486 }
6487 .vbo-params-block {
6488 border: 1px solid var(--vbo-input-style-nested-deactive);
6489 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6490 border-radius: 10px;
6491 padding: 0 20px 10px;
6492 margin-bottom: 20px;
6493 }
6494 .vbo-params-block-nested {
6495 padding: 10px;
6496 margin: 10px 0 10px 10px;
6497 border-radius: 6px;
6498 background: var(--vbo-config-bg-color);
6499 }
6500 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6501 align-self: center;
6502 }
6503 .vbo-params-block .vbo-param-container {
6504 border-top: 1px solid var(--vcm-main-bg-color);
6505 padding: 10px 0px;
6506 }
6507 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6508 border-top: 0;
6509 }
6510 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6511 background: var(--vbo-config-bg-color);
6512 border-top: 1px solid var(--vbo-main-bg-color);
6513 }
6514 .vbo-cal-splitstay-details {
6515 display: inline-block;
6516 border-radius: 10px;
6517 border: 1px solid var(--vbo-basic-btn);
6518 min-width: 400px;
6519 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6520 }
6521 .vbo-cal-splitstay-details > div {
6522 border-bottom: 1px solid var(--vbo-basic-btn);
6523 display: grid;
6524 grid-template-columns: repeat(2, 1fr);
6525 }
6526 .vbo-cal-splitstay-details > div > span {
6527 padding: 8px 14px;
6528 display: inline-block;
6529 }
6530 .vbo-cal-splitstay-details > div > span i {
6531 margin-right: 3px;
6532 color: var(--vbo-config-text-color-light);
6533 }
6534 .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 {
6535 border-right: 1px solid var(--vbo-basic-btn);
6536 }
6537 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6538 color: var(--vbo-red-color);
6539 }
6540 #vbo-geo-map .gm-style .gm-style-iw-c {
6541 background: var(--vbo-config-bg-color);
6542 }
6543 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6544 display: inline-block;
6545 }
6546 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6547 cursor: pointer;
6548 }
6549 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6550 text-align: center;
6551 padding: 10px 15px;
6552 margin: 5px;
6553 border: 1px solid var(--vbo-config-border-color);
6554 border-radius: 2px;
6555 position: relative;
6556 }
6557 #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 {
6558 border-color: var(--vbo-base-color);
6559 }
6560 #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 {
6561 position: absolute;
6562 content: "";
6563 width: 10px;
6564 height: 10px;
6565 top: -6px;
6566 left: -7px;
6567 border: 2px solid var(--vbo-config-bg-color);
6568 background-color: var(--vbo-base-color);
6569 border-radius: 50%;
6570 }
6571 #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 {
6572 display: block;
6573 }
6574 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
6575 font-weight: bold;
6576 font-size: 1.2em;
6577 }
6578 #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 {
6579 color: var(--vbo-base-color);
6580 }
6581 .vbo-avcalendars-wrapper {
6582 text-align: center;
6583 border: 1px solid var(--vbo-config-border-color);
6584 background: var(--vbo-config-bg-color);
6585 padding: 10px 10px 20px 10px;
6586 margin-top: 20px;
6587 border-radius: 6px;
6588 }
6589 .vbo-avcalendars-roomphoto {
6590 display: block;
6591 text-align: center;
6592 margin: 5px 0 15px;
6593 }
6594 .vbo-avcalendars-roomphoto img {
6595 border-radius: 2px;
6596 max-height: 250px;
6597 border-radius: 4px;
6598 }
6599 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
6600 margin-bottom: 10px;
6601 margin-bottom: 5px;
6602 border-bottom: 1px solid var(--vbo-config-border-color);
6603 padding-bottom: 10px;
6604 }
6605 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
6606 display: inline-block;
6607 margin-right: 10px;
6608 position: relative;
6609 }
6610 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
6611 margin-bottom: 5px;
6612 font-weight: bold;
6613 }
6614 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
6615 width: auto !important;
6616 }
6617 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
6618 float: right;
6619 margin-left: 5px;
6620 margin-top: 10px;
6621 }
6622 .vbo-calendar-cfields-inner {
6623 display: grid;
6624 grid-template-columns: repeat(2, auto);
6625 gap: 10px 50px;
6626 width: 100%;
6627 padding: 5px 0;
6628 }
6629 .vbo-calendar-cfields-bottom {
6630 margin: 10px 0 15px 0;
6631 }
6632 .vbo-calendar-cfields-bottom .btn {
6633 border: 1px solid var(--vbo-config-border-color);
6634 border-radius: 2px;
6635 padding: 10px 14px;
6636 margin-bottom: 0;
6637 }
6638 .vbo-calendar-cfields-bottom .btn i {
6639 margin-right: 5px;
6640 }
6641 .vbo-calendar-cfields-bottom .btn-success {
6642 border: 1px solid var(--vbo-green-color);
6643 }
6644 .vbo-calendar-cfields-bottom .btn-success i {
6645 margin-right: 6px;
6646 }
6647 .vbo-calendar-cfields-bottom .icon-edit::before {
6648 color: #fff;
6649 }
6650 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
6651 display: inline-block;
6652 }
6653 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
6654 width: 100%;
6655 display: inline-block;
6656 }
6657 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6658 max-width: 100%;
6659 }
6660 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
6661 border: 1px solid var(--vbo-config-border-color);
6662 border-radius: 2px;
6663 padding: 5px 10px;
6664 margin-bottom: 0;
6665 width: 100% !important;
6666 box-sizing: border-box;
6667 height: auto;
6668 }
6669 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
6670 background-color: var(--vbo-input-style-deactive);
6671 }
6672 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6673 border-radius: 2px;
6674 background-color: var(--vbo-config-bg-color);
6675 border: 1px solid var(--vbo-input-style);
6676 padding: 5px 10px;
6677 height: inherit;
6678 width: 100% !important;
6679 }
6680 .vbo-assign-customer {
6681 cursor: pointer;
6682 background: var(--vbo-config-bg-color);
6683 color: var(--vbo-blue-color);
6684 border-radius: 3px;
6685 display: inline-block;
6686 font-weight: bold;
6687 border: 1px solid var(--vbo-blue-color);
6688 }
6689 .vbo-assign-customer > i {
6690 background: var(--vbo-blue-color);
6691 color: var(--vbo-config-bg-color);
6692 padding: 8px 10px;
6693 font-size: 18px;
6694 }
6695 .vbo-assign-customer > span {
6696 padding: 0 8px 0 3px;
6697 display: inline-block;
6698 vertical-align: middle;
6699 }
6700 .vbo-assign-customer:hover {
6701 background: var(--vbo-blue-color);
6702 color: #fff;
6703 }
6704 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
6705 background: var(--vbo-blue-color-hover);
6706 }
6707 #vbfillcustfields .icon-edit::before {
6708 color: #fff;
6709 font-weight: normal;
6710 }
6711 #quickbsubmit i:before {
6712 color: #fff;
6713 }
6714 #vbspanbstat strong {
6715 display: inline-block;
6716 min-width: 125px;
6717 }
6718 #vbspanbpay strong {
6719 display: inline-block;
6720 min-width: 125px;
6721 }
6722 #vbspancmail strong {
6723 display: inline-block;
6724 min-width: 125px;
6725 }
6726 #vbo-highlight-cfields mark {
6727 padding: 0 3px;
6728 margin: -1px -4px;
6729 border-radius: 0.5em;
6730 }
6731 .vbo-calendar-cfield-entry label {
6732 display: block;
6733 font-weight: bold;
6734 color: var(--vbo-config-titles-color-light);
6735 margin-bottom: 4px;
6736 }
6737 #vbo-searchcust-loading, .vbo-searchcust-loading {
6738 display: none;
6739 }
6740 #vbo-searchcust-res, .vbo-searchcust-res {
6741 position: absolute;
6742 z-index: 2;
6743 width: 100%;
6744 max-width: 300px;
6745 }
6746 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
6747 width: 90%;
6748 }
6749 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
6750 list-style: none;
6751 text-align: left;
6752 padding: 0;
6753 margin: 0 0 0 -1px;
6754 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
6755 background-color: var(--vbo-config-bg-color);
6756 border: 1px solid var(--vbo-config-border-color);
6757 white-space: nowrap;
6758 max-height: 200px;
6759 width: 100%;
6760 overflow-y: scroll;
6761 }
6762 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
6763 padding: 6px 10px;
6764 outline: none;
6765 cursor: pointer;
6766 }
6767 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
6768 background: rgba(0,0,0,0.05);
6769 }
6770 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
6771 margin-right: 8px;
6772 display: inline-block;
6773 vertical-align: top;
6774 }
6775 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
6776 display: inline-block;
6777 vertical-align: top;
6778 }
6779 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
6780 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
6781 border-bottom-right-radius: 4px;
6782 border-bottom-left-radius: 4px;
6783 }
6784 .vbo-custsearchres-name {
6785 display: inline-block;
6786 min-width: 130px;
6787 }
6788 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
6789 margin-right: 5px;
6790 }
6791 /* Calendar - End */
6792 /* Outer Info message - Start */
6793 .vbo-outer-info-message {
6794 border: 2px solid var(--vbo-base-color);
6795 border-radius: 4px;
6796 padding: 5px;
6797 margin-bottom: 10px;
6798 cursor: pointer;
6799 }
6800 .vbo-outer-info-message .vboicn-info {
6801 margin-right: 5px;
6802 font-size: 16px;
6803 color: var(--vbo-base-color);
6804 }
6805 .vbo-outer-info-message span {
6806 display: inline-block;
6807 vertical-align: top;
6808 }
6809 .vbo-info-message-cont {
6810 padding: 5px;
6811 font-weight: bold;
6812 }
6813 .vbo-dyninpnum-cont input[type="number"],
6814 #vbjstotnights input[type="number"] {
6815 width: 100px !important;
6816 }
6817 .vbo-dyninpnum-cont select {
6818 max-width: 130px;
6819 }
6820 /* Outer Info message - End */
6821 .vbo-country-flag-left {
6822 float: left;
6823 margin: 0 5px 0 0;
6824 }
6825 .vbo-country-flag {
6826 width: 20px;
6827 height: 20px;
6828 object-fit: cover;
6829 }
6830 .vbo-country-flag.vbo-customer-avatar-flag {
6831 border-radius: 50%;
6832 }
6833 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
6834 object-fit: cover;
6835 }
6836 .vbo-roomentries-cont {
6837 float: left;
6838 display: inline-block;
6839 margin: 0 15px 0 2px;
6840 width: 204px;
6841 height: auto;
6842 overflow: hidden;
6843 }
6844 .vbo-roomentry-cont {
6845 display: block;
6846 margin: 5px 0;
6847 }
6848 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
6849 margin-top: 0;
6850 }
6851 .vbo-roomentry-cont input[type="checkbox"] {
6852 display: inline-block;
6853 margin-right: 5px;
6854 margin-top: 0;
6855 }
6856 .vbo-roomentry-cont label {
6857 display: inline !important;
6858 }
6859 tr.vbroomparamp td #lastavail {
6860 vertical-align: top;
6861 }
6862 tr.vbroomparamp td span {
6863 font-size: smaller;
6864 font-style: italic;
6865 display: inline-block;
6866 padding-left: 8px;
6867 max-width: 450px;
6868 }
6869 ul.vbo-sortable {
6870 list-style-type: none;
6871 margin: 0;
6872 padding: 0;
6873 }
6874 ul.vbo-sortable li {
6875 margin-right: 12px;
6876 padding: 1px;
6877 display: inline-block;
6878 vertical-align: top;
6879 width: auto;
6880 max-height: 70px;
6881 margin-bottom: 5px;
6882 }
6883 .vbo-editroom-currentphoto {
6884 position: relative;
6885 }
6886 .vbo-editroom-currentphoto a {
6887 cursor: grab;
6888 }
6889 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
6890 cursor: pointer;
6891 }
6892 .vbo-tip-small {
6893 display: inline-block;
6894 min-width: 30px;
6895 }
6896 .vbo-smalltext {
6897 font-size: smaller;
6898 }
6899 .vbo-first-imgup {
6900 display: inline-block;
6901 border: 1px solid var(--vbo-config-border-color);
6902 border-radius: 3px;
6903 padding: 10px;
6904 margin: 5px 0;
6905 background: var(--vbo-main-bg-color);
6906 width: 100%;
6907 box-sizing: border-box;
6908 }
6909 .vbo-first-imgup > span {
6910 border-left: 1px solid rgb(221, 221, 221);
6911 display: inline-block;
6912 padding: 5px 0px 5px 10px;
6913 }
6914 .vbo-first-imgup > input[type="file"] {
6915 box-sizing: border-box;
6916 height: auto;
6917 margin-bottom: 10px;
6918 background: var(--vbo-input-style);
6919 }
6920 .vbo-first-imgup > input[type="text"] {
6921 margin-top: 7px;
6922 }
6923 .vbo-first-imgup + #myDiv {
6924 margin-bottom: 5px;
6925 }
6926 .vbo-imgup-caption {
6927 margin-top: 5px;
6928 }
6929 .vbo-imgup-caption span {
6930 display: block;
6931 margin-bottom: 4px;
6932 }
6933 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
6934 width: 100% !important;
6935 box-sizing: border-box;
6936 height: auto;
6937 }
6938 /* Multi Photos Upload Modal Window - Start */
6939 .vbo-info-overlay-content {
6940 width: 70%;
6941 }
6942 .vbo-info-overlay-content .btn-success {
6943 padding: 9px 14px;
6944 }
6945 .vbo-info-overlay-content .btn-success i {
6946 color: #fff;
6947 display: inline-block;
6948 margin-right: 10px;
6949 }
6950 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
6951 position: fixed;
6952 left: 0;
6953 top: 0;
6954 width: 100%;
6955 height: 100%;
6956 background-color: rgba(0,0,0,0.5);
6957 display: none;
6958 z-index: 99999999 !important;
6959 }
6960 a.vbo-info-overlay-close {
6961 display: block;
6962 height: 100%;
6963 cursor: default;
6964 }
6965 .vbo-info-overlay-content {
6966 position: fixed;
6967 left: 50%;
6968 top: 50%;
6969 transform: translate(-50%, -50%);
6970 width: 40%;
6971 height: 60%;
6972 z-index: 101;
6973 padding: 20px;
6974 border-radius: 5px;
6975 background-color: var(--vbo-config-bg-color);
6976 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
6977 overflow: auto;
6978 }
6979 .vbo-info-overlay-header {
6980 margin-bottom: 20px;
6981 }
6982 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
6983 display: inline-block;
6984 border: 0;
6985 text-align: left;
6986 }
6987 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
6988 float: right;
6989 }
6990 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
6991 background: var(--vbo-base-color);
6992 color: #fff;
6993 padding: 9px 14px;
6994 margin-right: 8px;
6995 }
6996 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
6997 background: var(--vbo-base-color-hover) !important;
6998 }
6999 .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 {
7000 background: var(--vbo-link-text-color) !important;
7001 }
7002 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7003 padding: 9px 14px;
7004 }
7005 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7006 overflow: visible;
7007 }
7008 .vbo-info-overlay-scroll-content {
7009 overflow: hidden;
7010 height: 70%;
7011 position: relative;
7012 overflow-y: scroll;
7013 }
7014 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7015 position: fixed;
7016 left: 50%;
7017 top: 50%;
7018 transform: translate(-50%, -50%);
7019 width: 60%;
7020 height: 60%;
7021 z-index: 101;
7022 padding: 10px;
7023 border-radius: 5px;
7024 background-color: var(--vbo-config-bg-color);
7025 box-shadow: 5px 5px 5px 0 #000;
7026 overflow: auto;
7027 }
7028 .vbo-modal-alert .vbo-info-overlay-content {
7029 height: 20%;
7030 top: 40%;
7031 }
7032 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7033 height: 40%;
7034 top: 20%;
7035 left: 25%;
7036 width: 50%;
7037 }
7038 .vbo-info-overlay-content h3 {
7039 text-align: center;
7040 margin-top: 0;
7041 border-bottom: 1px solid var(--vbo-config-border-color);
7042 padding-bottom: 10px;
7043 }
7044 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7045 color: var(--vbo-red-color);
7046 }
7047 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7048 text-align: left;
7049 margin-bottom: 10px;
7050 }
7051 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7052 background: var(--vbo-config-bg-color);
7053 padding: 20px;
7054 border: 1px solid var(--vbo-config-border-color);
7055 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7056 }
7057 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7058 margin: 5px 0;
7059 box-sizing: border-box;
7060 display: inline-block;
7061 width: 100%;
7062 }
7063 .vbo-overlay-checkin-body iframe {
7064 width: 100%;
7065 border: 0;
7066 height: 50vh;
7067 }
7068 .vbo-info-overlay-content-animated {
7069 -webkit-animation-name: VikbounceInUp;
7070 animation-name: VikbounceInUp;
7071
7072 -webkit-animation-duration: .6s;
7073 animation-duration: .6s;
7074 -webkit-animation-fill-mode: both;
7075 animation-fill-mode: both;
7076 }
7077 .vbo-info-overlay-block-animation:target {
7078 visibility: visible;
7079 }
7080 .vbo-info-overlay-content-hidden {
7081 display: none;
7082 }
7083 .vbo-admin-wizard-container {
7084 margin-bottom: 10px;
7085 }
7086 .vbo-admin-wizard-container .vbo-wizard-btn {
7087 background: #3961bf;
7088 border: 1px solid #3961bf;
7089 color: #fff;
7090 font-weight: bold;
7091 padding: 10px 14px;
7092 margin-right: 5px;
7093 }
7094 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7095 background: #27417d;
7096 border-color: #27417d;
7097 }
7098 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7099 background: #5c77b5;
7100 border-color: #5c77b5;
7101 }
7102 .vbo-admin-wizard-container .vbo-wizard-btn i {
7103 margin-right: 5px;
7104 }
7105
7106 @-webkit-keyframes VikbounceInUp {
7107 from,
7108 60%,
7109 75%,
7110 90%,
7111 to {
7112 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7113 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7114 }
7115
7116 from {
7117 opacity: 0;
7118 -webkit-transform: translate3d(-50%, 150%, 0);
7119 transform: translate3d(-50%, 150%, 0);
7120 }
7121
7122 60% {
7123 opacity: 1;
7124 -webkit-transform: translate3d(-50%, 100%, 0);
7125 transform: translate3d(-50%, 100%, 0);
7126 }
7127
7128 75% {
7129 -webkit-transform: translate3d(-50%, 20%, 0);
7130 transform: translate3d(-50%, 20%, 0);
7131 }
7132
7133 90% {
7134 -webkit-transform: translate3d(-50%, -25%, 0);
7135 transform: translate3d(-50%, -25%, 0);
7136 }
7137
7138 to {
7139 -webkit-transform: translate3d(-50%, -50%, 0);
7140 transform: translate3d(-50%, -50%, 0);
7141 }
7142 }
7143
7144 @keyframes VikbounceInUp {
7145 from,
7146 60%,
7147 75%,
7148 90%,
7149 to {
7150 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7151 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7152 }
7153
7154 from {
7155 opacity: 0;
7156 -webkit-transform: translate3d(-50%, 150%, 0);
7157 transform: translate3d(-50%, 150%, 0);
7158 }
7159
7160 60% {
7161 opacity: 1;
7162 -webkit-transform: translate3d(-50%, 100%, 0);
7163 transform: translate3d(-50%, 100%, 0);
7164 }
7165
7166 75% {
7167 -webkit-transform: translate3d(-50%, 20%, 0);
7168 transform: translate3d(-50%, 20%, 0);
7169 }
7170
7171 90% {
7172 -webkit-transform: translate3d(-50%, -25%, 0);
7173 transform: translate3d(-50%, -25%, 0);
7174 }
7175
7176 to {
7177 -webkit-transform: translate3d(-50%, -50%, 0);
7178 transform: translate3d(-50%, -50%, 0);
7179 }
7180 }
7181
7182 .bounceInUp {
7183 -webkit-animation-name: VikbounceInUp;
7184 animation-name: VikbounceInUp;
7185 }
7186
7187 .vbo-info-overlay-content-wizard {
7188 padding: 25px;
7189 width: 50%;
7190 height: 80%;
7191 }
7192 .vbo-info-overlay-content-wizard {
7193 display: none;
7194 }
7195 .vbo-info-overlay-content-animated {
7196 display: block;
7197 }
7198 .vbo-info-overlay-content-wizard h3 {
7199 text-align: left;
7200 border-bottom: 0;
7201 font-size: 22px;
7202 margin-bottom: 0;
7203 }
7204 .vbo-tariffs-wizard-help-wrap {
7205 margin-bottom: 20px;
7206 }
7207 .vbo-tariffs-wizard-help-wrap p span {
7208 font-style: italic;
7209 }
7210 .vbo-tariffs-wizard-help-wrap h4 {
7211 font-size: 20px;
7212 margin-top: 30px;
7213 font-weight: normal;
7214 }
7215 .vbo-tariffs-wizard-prices-wrap {
7216 display: flex;
7217 flex-wrap: wrap;
7218 justify-content: center;
7219 }
7220 .vbo-tariffs-wizard-price {
7221 flex-basis: 25%;
7222 text-align: center;
7223 border: 2px solid #a3cae1;
7224 padding: 25px;
7225 margin: 4px;
7226 border-radius: 4px;
7227 }
7228 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7229 display: block;
7230 font-weight: bold;
7231 margin-bottom: 5px;
7232 }
7233 .vbo-tariffs-wizard-prices-submit {
7234 text-align: center;
7235 margin-top: 15px;
7236 }
7237 .vbo-rplans-wizard-wrap {
7238 display: flex;
7239 }
7240 .vbo-tariffs-wizard-help-wrap h4 {
7241 text-align: center;
7242 }
7243 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7244 display: inline-block;
7245 padding: 15px;
7246 border: 1px solid #ddd;
7247 border-radius: 4px;
7248 flex: 1;
7249 margin: 5px;
7250 }
7251 .vbo-rplans-wizard-tprice-name {
7252 display: inline-block;
7253 width: 100%;
7254 }
7255 .vbo-rplans-wizard-tprice-name label {
7256 font-weight: bold;
7257 font-size: 18px;
7258 display: inline-block;
7259 }
7260 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7261 float: right;
7262 margin: 0;
7263 padding-top: 0;
7264 padding-bottom: 0;
7265 }
7266 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7267 margin-bottom: 0;
7268 }
7269 .vbo-rplans-wizard-tprice-bkincl label {
7270 display: inline-block;
7271 }
7272 .vbo-rplans-wizard-tprice-bkincl input {
7273 margin-top: 0 !important;
7274 }
7275 .fileinput-button {
7276 position: relative;
7277 overflow: hidden;
7278 display: inline-block;
7279 }
7280 .fileinput-button input {
7281 position: absolute;
7282 top: 0;
7283 right: 0;
7284 margin: 0;
7285 opacity: 0;
7286 -ms-filter: 'alpha(opacity=0)';
7287 font-size: 200px;
7288 direction: ltr;
7289 cursor: pointer;
7290 }
7291 /* Fixes for IE < 8 */
7292 @media screen\9 {
7293 .fileinput-button input {
7294 filter: alpha(opacity=0);
7295 font-size: 100%;
7296 height: 100%;
7297 }
7298 }
7299 .progress {
7300 background-color: var(--vbo-config-child-bg-color);
7301 border-radius: 4px;
7302 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7303 height: 20px;
7304 margin-bottom: 20px;
7305 overflow: hidden;
7306 }
7307 .progress-bar {
7308 background-color: var(--vbo-blue-color);
7309 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7310 color: #fff;
7311 float: left;
7312 font-size: 12px;
7313 height: 100%;
7314 line-height: 20px;
7315 text-align: center;
7316 transition: width 0.6s ease 0s;
7317 width: 0;
7318 }
7319 .progress-bar-success {
7320 background-color: var(--vbo-green-color) !important;
7321 }
7322 .vbo-info-overlay-content .files {
7323 display: inline-block;
7324 width: 100%;
7325 min-height: 40%;
7326 border: 2px dashed var(--vbo-config-border-color);
7327 box-sizing: border-box;
7328 padding: 10px;
7329 }
7330 .vbo-upload-photo {
7331 float: left;
7332 margin: 0 10px 0 0;
7333 padding: 5px;
7334 }
7335 .vbo-upload-photo canvas {
7336 border: 1px solid var(--vbo-basic-btn);
7337 border-radius: 4px;
7338 }
7339 .vbo-upload-photo p {
7340 margin: 0;
7341 text-align: center;
7342 }
7343 .vbo-upload-photo span {
7344 font-weight: bold;
7345 text-align: center;
7346 display: block;
7347 text-align: center;
7348 color: var(--vbo-config-titles-color-light);
7349 }
7350 .vbo-upload-photo p button {
7351 margin-top: 5px;
7352 }
7353 .vbo-info-overlay-content #progress {
7354 margin-top: 15px;
7355 }
7356 .vbo-upload-done {
7357 display: none;
7358 width: 100%;
7359 text-align: center;
7360 padding-top: 15px;
7361 margin-top: 10px;
7362 }
7363 .vbo-upload-done .btn i:before {
7364 color: #fff;
7365 }
7366 .vbo-toggle-imgcaption {
7367 position: absolute;
7368 width: 22px;
7369 font-size: 16px;
7370 z-index: 100;
7371 margin-left: -11px;
7372 margin-top: -6px;
7373 background: var(--vbo-main-bg-color);
7374 border-radius: 50%;
7375 object-fit: cover;
7376 border: 1px solid var(--vbo-config-border-color);
7377 height: 22px;
7378 line-height: 22px;
7379 display: inline-block;
7380 text-align: center;
7381 color: var(--vbo-config-titles-color-light);
7382 }
7383 .vbo-toggle-imgcaption-on {
7384 color: var(--vbo-base-color);
7385 }
7386 .vbo-rmphotos-cont {
7387 margin-bottom: 10px;
7388 }
7389 .vbo-small-p-info {
7390 font-size: smaller;
7391 margin: 10px 0 0;
7392 text-align: right;
7393 }
7394 .vbo-bulkupload-cont {
7395 margin: 20px 0 0 0;
7396 }
7397 /* Multi Photos Upload Modal Window - End */
7398 /* Room Units Distinctive Features - Start */
7399 .vbo-distfeature-row {
7400 display: none;
7401 }
7402 .vbo-distfeatures-toggle-cont {
7403 display: block;
7404 text-align: left;
7405 }
7406 .vbo-distfeatures-cont {
7407 display: none;
7408 background-color: var(--vbo-config-child-bg-color);
7409 padding: 20px;
7410 margin-top: 5px;
7411 }
7412 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7413 background-color: var(--vbo-input-style) !important;
7414 }
7415 .vbo-runit-features-cont {
7416 display: block;
7417 margin-bottom: 10px;
7418 padding-bottom: 10px;
7419 border-bottom: 1px solid var(--vbo-config-border-color);
7420 }
7421 .vbo-runit-features-cont:last-child {
7422 margin-bottom: 0;
7423 border-bottom: 0;
7424 padding-bottom: 0;
7425 }
7426 .vbo-runit-num {
7427 display: block;
7428 font-weight: bold;
7429 }
7430 .vbo-runit-features {
7431 display: block;
7432 }
7433 .vbo-runit-feature {
7434 display: flex;
7435 margin: 5px 0 5px 0;
7436 }
7437 .vbo-runit-feature input {
7438 margin-right: 10px;
7439 }
7440 .vbo-runit-feature input:focus {
7441 background: #fff;
7442 }
7443 .vbo-feature-add {
7444 cursor: pointer;
7445 }
7446 .vbo-feature-remove {
7447 cursor: pointer;
7448 display: inline-block;
7449 font-size: 20px;
7450 align-self: center;
7451 }
7452 /* Room Units Distinctive Features - End */
7453 .vbo-closed-date-entry {
7454 display: inline-block;
7455 background-color: var(--vbo-toolbar-bg-color);
7456 border: 1px solid var(--vbo-toolbar-bg-color);
7457 border-radius: 30px;
7458 margin: 5px 5px 0px 0;
7459 padding: 5px 10px;
7460 color: var(--vbo-base-color);
7461 font-weight: bold;
7462 }
7463 .vbo-closed-date-rm {
7464 cursor: pointer;
7465 display: inline-block;
7466 margin-left: 3px;
7467 width: 18px;
7468 height: 18px;
7469 line-height: 15px;
7470 font-size: 8px;
7471 text-align: center;
7472 border-radius: 50%;
7473 color: var(--vbo-blue-color);
7474 line-height: 20px;
7475 float: right;
7476 }
7477 .vbo-closed-date-rm:hover {
7478 background: var(--vbo-blue-color);
7479 color: #fff;
7480 }
7481 .vbo-closed-date-rm i {
7482 margin: 0 !important;
7483 }
7484 /* Occupancy Pricing Override - Start */
7485 .occupancy-room {
7486 display: block;
7487 margin-left: 5px;
7488 }
7489 .occupancy-room-name {
7490 display: block;
7491 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7492 font-weight: bold;
7493 border-radius: 2px;
7494 border: 1px solid var(--vbo-config-border-color);
7495 cursor: pointer;
7496 padding: 8px 10px;
7497 margin: 5px 0 0;
7498 }
7499 .occupancy-room-data {
7500 display: none;
7501 padding: 20px;
7502 background: var(--vbo-config-child-bg-color);
7503 }
7504 .occupancy-room-data .occupancy-adults-data {
7505 margin: 0 0 15px;
7506 }
7507 .occupancy-room-data .occupancy-adults-data:last-child {
7508 margin-bottom: 0;
7509 }
7510 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7511 vertical-align: top;
7512 }
7513 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7514 padding: 5px 10px;
7515 }
7516 .occupancy-adults-lbl {
7517 display: inline-block;
7518 margin-bottom: 5px;
7519 font-weight: bold;
7520 }
7521 .occupancy-adults-ovr > * {
7522 margin-right: 5px;
7523 }
7524 /* Occupancy Pricing Override - End */
7525 /* Crons - Start */
7526 .vbo-shell-wrap {
7527 width: 100%;
7528 -webkit-border-radius: 3px;
7529 -moz-border-radius: 3px;
7530 border-radius: 3px;
7531 }
7532 .vbo-shell-top-bar {
7533 text-align: center;
7534 color: var(--vbo-config-title-color);
7535 padding: 5px 0;
7536 margin: 0;
7537 font-size: 1.15em;
7538 border: 1px solid var(--vbo-config-border-color);
7539 border-bottom: none;
7540 -webkit-border-top-left-radius: 3px;
7541 -webkit-border-top-right-radius: 3px;
7542 -moz-border-radius-topleft: 3px;
7543 -moz-border-radius-topright: 3px;
7544 border-top-left-radius: 3px;
7545 border-top-right-radius: 3px;
7546 background: var(--vbo-config-child-bg-color);
7547 }
7548 .vbo-shell-body {
7549 margin: 0;
7550 padding: 5px;
7551 list-style: none;
7552 background: #141414;
7553 color: #fff;
7554 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7555 font-size: 0.95em;
7556 line-height: 1.6em;
7557 -webkit-border-bottom-right-radius: 3px;
7558 -webkit-border-bottom-left-radius: 3px;
7559 -moz-border-radius-bottomright: 3px;
7560 -moz-border-radius-bottomleft: 3px;
7561 border-bottom-right-radius: 3px;
7562 border-bottom-left-radius: 3px;
7563 }
7564 .vbo-shell-body p:before {
7565 content: '$';
7566 position: absolute;
7567 left: 0;
7568 top: 0;
7569 }
7570 .vbo-shell-body span:before {
7571 content: '-';
7572 position: absolute;
7573 left: 0;
7574 top: 0;
7575 }
7576 .vbo-shell-body p, .vbo-shell-body span {
7577 word-wrap: break-word;
7578 position: relative;
7579 padding: 0 0 0 15px;
7580 display: block;
7581 margin: 2px 0 4px 0;
7582 }
7583 .vbo-cronexec-log {
7584 margin-top: 5px;
7585 }
7586 .vbo-cronexec-log pre {
7587 background: #141414 none repeat scroll 0 0;
7588 border-radius: 0;
7589 color: #fff;
7590 padding: 0;
7591 }
7592 /* Crons - End */
7593 /* Graphs & Statistics - Start */
7594 .vbo-stats-wrapper {
7595 background: var(--vbo-main-bg-color);
7596 padding: 20px 12px;
7597 }
7598 .vbo-stats-wrapper .adminform .adminlegend {
7599 font-weight: bold;
7600 width: 100%;
7601 margin-bottom: 20px;
7602 }
7603 .vbo-graph-bottom-wrapper {
7604 margin-top: 35px;
7605 }
7606 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
7607 display: flex;
7608 flex-wrap: wrap;
7609 }
7610 .vbo-graph-top-left, .vbo-graph-bottom-left {
7611 flex: 1;
7612 margin-right: 20px;
7613 }
7614 .vbo-graph-top-right, .vbo-graph-bottom-right {
7615 flex-basis: 25%;
7616 }
7617 .vbo-graphstats-left {
7618 background: var(--vbo-config-bg-color);
7619 padding: 30px;
7620 border-radius: 16px;
7621 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7622 }
7623 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
7624 width: 100% !important;
7625 }
7626 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
7627 height: 250px;
7628 }
7629 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
7630 background: var(--vbo-config-bg-color);
7631 padding: 20px;
7632 border-radius: 16px;
7633 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7634 margin-bottom: 15px;
7635 }
7636 .vbo-graph-top-right .vbo-graphstats-thirdright {
7637 border-bottom: 2px solid var(--vbo-base-color);
7638 }
7639 .vbo-graphstats-thirdright {
7640 margin-top: 25px;
7641 }
7642 .vbo-graphstats-thirdright > p {
7643 font-weight: bold;
7644 padding: 0;
7645 text-align: right;
7646 }
7647 .vbo-graphstats-thirdright > p:first-child {
7648 padding-top: 10px;
7649 }
7650 .vbo-graphstats-thirdright > p i {
7651 font-size: 11px;
7652 }
7653 .vbo-graphstats-thirdright p span {
7654 display: inline-block;
7655 min-width: 155px;
7656 float: left;
7657 text-align: left;
7658 }
7659 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
7660 text-align: center;
7661 margin-top: 0;
7662 margin-bottom: 10px;
7663 border-bottom: 1px solid var(--vbo-basic-btn);
7664 padding-bottom: 10px;
7665 }
7666 .vbo-graph-bottom-right h4 {
7667 text-align: center;
7668 margin-top: 0;
7669 margin-bottom: 10px;
7670 border-bottom: 1px solid var(--vbo-basic-btn);
7671 padding-bottom: 0;
7672 }
7673 .vbo-graphstats-countries {
7674 padding-bottom: 10px;
7675 }
7676 .vbo-graphstats-country-wrap {
7677 display: inline-block;
7678 width: 100%;
7679 margin: 2px 0;
7680 }
7681 .vbo-graphstats-country-wrap > span {
7682 vertical-align: middle;
7683 }
7684 .vbo-graphstats-country-img {
7685 display: inline-block;
7686 margin-right: 5px;
7687 }
7688 .vbo-graphstats-country-name {
7689 display: inline-block;
7690 font-weight: bold;
7691 min-width: 120px;
7692 margin-right: 5px;
7693 }
7694 .vbo-graphstats-country-totb.badge {
7695 display: inline-block;
7696 float: right;
7697 background-color: transparent;
7698 border: 2px solid var(--vbo-config-text-color-light);
7699 color: var(--vbo-config-titles-color-light);
7700 border-radius: 50px;
7701 }
7702 .vbo-graphstats-mod-containers {
7703 display: flex;
7704 flex-wrap: wrap;
7705 justify-content: center;
7706 }
7707 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
7708 flex-basis: 50%;
7709 }
7710 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
7711 background: var(--vbo-config-bg-color);
7712 padding: 20px;
7713 border-radius: 16px;
7714 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7715 margin-bottom: 15px;
7716 margin-right: 5px;
7717 }
7718 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
7719 font-weight: bold;
7720 color: var(--vbo-config-titles-color-light);
7721 margin-bottom: 10px;
7722 }
7723 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
7724 font-size: 26px;
7725 font-weight: bold;
7726 }
7727 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
7728 font-size: 13px;
7729 display: inline-block;
7730 vertical-align: top;
7731 color: var(--vbo-config-titles-color-light);
7732 }
7733 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
7734 font-size: 14px;
7735 display: inline-block;
7736 vertical-align: top;
7737 }
7738 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
7739 color: var(--vbo-green-color);
7740 }
7741 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
7742 color: var(--vbo-red-color);
7743 }
7744 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
7745 text-align: center;
7746 }
7747 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
7748 display: inline-block;
7749 text-align: center;
7750 margin: 10px 0 0;
7751 padding: 10px 0;
7752 width: 100%;
7753 }
7754 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
7755 display: inline-block;
7756 margin: 3px 7px;
7757 font-weight: bold;
7758 }
7759 #vbo-graphstats-left-legend ul.line-legend li {
7760 border: 1px solid var(--vbo-config-border-color);
7761 border-radius: 20px;
7762 padding: 10px 12px;
7763 }
7764 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
7765 display: inline-block;
7766 float: left;
7767 height: 15px;
7768 margin: 0 10px 0 0;
7769 width: 15px;
7770 border-radius: 4px;
7771 font-weight: bold;
7772 }
7773 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
7774 text-align: center;
7775 }
7776 #vbo-graphstats-right-legend-nights ul.pie-legend {
7777 display: flex;
7778 margin: 10px 0 0;
7779 padding: 0;
7780 width: 100%;
7781 -ms-flex-wrap: wrap;
7782 -webkit-flex-wrap: wrap;
7783 flex-wrap: wrap;
7784 }
7785 #vbo-graphstats-right-legend ul.pie-legend {
7786 display: flex;
7787 margin: 10px 0 0;
7788 padding: 0;
7789 width: 100%;
7790 -ms-flex-wrap: wrap;
7791 -webkit-flex-wrap: wrap;
7792 flex-wrap: wrap;
7793 }
7794 #vbo-graphstats-right-legend-nights ul.pie-legend li {
7795 display: inline-block;
7796 margin: 3px 7px;
7797 -ms-flex: 0 0 45%;
7798 -webkit-flex: 0 0 45%;
7799 flex: 0 0 45%;
7800 text-align: left;
7801 font-weight: bold;
7802 }
7803 #vbo-graphstats-right-legend ul.pie-legend li {
7804 display: inline-block;
7805 margin: 3px 7px;
7806 -ms-flex: 0 0 45%;
7807 -webkit-flex: 0 0 45%;
7808 flex: 0 0 45%;
7809 text-align: left;
7810 font-weight: bold;
7811 }
7812 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
7813 display: inline-block;
7814 float: left;
7815 height: 15px;
7816 margin: 0 10px 0 0;
7817 width: 15px;
7818 border-radius: 4px;
7819 font-weight: bold;
7820 }
7821 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
7822 display: inline-block;
7823 float: left;
7824 height: 15px;
7825 margin: 0 10px 0 0;
7826 width: 15px;
7827 border-radius: 4px;
7828 }
7829 .vbo-graphstats-legend-sub {
7830 display: inline-block;
7831 font-size: smaller;
7832 margin-left: 3px;
7833 }
7834 .vbo-graph-introtitle {
7835 display: block;
7836 font-weight: bold;
7837 margin-bottom: 10px;
7838 text-align: center;
7839 }
7840 .vbo-graph-introtitle span {
7841 font-size: 18px;
7842 color: var(--vbo-config-title-color);
7843 }
7844 .vbo-graphstats-thirdright-nights-bestworst {
7845 padding: 0;
7846 }
7847 .vbo-graphstats-thirdright-nights-bestworst > span {
7848 font-weight: bold;
7849 display: block;
7850 }
7851 .vbo-chart-icon-negative {
7852 color: var(--vbo-red-color);
7853 }
7854 .vbo-chart-icon-positive {
7855 color: var(--vbo-green-color);
7856 }
7857
7858 /* Graphs & Statistics - End */
7859 /* Invoices - Start */
7860 .vbo-invoices-wrapper {
7861 display: block;
7862 overflow: hidden;
7863 padding: 15px;
7864 margin-bottom: 20px;
7865 background: var(--vbo-config-child-bg-color);
7866 }
7867 .vbo-invoices-inv-container {
7868 position: relative;
7869 margin: 10px;
7870 width: 300px;
7871 height: 235px;
7872 z-index : 1;
7873 float:left;
7874 background: var(--vbo-config-bg-color);
7875 box-shadow: 0 0 10px rgba(0,0,0,.08);
7876 border: 1px solid var(--vbo-basic-btn);
7877 border-radius: 5px;
7878 -webkit-perspective: 1000;
7879 perspective: 1000;
7880 }
7881 .vbo-invoices-inv-inner {
7882 cursor: pointer;
7883 width: 100%;
7884 height: 100%;
7885 -webkit-transform-style: preserve-3d;
7886 -webkit-transition: all 0.7s linear;
7887 transform-style: preserve-3d;
7888 transition: all 0.7s linear;
7889 }
7890 .vbo-invoices-inv-container.vbo-invoice-active {
7891 border: 1px solid var(--vbo-base-color);
7892 }
7893 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
7894 -webkit-transform: rotateY(180deg);
7895 transform: rotateY(180deg);
7896 }
7897 .vbo-invoices-inv-inner .btn.vbo-light-btn {
7898 padding: 8px 15px;
7899 box-shadow: none;
7900 border-color: var(--vbo-config-border-color);
7901 }
7902 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
7903 background-color: var(--vbo-light-color-btn);
7904 }
7905 .vbo-invoices-inv-face {
7906 position: absolute;
7907 width: 100%;
7908 height: 100%;
7909 backface-visibility: hidden;
7910 -webkit-backface-visibility: hidden;
7911 }
7912 .vbo-invoices-inv-face.vbo-invoices-inv-back {
7913 display: flex;
7914 flex-wrap: wrap;
7915 display: block;
7916 -webkit-transform: rotateY(180deg);
7917 transform: rotateY(180deg);
7918 box-sizing: border-box;
7919 text-align: center;
7920 background-color: var(--vbo-config-bg-color);
7921 border-radius: 5px;
7922 }
7923 .vbo-invoices-inv-frontright {
7924 overflow: hidden;
7925 padding: 10px;
7926 }
7927 .vbo-invoices-inv-entry {
7928 display: block;
7929 margin-bottom: 5px;
7930 }
7931 .vbo-invoices-inv-entry-custname {
7932 margin-top: 5px;
7933 }
7934 .vbo-invoices-inv-entry-lbl {
7935 display: inline-block;
7936 margin-right: 5px;
7937 font-weight: bold;
7938 }
7939 .vbo-invoices-inv-entry-val {
7940 display: inline-block;
7941 vertical-align: top;
7942 }
7943 .vbo-invoices-inv-ckbox {
7944 position: absolute;
7945 top: 5px;
7946 left: 5px;
7947 margin: 1px;
7948 }
7949 .vbo-invoices-inv-back-commands {
7950 margin:10px 0;
7951 }
7952 .vbo-invoices-inv-back-commands .btn {
7953 margin:2px;
7954 }
7955 .vbo-invoices-inv-back-entries {
7956 background: var(--vbo-basic-btn-hover);
7957 border-top:1px solid var(--vbo-config-border-color);
7958 padding: 10px 20px;
7959 font-size: 12px;
7960 width: auto;
7961 display: inline-block;
7962 border-radius: 4px;
7963 margin: 2px;
7964 text-align: left;
7965 }
7966 .vbo-invoices-inv-entry-val small {
7967 font-size: 12px;
7968 }
7969 .vbo-invoices-inv-entry-val .label {
7970 margin-left: 3px;
7971 }
7972 .vbo-invoices-inv-frontleft {
7973 position: relative;
7974 }
7975 .vbo-invoices-inv-totals {
7976 position: absolute;
7977 bottom: 2px;
7978 width: calc(100% - 10px);
7979 display: flex;
7980 flex-wrap: wrap;
7981 padding: 6px;
7982 box-sizing: border-box;
7983 border: 1px solid var(--vbo-config-border-color);
7984 margin: 5px;
7985 border-radius: 4px;
7986 }
7987 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
7988 font-weight: bold;
7989 margin-right: 5px;
7990 }
7991 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
7992 margin-left: auto;
7993 }
7994 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
7995 padding: 2px 6px;
7996 }
7997 /* Invoices - End */
7998 /* Snapshot - Start */
7999 .vbo-info-overlay-snapshot {
8000 position: fixed;
8001 left: 50%;
8002 top: 50%;
8003 transform: translate(-50%, -50%);
8004 width: 40%;
8005 height: 60%;
8006 z-index: 101;
8007 padding: 20px;
8008 border-radius: 5px;
8009 background-color: var(--vbo-config-bg-color);
8010 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8011 }
8012 .vbo-info-overlay-snapshot-controls {
8013 display: block;
8014 text-align: center;
8015 }
8016 .vbo-info-overlay-snapshot-controls button {
8017 margin: 0 5px;
8018 }
8019 .vbo-info-overlay-snapshot-controls button i {
8020 margin-right: 5px;
8021 }
8022 .vbo-info-overlay-snapshot-movie {
8023 display: block;
8024 text-align: center;
8025 overflow: auto;
8026 margin: 10px auto;
8027 }
8028 .vbo-cur-idscan {
8029 display: inline-block;
8030 background: var(--vbo-main-bg-color);
8031 padding: 10px 15px;
8032 border-radius: 2px;
8033 border: 1px solid var(--vbo-config-border-color);
8034 color: var(--vbo-config-title-color);
8035 white-space: nowrap;
8036 overflow: hidden;
8037 text-overflow: ellipsis;
8038 max-width: 120px;
8039 margin: 0px 0 0px 10px;
8040 vertical-align: top;
8041 }
8042
8043 /* Snapshot - End */
8044 /* Draggable Elements - Start */
8045 .vbo-draggable-sp {
8046 width: 98%;
8047 cursor: move;
8048 }
8049 .vbo-dragging-sp {
8050 border-radius: 8px;
8051 border: 1px dashed var(--vbo-config-title-color);
8052 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8053 }
8054 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8055 border-right: 0;
8056 border-radius: 0;
8057 }
8058 .vbo-dragging-cells-tmp {
8059 border-radius: 8px;
8060 border: 1px dashed var(--vbo-config-bg-color);
8061 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8062 }
8063 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8064 margin: 0 !important;
8065 }
8066 .vbo-dragged-cells-tmp {
8067 border-radius: 8px;
8068 border: 1px dashed var(--vbo-config-bg-color);
8069 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8070 animation: Vikshake 0.5s ease-in-out;
8071 -webkit-animation: Vikshake 0.5s ease-in-out;
8072 -moz-animation: Vikshake 0.5s ease-in-out;
8073 }
8074 @keyframes Vikshake {
8075 0% {
8076 transform: translateX(0);
8077 }
8078 20% {
8079 transform: translateX(-10px);
8080 }
8081 40% {
8082 transform: translateX(10px);
8083 }
8084 60% {
8085 transform: translateX(-10px);
8086 }
8087 80% {
8088 transform: translateX(10px);
8089 }
8090 100% {
8091 transform: translateX(0);
8092 }
8093 }
8094 @-webkit-keyframes Vikshake {
8095 0% {
8096 transform: translateX(0);
8097 }
8098 20% {
8099 transform: translateX(-10px);
8100 }
8101 40% {
8102 transform: translateX(10px);
8103 }
8104 60% {
8105 transform: translateX(-10px);
8106 }
8107 80% {
8108 transform: translateX(10px);
8109 }
8110 100% {
8111 transform: translateX(0);
8112 }
8113 }
8114 @-moz-keyframes Vikshake {
8115 0% {
8116 transform: translateX(0);
8117 }
8118 20% {
8119 transform: translateX(-10px);
8120 }
8121 40% {
8122 transform: translateX(10px);
8123 }
8124 60% {
8125 transform: translateX(-10px);
8126 }
8127 80% {
8128 transform: translateX(10px);
8129 }
8130 100% {
8131 transform: translateX(0);
8132 }
8133 }
8134 .vboverviewtable > * {
8135 -webkit-touch-callout: none;
8136 -webkit-user-select: none;
8137 -moz-user-select: none;
8138 -ms-user-select: none;
8139 }
8140 table.vboverviewtable td.vbo-overv-avcell {
8141 position: relative;
8142 }
8143 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8144 min-width: 80px;
8145 max-width: 80px;
8146 height: 50px;
8147 }
8148 table.vboverviewtable th, table.vboverviewtable td {
8149 -moz-box-sizing: border-box;
8150 -webkit-box-sizing: border-box;
8151 box-sizing: border-box;
8152 border-right: 1px solid var(--vbo-config-border-color);
8153 border-bottom: 1px solid var(--vbo-config-border-color);
8154 }
8155 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8156 padding: 10px;
8157 }
8158 table.vboverviewtable tr:last-child td {
8159 border-bottom: 0;
8160 }
8161 table.vboverviewtable td:last-child {
8162 border-right: 0;
8163 }
8164 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8165 position: relative;
8166 }
8167 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8168 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8169 position: absolute;
8170 top: 50%;
8171 left: 50%;
8172 transform: translate(-50%, -50%);
8173 overflow: auto;
8174 text-align: center;
8175 }
8176 .vbo-overv-row-snake td {
8177 padding-bottom: 16px;
8178 vertical-align: bottom;
8179 }
8180 .vboverviewtablerow .vbo-checkinday span {
8181 margin-top: -2px;
8182 display: block;
8183 }
8184 .vboverviewtablerow-subunit td {
8185 position: relative;
8186 }
8187 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8188 position: absolute;
8189 }
8190 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8191 top: auto;
8192 left: auto;
8193 right: 3px;
8194 bottom: 1px;
8195 transform: none;
8196 cursor: pointer;
8197
8198 visibility: hidden;
8199 }
8200 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8201 top: auto;
8202 left: auto;
8203 right: 3px;
8204 bottom: 0;
8205 transform: none;
8206 }
8207 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8208 animation: 1s vbonotefadeIn;
8209 animation-fill-mode: forwards;
8210 }
8211
8212 @keyframes vbonotefadeIn {
8213 99% {
8214 visibility: hidden;
8215 }
8216 100% {
8217 visibility: visible;
8218 }
8219 }
8220 .vbo-roomdaynote-full:before {
8221 content: "";
8222 width: 100%;
8223 height: 3px;
8224 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);;
8225 position: absolute;
8226 bottom: 0;
8227 left: 0;
8228 }
8229 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8230 height: 19px;
8231 }
8232 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8233 content: attr(data-notes);
8234 color: #fff;
8235 font-size: 12px;
8236 position: absolute;
8237 bottom: 1px;
8238 left: 4px;
8239 width: max-content;
8240 z-index: 1;
8241 max-width: 200px;
8242 white-space: nowrap;
8243 overflow: hidden;
8244 text-overflow: ellipsis;
8245 }
8246 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8247 color: var(--vbo-base-color);
8248 font-size: 14px;
8249 }
8250 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8251 color: var(--vbo-base-color-hover);
8252 opacity: .8;
8253 }
8254 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8255 color: var(--vbo-config-bg-color);
8256 }
8257 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8258 color: var(--vbo-base-color-hover);
8259 }
8260 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8261 opacity: .8;
8262 }
8263 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8264 color: var(--vbo-config-bg-color);
8265 }
8266 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8267 color: #fff;
8268 z-index: 10;
8269 }
8270 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8271 color: #b8d5f5;
8272 }
8273 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8274 width: calc(70% - 15px);
8275 }
8276 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8277 width: calc(34% - 20px);
8278 }
8279 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8280 width: calc(34% - 10px);
8281 }
8282 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8283 width: 40px;
8284 text-overflow: ellipsis;
8285 overflow: hidden;
8286 text-align: left;
8287 }
8288 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8289 width: 110px;
8290 text-overflow: ellipsis;
8291 overflow: hidden;
8292 text-align: left;
8293 }
8294 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8295 width: 190px;
8296 text-overflow: ellipsis;
8297 overflow: hidden;
8298 text-align: left;
8299 }
8300 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8301 width: auto !important;
8302 }
8303 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8304 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8305 width: 50%;
8306 }
8307 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8308 display: none;
8309 }
8310 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8311 display: inline-block;
8312 margin-left: 5px;
8313 }
8314 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8315 font-weight: bold;
8316 }
8317 .vbo-modal-roomdaynotes-addnew {
8318 border: 1px solid var(--vbo-config-border-color);
8319 padding: 10px 20px 20px;
8320 border-radius: 4px;
8321 background: var(--vbo-config-child-bg-color);
8322 }
8323 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8324 margin: 10px 0;
8325 }
8326 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8327 display: block;
8328 margin-bottom: 5px;
8329 }
8330 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8331 width: 100% !important;
8332 box-sizing: border-box;
8333 min-height: 80px;
8334 }
8335 tr.vboverviewtablerow-subunit {
8336 display: none;
8337 }
8338 .vbo-info-overlay-content-fests {
8339 padding: 0;
8340 }
8341 .vbo-info-overlay-content-fests > h3 {
8342 padding-top: 15px;
8343 padding-bottom: 15px;
8344 }
8345 .vbo-overlay-fests-list {
8346 padding: 10px 30px;
8347 }
8348 .vbo-overlay-fest-details {
8349 display: flex;
8350 margin: 4px 0 15px;
8351 padding: 10px;
8352 border: 1px solid var(--vbo-config-border-color);
8353 border-radius: 4px;
8354 }
8355 .vbo-roverw-roomdaynotes-title {
8356 font-size: 15px;
8357 margin-bottom: 7px;
8358 }
8359 .vbo-roverv-roomdaynotes-note-details {
8360 border: 1px solid #bce3ec;
8361 }
8362 .vbo-overlay-fest-details .vbo-fest-info {
8363 margin-right: 15px;
8364 align-self: center;
8365 }
8366 .vbo-overlay-fest-details .vbo-fest-cmds {
8367 margin-left: auto;
8368 }
8369 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8370 margin-right: 0;
8371 }
8372 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8373 font-size: 1.1em;
8374 font-weight: bold;
8375 }
8376 .vbo-overlay-fests-addnew {
8377 margin: 0 30px 30px;
8378 border: 1px solid var(--vbo-config-border-color);
8379 padding: 15px;
8380 background: var(--vbo-config-child-bg-color);
8381 }
8382 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8383 width: 70% !important;
8384 }
8385 .vbo-info-overlay-content input#invoice_num[type="number"] {
8386 width: 115px !important;
8387 }
8388 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8389 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8390 border: 1px solid var(--vbo-config-border-color);
8391 border-radius: 2px;
8392 padding: 5px 10px;
8393 }
8394 .vbo-overlay-fests-addnew-elem textarea {
8395 width: 100%;
8396 min-height: 80px;
8397 box-sizing: border-box;
8398 }
8399 .vbo-ovrv-flt-butn {
8400 position: fixed;
8401 bottom: 40px;
8402 right: 10px;
8403 padding: 8px;
8404 border-radius: 4px;
8405 background: none repeat scroll 0 0 #02679a;
8406 color: #fff;
8407 cursor: pointer;
8408 }
8409 .vbo-ovrv-flt-butn-shake {
8410 animation: Vikshake 0.5s ease-in-out;
8411 -webkit-animation: Vikshake 0.5s ease-in-out;
8412 -moz-animation: Vikshake 0.5s ease-in-out;
8413 }
8414 span.vbo-overview-subroom-toggle {
8415 cursor: pointer;
8416 margin-left: auto;
8417 margin-right: 1px;
8418 margin-top: 5px;
8419 }
8420 span.vbo-overview-subroom-toggle i {
8421 color: var(--vbo-config-title-color);
8422 }
8423 span.vbo-overview-subroom-toggle-active i {
8424 color: var(--vbo-base-color);
8425 }
8426 .vbo-info-overlay-loading-dnd {
8427 color: var(--vbo-config-bg-color);
8428 display: block;
8429 font-size: 30px;
8430 left: 20%;
8431 position: fixed;
8432 text-align: center;
8433 top: 20%;
8434 width: 60%;
8435 padding: 30px;
8436 z-index: 101;
8437 background: var(--vbo-config-title-color);
8438 border-radius: 20px;
8439 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8440 }
8441 .vbo-loading-dnd-head {
8442 display: block;
8443 font-weight: bold;
8444 }
8445 .vbo-loading-dnd-body {
8446 display: block;
8447 font-size: smaller;
8448 margin-top: 30px;
8449 }
8450 .vbo-loading-dnd-response {
8451 background: var(--vbo-body-text-color);
8452 border-radius: 8px;
8453 display: block;
8454 font-size: 15px;
8455 margin: 15px auto 0;
8456 padding: 25px;
8457 }
8458 .vbo-loading-dnd-footer {
8459 display: block;
8460 font-size: smaller;
8461 margin-top: 30px;
8462 }
8463 #vbo-dnd-response form {
8464 margin-top: 10px;
8465 }
8466 #vbo-dnd-canvas-success {
8467 height: 100px;
8468 }
8469 /* Draggable Elements - End */
8470 /* Overview Tooltip - Start */
8471 .vbo-overview-tipblock {
8472 bottom: 0;
8473 color: var(--vbo-body-text-color);
8474 max-height: 400px;
8475 min-height: 140px;
8476 overflow: auto;
8477 position: absolute;
8478 right: 0;
8479 width: 400px;
8480 z-index: 1001;
8481 }
8482 .vbo-overview-tipblock-expanded {
8483 width: 800px;
8484 min-height: 240px;
8485 right: 0;
8486 }
8487 .vbo-overview-tipexpander {
8488 position: absolute;
8489 top: 1px;
8490 left: 1px;
8491 }
8492 .vbo-overview-expandtoggle {
8493 display: inline-block;
8494 width: 26px;
8495 height: 26px;
8496 line-height: 24px;
8497 color: #fff;
8498 background: #666;
8499 text-align: center;
8500 border-radius: 2px;
8501 font-size: 14px;
8502 cursor: pointer;
8503 }
8504 .vbo-overview-expandtoggle:hover {
8505 background: #999;
8506 }
8507 .vbo-overview-tipinner {
8508 display: block;
8509 padding: 10px 0 0 5px;
8510 }
8511 .vbo-overview-tiploading {
8512 display: block;
8513 font-weight: bold;
8514 background-color: rgba(255,255,255, .9);
8515 padding: 10px 15px;
8516 border-radius: 3px;
8517 box-shadow: 0 0 10px rgba(0,0,0,.1);
8518 }
8519 .vbo-overview-tip-bookingcont {
8520 margin: 4px 0;
8521 position: relative;
8522 display: flex;
8523 font-size: 12px;
8524 box-shadow: 0 0 10px rgba(0,0,0,.1);
8525 }
8526 .vbo-overview-tip-bookingcont:first-child {
8527 margin-top: 0;
8528 }
8529 .vbo-overview-tip-bookingcont:last-child {
8530 margin-bottom: 0;
8531 }
8532 .vbo-overview-tip-bookingcont-left {
8533 flex-basis: 35%;
8534 display: inline-block;
8535 vertical-align: top;
8536 text-align: left;
8537 background-color: rgba(232,235,240, .9);
8538 padding: 15px 20px;
8539 border-top-left-radius: 3px;
8540 border-bottom-left-radius: 3px;
8541 }
8542 .vbo-overview-tip-bookingcont-right {
8543 flex: 1;
8544 display: inline-block;
8545 vertical-align: top;
8546 text-align: left;
8547 background-color: rgba(255,255,255, .9);
8548 padding: 10px 20px;
8549 border-top-right-radius: 3px;
8550 border-bottom-right-radius: 3px;
8551 }
8552 .vbo-overview-tip-bookingcont-right > div,
8553 .vbo-overview-tip-bookingcont-left > div {
8554 margin: 5px 0;
8555 line-height: 1.3em;
8556 white-space: break-spaces;
8557 }
8558 .vbo-overview-tip-bookingcont span {
8559 margin-top: 0 !important;
8560 position: relative !important;
8561 left: auto !important;
8562 top: auto !important;
8563 transform: initial !important;
8564 text-align: left !important;
8565 overflow: initial !important;
8566 }
8567 .vbo-overview-tip-bookingcont-total {
8568 border-top: 1px solid var(--vbo-config-border-color);
8569 text-align: right;
8570 font-size: 13px;
8571 padding-top: 2px;
8572 }
8573 .vbo-overview-tip-cnt .vbo-channelimg-small {
8574 max-width: 70px;
8575 }
8576 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
8577 float: inherit;
8578 padding-left: 5px;
8579 vertical-align: bottom;
8580 }
8581 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
8582 font-weight: bold;
8583 display: block;
8584 color: var(--vbo-config-titles-color-light);
8585 text-transform: uppercase;
8586 font-size: 11px;
8587 }
8588 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
8589 float: right;
8590 }
8591 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
8592 display: inline-block;
8593 margin-right: 3px;
8594 }
8595 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
8596 font-weight: bold;
8597 display: inline-block;
8598 }
8599 .vbo-overview-tip-optindexes select {
8600 max-width: 180px !important;
8601 }
8602 .vbo-overview-tip-bstatus .label {
8603 background: transparent !important;
8604 padding: 0;
8605 font-size: inherit;
8606 line-height: auto;
8607 text-transform: uppercase;
8608 }
8609 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
8610 background: transparent !important;
8611 color: var(--vbo-green-color) !important;
8612 }
8613 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
8614 color: var(--vbo-warning-color) !important;
8615 background: transparent !important;
8616 }
8617 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
8618 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
8619 color: var(--vbo-red-color) !important;
8620 background: transparent !important;
8621 }
8622 .vbo-overview-tip-lbl .tooltip {
8623 min-width: 140px !important;
8624 }
8625 .vbo-overview-tip-bctag-wrap {
8626 z-index: 10;
8627 margin: 15px 0 0;
8628 position: relative;
8629 }
8630 .vbo-overview-tip-bctag {
8631 background-color: var(--vbo-config-bg-color);
8632 border: 1px solid var(--vbo-config-border-color);
8633 border-radius: 4px;
8634 cursor: pointer;
8635 height: 22px;
8636 width: 22px;
8637 text-align: center;
8638 vertical-align: top;
8639 font-size: 10px !important;
8640 line-height: 25px !important;
8641 }
8642 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
8643 margin: 0;
8644 }
8645 .vbo-overview-tip-bctag i[class^="vboicn-"] {
8646 margin-right: 0;
8647 }
8648 .vbo-overview-tip-bctag-subtip {
8649 background-color: var(--vbo-config-bg-color);
8650 left: 37px;
8651 position: absolute;
8652 top: -9px;
8653 width: 250px;
8654 z-index: 1000001;
8655 padding: 7px;
8656 box-shadow: 0 4px 4px rgba(0,0,0, .3);
8657 border-radius: 2px;
8658 }
8659 .vbo-overview-tip-bctag-subtip:before {
8660 content: "";
8661 position: absolute;
8662 top:50%;
8663 left: -8px;
8664 transform: translate(0, -50%);
8665 width: 0;
8666 height: 0;
8667 border-style: solid;
8668 border-width: 5px 8px 5px 0;
8669 border-color: transparent #fff transparent transparent;
8670 }
8671 .vbo-overview-tip-bctag-subtip-circle {
8672 border-radius: 50%;
8673 display: inline-block;
8674 height: 16px;
8675 margin: 2px;
8676 width: 16px;
8677 cursor: pointer;
8678 padding: 1px;
8679 border: 1px solid var(--vbo-config-bg-color);
8680 }
8681 .vbo-overview-tip-bctag-subtip-circle > div {
8682 width: 100%;
8683 height: 100%;
8684 border-radius: 50%;
8685 }
8686
8687 .vbo-blist-tip-bctag-subtip {
8688 position: relative;
8689 }
8690 .vbo-blist-tip-bctag-subtip-inner {
8691 background-color: var(--vbo-config-bg-color);
8692 left: 50%;
8693 position: absolute;
8694 top: 0;
8695 width: 250px;
8696 z-index: 99;
8697 padding: 7px;
8698 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
8699 border-radius: 4px;
8700 transform: translate(-50%, 0%);
8701 }
8702 .vbo-blist-tip-bctag-subtip-circle {
8703 border-radius: 50%;
8704 display: inline-block;
8705 height: 16px;
8706 margin: 2px;
8707 width: 16px;
8708 cursor: pointer;
8709 padding: 1px;
8710 border: 1px solid #fff;
8711 }
8712 .vbo-blist-tip-bctag-subtip-circle > div {
8713 width: 100%;
8714 height: 100%;
8715 border-radius: 50%;
8716 }
8717 .vbo-overview-tagslegend {
8718 display: inline-block;
8719 margin-top: 5px;
8720 }
8721 .vbo-overview-legend-tag {
8722 float: left;
8723 margin-right: 4px;
8724 }
8725 .vbo-overview-tagslegend-lbl {
8726 display: inline-block;
8727 font-size: 12px;
8728 float: left;
8729 font-weight: bold;
8730 margin-right: 5px;
8731 }
8732 /* Overview Tooltip - End */
8733 /* Booking Checkin - Start */
8734 .vbo-bookdet-container {
8735 padding: 15px 20px 5px;
8736 background: var(--vbo-config-bg-color);
8737 border: 1px solid var(--vbo-basic-btn);
8738 box-shadow: 0 0 10px rgba(0,0,0,.1);
8739 margin-bottom: 20px;
8740 border-radius: 4px;
8741 text-align: left;
8742 box-sizing: border-box;
8743 }
8744 .vbo-bookdet-wrap {
8745 display: inline-block;
8746 margin: 0 10px 10px 10px;
8747 min-width: 50px;
8748 vertical-align: top;
8749 border-right: 1px solid var(--vbo-config-border-color);
8750 padding-right: 20px;
8751 }
8752 .vbo-bookdet-wrap:last-child {
8753 border: 0;
8754 }
8755 .vbo-bookdet-head {
8756 color: var(--vbo-config-titles-color-light);
8757 margin: 0;
8758 overflow-wrap: break-word;
8759 padding: 3px 0;
8760 text-align: left;
8761 position: relative;
8762 font-weight: bold;
8763 text-transform: uppercase;
8764 font-size: 11px;
8765 }
8766 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
8767 margin-left: 5px;
8768 }
8769 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
8770 margin-right: 5px !important;
8771 }
8772 .vbo-bookdet-foot {
8773 font-size: 16px;
8774 font-weight: bold;
8775 overflow-wrap: break-word;
8776 text-align: left;
8777 padding: 3px 0;
8778 }
8779 .vbo-customer-info-box {
8780 display: inline-block;
8781 }
8782 .vbo-customer-info-box .vbo-customer-info-box-avatar {
8783 margin-right: 3px;
8784 vertical-align: middle;
8785 display: inline-block;
8786 }
8787 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
8788 border-radius: 50%;
8789 display: inline-block;
8790 cursor: pointer;
8791 object-fit: cover;
8792 }
8793 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
8794 width: 30px;
8795 height: 30px;
8796 object-fit: cover;
8797 }
8798 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
8799 width: 48px;
8800 height: 48px;
8801 object-fit: cover;
8802 }
8803 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
8804 width: 64px;
8805 height: 64px;
8806 object-fit: cover;
8807 }
8808 .vbo-customer-info-box .vbo-customer-info-box-name {
8809 display: inline-block;
8810 vertical-align: middle;
8811 }
8812 .vbo-bookdet-foot .btn-primary {
8813 border: var(--vbo-base-color);
8814 padding: 3px 12px;
8815 font-weight: bold;
8816 }
8817 .vbo-bookdet-foot .label {
8818 padding: 5px 14px !important;
8819 font-size: 12px;
8820 border-radius: 24px;
8821 letter-spacing: .3px;
8822 }
8823 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
8824 padding: 4px 12px;
8825 font-size: 13px;
8826 }
8827 .vbo-bookdet-foot .vbo-dorefund-btn {
8828 position: relative;
8829 }
8830 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
8831 content: attr(data-totrefunds);
8832 position: absolute;
8833 background-color: var(--vbo-config-bg-color);
8834 color: var(--vbo-config-title-color);
8835 font-weight: bold;
8836 font-size: 13px;
8837 border-radius: 4px;
8838 text-align: center;
8839 padding: 1px 4px;
8840 top: -8px;
8841 border: 2px solid var(--vbo-red-color);
8842 right: -12px;
8843 box-shadow: 0 2px 4px rgba(0,0,0,.15);
8844 }
8845 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
8846 padding: 15px 20px 5px;
8847 background: var(--vbo-config-bg-color);
8848 border: 1px solid var(--vbo-main-bg-color);
8849 box-shadow: 0 0 10px rgba(0,0,0,.1);
8850 margin-bottom: 5px;
8851 border-radius: 4px;
8852 text-align: left;
8853 box-sizing: border-box;
8854 }
8855 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
8856 padding: 10px 20px 10px;
8857 }
8858 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
8859 display: inline-block;
8860 }
8861 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
8862 font-weight: bold;
8863 }
8864 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
8865 display: inline-block;
8866 }
8867 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
8868 padding: 8px 11px;
8869 margin-left: 15px;
8870 }
8871 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
8872 padding: 10px 20px 10px;
8873 display: flex;
8874 flex-wrap: wrap;
8875 }
8876 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
8877 display: inline-block;
8878 align-self: center;
8879 }
8880 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
8881 display: inline-block;
8882 vertical-align: top;
8883 margin-left: 15px;
8884 flex: 1;
8885 }
8886 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
8887 margin-bottom: 5px
8888 }
8889 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
8890 margin-bottom: 0;
8891 }
8892 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
8893 font-weight: bold;
8894 font-size: 1.1em;
8895 }
8896 .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 {
8897 display: block;
8898 }
8899 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
8900 font-style: italic;
8901 }
8902 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
8903 width: 100%;
8904 display: inline-block;
8905 border-bottom: 1px solid var(--vbo-config-border-color);
8906 padding: 20px 0 0;
8907 margin-bottom: -5px;
8908 }
8909 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
8910 float: left;
8911 text-align: center;
8912 color: var(--vbo-config-titles-color-light);
8913 }
8914 .vbo-bookingdet-innercontainer {
8915 display: flex;
8916 -ms-flex-wrap: wrap;
8917 -webkit-flex-wrap: wrap;
8918 flex-wrap: wrap;
8919 }
8920 .vbo-bookingdet-innercontainer > div {
8921 padding: 18px;
8922 }
8923 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
8924 background: var(--vbo-config-bg-color);
8925 padding: 15px;
8926 border-radius: 8px;
8927 margin: 10px 0;
8928 position: relative;
8929 }
8930 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
8931 margin-top: 0;
8932 }
8933 .vbo-bookingdet-admin-entry > span {
8934 margin-bottom: 4px;
8935 display: inline-block;
8936 font-weight: bold;
8937 color: var(--vbo-config-titles-color-light);
8938 }
8939 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
8940 font-weight: bold;
8941 text-transform: uppercase;
8942 margin-bottom: 5px;
8943 }
8944 .vbo-bookingdet-detcont > div {
8945 margin: 8px 0;
8946 }
8947 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
8948 margin-top: 20px;
8949 }
8950 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
8951 width: 100px !important;
8952 }
8953 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
8954 display: flex;
8955 width: 100%;
8956 box-sizing: border-box;
8957 padding: 5px 6px !important;
8958 font-size: 12px;
8959 }
8960 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
8961 align-self: center;
8962 margin-right: 8px;
8963 }
8964 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
8965 margin-left: auto;
8966 padding: 4px 10px;
8967 }
8968 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
8969 background-color: transparent !important;
8970 border: 1px solid var(--vbo-blue-color);
8971 color: var(--vbo-blue-color);
8972 }
8973 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
8974 background: var(--vbo-blue-color);
8975 }
8976 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
8977 background-color: transparent !important;
8978 border: 1px solid var(--vbo-green-color);
8979 color: var(--vbo-green-color);
8980 }
8981 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
8982 background: var(--vbo-green-color) !important;
8983 }
8984 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
8985 background: var(--vbo-green-color-hover);
8986 }
8987 .vbo-bookingdet-detcont-label-review {
8988 margin-top: 20px;
8989 display: inline-block;
8990 }
8991 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
8992 border: 1px solid var(--vbo-orange-color);
8993 background: var(--vbo-config-bg-color) !important;
8994 color: var(--vbo-orange-color);
8995 }
8996 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
8997 color: var(--vbo-orange-color) !important;
8998 display: block;
8999 }
9000 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9001 background: transparent;
9002 }
9003 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9004 color: var(--vbo-orange-color-hover) !important;
9005 }
9006 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9007 background: var(--vbo-config-child-bg-color);
9008 }
9009 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9010 width: 100% !important;
9011 box-sizing: border-box;
9012 height: auto;
9013 }
9014 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9015 margin: 0 0 10px;
9016 vertical-align: top;
9017 display: inline-block;
9018 width: 43%;
9019 padding: 0 5px;
9020 }
9021 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9022 display: block;
9023 font-weight: bold;
9024 font-size: 1em;
9025 color: var(--vbo-config-title-color);
9026 }
9027 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9028 word-wrap: break-word;
9029 }
9030 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9031 border: 2px solid var(--vbo-red-color);
9032 }
9033 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9034 -webkit-flex: 0 0 20%;
9035 -ms-flex: 0 0 20%;
9036 flex: 0 0 20%;
9037 }
9038 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9039 -webkit-flex: 1;
9040 -ms-flex: 1;
9041 flex: 1;
9042 }
9043 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9044 font-weight: bold;
9045 }
9046 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9047 font-size: 1.2em;
9048 }
9049 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9050 -webkit-flex: 1;
9051 -ms-flex: 1;
9052 flex: 1;
9053 background: var(--vbo-config-bg-color);
9054 border-radius: 8px;
9055 margin: 18px 15px 20px;;
9056 padding: 0;
9057 }
9058 .vbo-bookingdet-noteslogs-btns {
9059 border-top-left-radius: 8px;
9060 border-top-right-radius: 8px;
9061 background: var(--vbo-config-child-bg-color);
9062 padding: 0;
9063 border-bottom: 1px solid var(--vbo-config-border-color);
9064 }
9065 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9066 display: inline-block;
9067 }
9068 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9069 margin-right: 5px;
9070 }
9071 .vbo-bookingdet-noteslogs-btn a {
9072 font-weight: bold;
9073 text-transform: uppercase;
9074 padding: 16px 20px;
9075 display: inline-block;
9076 color: var(--vcm-config-titles-color-light);
9077 }
9078 .vbo-bookingdet-noteslogs-btn-active a {
9079 border-bottom: 2px solid var(--vbo-base-color);
9080 color: var(--vbo-base-color);
9081 background: var(--vbo-config-bg-color);
9082 }
9083 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9084 border: 0;
9085 background: transparent;
9086 padding: 0;
9087 }
9088 .vbo-bookingdet-noteslogs-cont {
9089 padding: 10px;
9090 }
9091 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9092 max-width: 100%;
9093 width: 100%;
9094 box-sizing: border-box;
9095 }
9096 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9097 width: 100% !important;
9098 box-sizing: border-box;
9099 padding: 15px;
9100 background: var(--vbo-config-child-bg-color);
9101 }
9102 .vbo-booking-history-firstrow {
9103 font-size: .9em;
9104 text-transform: uppercase;
9105 font-weight: bold;
9106 color: var(--vcm-config-titles-color-light);
9107 border: 0;
9108 }
9109 .vbo-booking-history-container tbody {
9110 border: 0 !important;
9111 }
9112 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9113 font-weight: bold;
9114 }
9115 .vbo-booking-history-container > .table > tbody > tr > td {
9116 white-space: normal !important;
9117 }
9118 .vbo-editbooking-custarea textarea {
9119 height: 250px;
9120 max-height: 400px;
9121 }
9122 .vbo-bookingdet-summary .table-responsive {
9123 background: var(--vbo-config-bg-color);
9124 border-radius: 8px;
9125 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9126 }
9127 .vbo-bookingdet-summary .table {
9128 margin-bottom: 0;
9129 }
9130 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9131 border-top: 0;
9132 }
9133 .vbo-bookingdet-summary .table td {
9134 padding: 10px 15px;
9135 }
9136 .vbo-editbooking-summary-room {
9137 background: var(--vbo-config-bg-color);
9138 border-radius: 8px;
9139 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9140 margin-bottom: 20px;
9141 padding-bottom: 15px;
9142 }
9143 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9144 padding: 15px;
9145 white-space: normal;
9146 }
9147 .vbo-bookingdet-summary-room-firstcell {
9148 width: 33%;
9149 }
9150 .vbo-bookingdet-summary-roomnum {
9151 font-size: 1.4em;
9152 display: inline-block;
9153 margin: 0 0 10px;
9154 font-weight: bold;
9155 }
9156 .vbo-bookingdet-summary-roomnum i {
9157 border: 1px solid var(--vbo-config-border-color);
9158 padding: 5px;
9159 border-radius: 3px;
9160 margin-right: 6px;
9161 color: var(--vbo-config-text-color-light);
9162 font-size: 14px;
9163 }
9164 .vbo-bookingdet-summary-roomname {
9165 font-size: 1.4em;
9166 display: inline-block;
9167 font-weight: bold;
9168 }
9169 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9170 margin-top: 2px;
9171 }
9172 .vbo-wider-badges-wrap .badge {
9173 font-weight: normal;
9174 padding: 2px 6px;
9175 }
9176 .vbo-bookdet-splitstay-details {
9177 margin-top: 5px;
9178 min-width: initial;
9179 }
9180 .vbo-bookdet-splitstay-details > div {
9181 display: inline-block;
9182 }
9183 .vbo-bookdet-splitstay-details > div > span {
9184 border-right: 1px solid var(--vbo-basic-btn);
9185 }
9186 .vbo-bookdet-splitstay-details > div > span:last-child {
9187 border-right: 0;
9188 }
9189 .vbo-bookingdet-summary-room-wrap {
9190 display: flex;
9191 flex-wrap: wrap;
9192 }
9193 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9194 margin-left: auto;
9195 }
9196 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9197 float: right;
9198 }
9199 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9200 max-width: 200px;
9201 }
9202 .vbo-bookingdet-summary-roomguests {
9203 text-transform: uppercase;
9204 color: var(--vbo-config-titles-color-light);
9205 font-size: .9em;
9206 }
9207 .vbo-bookingdet-summary-roomguests > div {
9208 display: inline-block;
9209 }
9210 .vbo-bookingdet-summary-total {
9211 background: var(--vbo-light-color-btn);
9212 font-weight: bold;
9213 }
9214 .vbo-bookingdet-summary-total > td {
9215 border-top: 2px solid var(--vbo-config-border-color);
9216 }
9217 .vbo-bookingdet-summary-totpaid {
9218 background: var(--vbo-config-child-bg-color);
9219 }
9220 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9221 color: var(--vbo-blue-color);
9222 }
9223 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9224 color: var(--vbo-red-color);
9225 }
9226 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9227 text-align: left;
9228 }
9229 .vbo-editbooking-summary-room > div {
9230 padding: 15px 15px 0;
9231 }
9232 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9233 font-weight: bold;
9234 text-transform: uppercase;
9235 }
9236 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9237 text-transform: initial;
9238 font-weight: normal;
9239 }
9240 .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 {
9241 display: inline-block;
9242 vertical-align: middle;
9243 margin: 0;
9244 }
9245 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9246 margin-right: 10px;
9247 }
9248 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9249 width: 16px;
9250 color: var(--vbo-config-text-color-light);
9251 }
9252 .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 {
9253 height: 25px;
9254 }
9255 .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 {
9256 left: 28px;
9257 }
9258 .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 {
9259 height: 20px;
9260 width: 20px;
9261 }
9262 .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 {
9263 height: 26px;
9264 }
9265 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9266 margin-top: 5px;
9267 border-top: 1px solid var(--vbo-config-border-color);
9268 padding-top: 10px;
9269 }
9270 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9271 border-top-left-radius: 8px;
9272 border-top-right-radius: 8px;
9273 background: var(--vbo-config-child-bg-color);
9274 border-bottom: 1px solid var(--vbo-config-border-color);
9275 padding-bottom: 15px;
9276 }
9277 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9278 margin-top: 8px;
9279 }
9280 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9281 margin-right: 5px;
9282 color: #999;
9283 }
9284 .vbo-editbooking-room-remove {
9285 float: right;
9286 display: inline-block;
9287 }
9288 .vbo-editbooking-summary-room > div > h4 {
9289 font-weight: bold;
9290 text-transform: uppercase;
9291 border-bottom: 1px solid var(--vbo-config-border-color);
9292 padding-bottom: 10px;
9293 }
9294 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9295 margin-right: 5px;
9296 display: inline-block;
9297 }
9298 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9299 color: var(--vbo-config-text-color-light);
9300 margin-right: 3px;
9301 }
9302 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9303 border-bottom: 0;
9304 margin-bottom: 0;
9305 }
9306 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9307 border-top: 1px solid var(--vbo-config-border-color);
9308 padding-top: 10px;
9309 }
9310 .vbo-editbooking-room-traveler-guestsinfo {
9311 padding: 0 5px;
9312 }
9313 .vbo-editbooking-room-traveler-guestsinfo > div {
9314 display: inline-block;
9315 vertical-align: top;
9316 margin: 5px 10px 5px 0;
9317 }
9318 .vbo-editbooking-room-traveler-guestsinfo > div i {
9319 color: var(--vbo-config-text-color-light);
9320 }
9321 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9322 margin-top: 36px;
9323 }
9324 .vbo-editbooking-room-traveler-guestsinfo label {
9325 display: block;
9326 font-size: 12px;
9327 font-weight: bold;
9328 color: var(--vbo-config-titles-color-light);
9329 margin-bottom: 2px;
9330 }
9331 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9332 background: var(--vbo-input-style);
9333 }
9334 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9335 display: grid;
9336 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9337 }
9338 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9339 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9340 display: inline-block;
9341 vertical-align: top;
9342 padding: 15px;
9343 margin: 5px;
9344 border-radius: 5px;
9345 border: 1px solid var(--vbo-config-border-color);
9346 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9347 }
9348 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9349 flex: 0 0 33%;
9350 }
9351 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9352 border: 1px solid var(--vbo-green-color);
9353 }
9354 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9355 flex: 0 0 33%;
9356 }
9357 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9358 display: inline-block;
9359 vertical-align: top;
9360 }
9361 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9362 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9363 color: var(--vbo-config-titles-color-light);
9364 font-weight: bold;
9365 }
9366 .vbo-editbooking-room-pricetype-cost {
9367 font-size: 18px;
9368 font-weight: bold;
9369 }
9370 .vbo-editbooking-room-pricetype-seltax {
9371 margin-top: 10px;
9372 }
9373 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9374 float: right;
9375 margin-top: 10px;
9376 }
9377 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
9378 display: block;
9379 margin-top: 10px;
9380 }
9381 .vbo-editbooking-room-pricetype-older-inner {
9382 display: inline-block;
9383 }
9384 .vbo-editbooking-room-pricetype-older-inner label {
9385 margin-bottom: 3px;
9386 }
9387 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
9388 font-size: 15px;
9389 }
9390 .vbo-editbooking-room-pricetype-check-older {
9391 display: inline-block;
9392 float: right;
9393 }
9394 .vbo-editbooking-room-service-price {
9395 font-size: 16px;
9396 font-weight: bold;
9397 }
9398 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
9399 text-transform: initial;
9400 }
9401 .vbo-editbooking-room-service-select select {
9402 margin-bottom: 0;
9403 }
9404 .vbo-editbooking-room-extracost {
9405 margin: 5px;
9406 }
9407 .vbo-editbooking-room-extracost > div {
9408 display: inline-block;
9409 vertical-align: top;
9410 margin: 0 5px 0 0;
9411 }
9412 .vbo-editbooking-room-extracost > div .btn.btn-danger {
9413 padding: 8px 14px;
9414 }
9415 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
9416 position: relative;
9417 }
9418 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
9419 position: absolute;
9420 right: 2px;
9421 height: calc(100% - 2px);
9422 background: var(--vbo-base-color);
9423 border-left: 1px solid var(--vbo-base-color);
9424 color: var(--vbo-contrast-text-color);
9425 border-top-right-radius: 2px;
9426 border-bottom-right-radius: 2px;
9427 top: 1px;
9428 width: 32px;
9429 font-size: 13px;
9430 cursor: pointer;
9431 }
9432 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
9433 background: var(--vbo-base-color-hover)
9434 }
9435 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
9436 position: absolute;
9437 top: 50%;
9438 left: 50%;
9439 transform: translate(-50%, -50%);
9440 }
9441 .vbo-editbooking-summary-totpaid {
9442 padding-bottom: 0;
9443 }
9444 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
9445 border-bottom-left-radius: 8px;
9446 border-bottom-right-radius: 8px;
9447 }
9448 .vbo-editbooking-totpaid {
9449 display: inline-block;
9450 }
9451 .vbo-editbooking-totpaid label {
9452 font-size: 18px;
9453 font-weight: bold;
9454 margin-bottom: 10px;
9455 }
9456 .vbo-editbooking-totrefund {
9457 margin-left: 35px;
9458 }
9459 .vbo-editbooking-totrefund label {
9460 font-size: 15px;
9461 font-weight: normal;
9462 }
9463 .vbo-editbooking-addroom {
9464 display: inline-block;
9465 float: right;
9466 margin-top: 15px;
9467 }
9468 .vbo-roomdet-wrapper {
9469 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
9470 border: 1px solid var(--vbo-basic-btn);
9471 display: inline-block;
9472 margin-bottom: 4px;
9473 width: 100%;
9474 border-radius: 6px;
9475 box-shadow: 0 0 10px rgba(0,0,0,.05);
9476 }
9477 .vbo-roomdet-wrap {
9478 display: flex;
9479 -ms-flex-wrap: wrap;
9480 -webkit-flex-wrap: wrap;
9481 flex-wrap: wrap;
9482 }
9483 .vbo-roomdet-entry {
9484 flex: 1;
9485 }
9486 .vbo-roomdet-head {
9487 border-bottom: 1px solid var(--vbo-config-border-color);
9488 font-size: larger;
9489 padding: 12px 15px 12px;
9490 font-weight: bold;
9491 font-size: 13px;
9492 color: var(--vbo-config-titles-color-light);
9493 }
9494 .vbo-roomdet-foot {
9495 padding: 8px 15px;
9496 }
9497 .vbo-roomdet-guests-toggle {
9498 padding: 7px 8px 7px;
9499 border-radius: 2px;
9500 margin-top: 5px;
9501 display: inline-block;
9502 cursor: pointer;
9503 }
9504 .vbo-roomdet-guests-toggle i {
9505 font-size: larger;
9506 display: inline-block;
9507 float: left;
9508 margin-right: 8px;
9509 }
9510 .vbo-roomdet-guests-toggleword {
9511 display: inline-block;
9512 margin-top: -1px;
9513 float: left;
9514 }
9515 .vbo-guestscount-incomplete {
9516 background: var(--vbo-blue-color);
9517 color: #fff;
9518 }
9519 .vbo-guestscount-complete {
9520 background: var(--vbo-green-color);
9521 color: #fff;
9522 }
9523 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
9524 background: var(--vbo-green-color-hover);
9525 }
9526 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
9527 background: var(--vbo-blue-color-hover);
9528 }
9529 .vbo-roomdet-guests-details {
9530 display: none;
9531 padding: 8px 0 8px 15px;
9532 margin: 5px 10px;
9533 background: var(--vbo-config-child-bg-color);
9534 border-top: 1px solid var(--vbo-basic-btn);
9535 }
9536 .vbo-roomdet-guest-details {
9537 margin-bottom: 5px;
9538 margin-left: -15px;
9539 padding-bottom: 10px;
9540 border-bottom: 1px solid var(--vbo-config-border-color);
9541 display: flex;
9542 flex-wrap: wrap;
9543 }
9544 .vbo-roomdet-guest-details:last-child {
9545 border-bottom: 0;
9546 }
9547 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
9548 width: calc(25% - 20px);
9549 margin: 5px 10px;
9550 display: inline-block;
9551 }
9552 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
9553 height: 40px;
9554 border-radius: 2px;
9555 }
9556 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
9557 line-height: 38px;
9558 }
9559 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
9560 height: 38px;
9561 }
9562 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
9563 position: relative;
9564 }
9565 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
9566 position: absolute;
9567 top: 12px;
9568 right: 10px;
9569 font-size: 16px;
9570 }
9571 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
9572 align-self: center;
9573 font-size: 16px;
9574 margin-right: 14px;
9575 width: 100%;
9576 }
9577 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
9578 width: calc(100% - 20px);
9579 }
9580 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
9581 width: calc(25% - 15px);
9582 }
9583 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
9584 width: 100% !important;
9585 max-width: 100%;
9586 }
9587 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
9588 width: 100% !important;
9589 max-width: 100%;
9590 }
9591 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
9592 margin-bottom: 3px;
9593 font-weight: 500;
9594 }
9595 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
9596 width: 90px;
9597 border: 1px solid var(--vbo-config-border-color);
9598 background-color: var(--vbo-config-bg-color);
9599 border-radius: 4px;
9600 text-align: center;
9601 margin: 5px;
9602 padding: 3px;
9603 position: relative;
9604 display: inline-block;
9605 }
9606 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
9607 color: var(--vbo-config-titles-color-light);
9608 text-decoration: none;
9609 display: block;
9610 line-height: 1.3em;
9611 padding: 6px 3px;
9612 }
9613 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
9614 font-size: 18px;
9615 }
9616 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
9617 width: 90px;
9618 display: inline-block;
9619 overflow: hidden;
9620 text-overflow: ellipsis;
9621 font-size: 13px;
9622 white-space: nowrap;
9623 }
9624 .vbo-roomdet-guest-detail-num span {
9625 font-weight: bold;
9626 flex-basis: 100px;
9627 }
9628 .vbo-checkin-main-block {
9629 display: flex;
9630 -ms-flex-wrap: wrap;
9631 -webkit-flex-wrap: wrap;
9632 flex-wrap: wrap;
9633 }
9634 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
9635 flex-basis: 60px;
9636 }
9637 .vbo-roomsdet-container {
9638 display: inline-block;
9639 -ms-flex: 1;
9640 -webkit-flex: 1;
9641 flex: 1;
9642 margin-right: 5px;
9643 }
9644 .vbo-checkin-payment-detail-v {
9645 float: right;
9646 margin-left: 5px;
9647 }
9648 .vbo-checkin-payment-container {
9649 display: inline-block;
9650 vertical-align: top;
9651 background: var(--vbo-light-color-btn);
9652 -ms-flex: 0 0 18%;
9653 -webkit-flex: 0 0 18%;
9654 flex: 0 0 18%;
9655 float: right;
9656 padding: 15px;
9657 margin-left: 5px;
9658 border-radius: 6px;
9659 box-shadow: 0 0 10px rgba(0,0,0,.05);
9660 }
9661 .vbo-checkin-payment-detail {
9662 margin: 5px 0;
9663 display: inline-block;
9664 width: 100%;
9665 }
9666 .vbo-checkin-payment-detail-click {
9667 background: var(--vbo-base-color);
9668 color: #fff;
9669 padding: 3px 10px;
9670 border-radius: 2px;
9671 margin-top: 10px;
9672 cursor: pointer;
9673 }
9674 .vbo-checkin-payment-detail:first-child {
9675 font-size: larger;
9676 }
9677 .vbo-checkin-payment-detail-lbl {
9678 vertical-align: middle;
9679 }
9680 .vbo-checkin-notes-wrap {
9681 clear: both;
9682 width: 100%;
9683 margin: 5px 0;
9684 }
9685 .vbo-checkin-notes-inner {
9686 margin: 0 auto;
9687 width: 60%;
9688 text-align: center;
9689 }
9690 .vbo-checkin-notes-trig {
9691 color: var(--vbo-config-titles-color-light);
9692 }
9693 .vbo-checkin-notes-trig span {
9694 cursor: pointer;
9695 }
9696 .vbo-checkin-notes-cont {
9697 display: none;
9698 padding: 4px;
9699 }
9700 .vbo-checkin-notes-cont textarea {
9701 width: 100% !important;
9702 height: 100px;
9703 }
9704 .vbo-checkin-commands-wrap {
9705 margin: 25px 0 15px;
9706 }
9707 .vbo-checkin-commands-inner {
9708 text-align: center;
9709 }
9710 .vbo-checkin-commands-btn {
9711 display: inline-block;
9712 margin-left: 15px;
9713 }
9714 .vbo-checkin-commands-btn:first-child {
9715 margin-left: 0;
9716 }
9717 .vbo-checkin-commands-btn .btn-large {
9718 padding: 9px 14px;
9719 border-radius: 3px;
9720 font-size: inherit;
9721 }
9722 .vbo-checkin-commands-btn .btn-large:not(.btn-success) {
9723 background: var(--vbo-red-color);
9724 border-color: var(--vbo-red-color);
9725 color: #fff;
9726 }
9727 .vbo-checkin-commands-btn .btn-large:not(.btn-success):hover {
9728 background: var(--vbo-red-color-hover);
9729 border-color: var(--vbo-red-color-hover);
9730 }
9731 .vbo-checkin-update-wrap {
9732 clear: both;
9733 width: 100%;
9734 margin: 5px 0;
9735 }
9736 .vbo-checkin-update-inner {
9737 margin: 0 auto;
9738 width: 60%;
9739 text-align: center;
9740 }
9741 .vbo-checkin-custdet-cont {
9742 width: 100%;
9743 margin-top: 10px;
9744 padding: 4px;
9745 }
9746 .vbo-checkin-custdet-entry {
9747 display: inline-block;
9748 width: calc(33% - 10px);
9749 margin: 10px 5px;
9750 vertical-align: top;
9751 }
9752 .vbo-checkin-custdet-key {
9753 display: block;
9754 color: var(--vbo-config-titles-color-light);
9755 }
9756 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
9757 color: var(--vbo-red-color);
9758 }
9759 .vbo-checkin-custdet-value {
9760 display: block;
9761 font-size: larger;
9762 }
9763 #jmodal-box-vbo-checkin-booking {
9764 height: 100%;
9765 margin: 19px;
9766 overflow: hidden;
9767 overflow-y: scroll;
9768 box-sizing: border-box;
9769 }
9770 #jmodal-box-vbo-checkin-booking .modal-body {
9771 max-height: inherit;
9772 }
9773 #vbo-overlay-title .vbo-info-overlay-title-close {
9774 float: right;
9775 margin-top: -4px;
9776 margin-right: 0px;
9777 cursor: pointer;
9778 }
9779 div.modal {
9780 z-index: 9999999 !important;
9781 }
9782 div.modal.in {
9783 background-color: var(--vbo-body-bg-color);
9784 }
9785 div.modal.in .close:hover, div.modal.in .close:focus {
9786 color: var(--vbo-config-titles-color-light);
9787 }
9788 div.modal.in .modal-header + div.modal-body-wrapper {
9789 height: calc(100% - 130px) !important;
9790 }
9791 .vbo-sign-share-meth {
9792 margin: 10px 0;
9793 }
9794 .vbo-sign-share-meth label {
9795 margin-bottom: 3px;
9796 color: var(--vbo-body-text-color);
9797 }
9798 .vbo-sign-share-meth input {
9799 display: block !important;
9800 margin-bottom: 5px !important;
9801 }
9802 .vbo-sign-share-meth-close .btn {
9803 background: var(--vbo-red-color);
9804 border-color: var(--vbo-red-color);
9805 }
9806 .vbo-sign-share-meth-close .btn:hover {
9807 background: var(--vbo-red-color-hover);
9808 border-color: var(--vbo-red-color-hover);
9809 }
9810 #jmodal-vbo-vcm-rates-res {
9811 overflow-y: auto;
9812 }
9813 .vbo-vcm-rates-res-container {
9814 padding: 20px;
9815 }
9816 .vbo-vcm-rates-res-success {
9817 margin-bottom: 10px;
9818 border-bottom: 1px solid var(--vbo-config-border-color);
9819 padding-bottom: 10px;
9820 }
9821 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
9822 display: inline-block;
9823 vertical-align: top;
9824 border: 2px solid var(--vbo-green-color);
9825 padding: 10px;
9826 border-radius: 4px;
9827 margin: 4px;
9828 }
9829 .vbo-vcm-rates-res-channel-esit {
9830 display: inline-block;
9831 margin-right: 5px;
9832 font-size: 14px;
9833 border-radius: 50%;
9834 object-fit: cover;
9835 padding: 5px;
9836 width: 13px;
9837 height: 13px;
9838 line-height: 9px;
9839 text-align: center;
9840 }
9841 .vbo-vcm-rates-res-channel-logo {
9842 display: inline-block;
9843 }
9844 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
9845 color: #fff;
9846 background: var(--vbo-green-color);
9847 }
9848 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
9849 margin: 5px;
9850 border: 1px solid var(--vbo-green-color);
9851 padding: 10px;
9852 }
9853 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
9854 border: 1px solid var(--vbo-red-color);
9855 padding: 10px 0 0;
9856 border-radius: 4px;
9857 margin: 8px 0;
9858 }
9859 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
9860 color: #fff;
9861 background: var(--vbo-red-color);
9862 margin-left: 10px;
9863 }
9864 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
9865 color: #fff;
9866 background: var(--vbo-orange-color);
9867 margin-left: 10px;
9868 }
9869 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
9870 padding-bottom: 10px;
9871 }
9872 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
9873 overflow-y: auto;
9874 max-height: 150px;
9875 }
9876 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
9877 margin-bottom: 0;
9878 border-radius: 0 !important;
9879 padding: 10px;
9880 border-bottom-left-radius: 4px !important;
9881 border-bottom-right-radius: 4px !important;
9882 border: 0;
9883 border-top: 1px solid var(--vbo-config-border-color);
9884 }
9885 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
9886 border: 1px solid var(--vbo-orange-color);
9887 padding: 10px 0 0;
9888 border-radius: 4px;
9889 margin: 8px 0;
9890 }
9891 .vbo-ratesoverview-bottom-container {
9892 border: 1px solid var(--vbo-config-border-color);
9893 margin-top: 20px;
9894 padding: 20px;
9895 border-radius: 9px;
9896 }
9897 .vbo-ratesoverview-bottom-head {
9898 width: 100%;
9899 display: inline-block;
9900 }
9901 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
9902 float: left;
9903 }
9904 .vbo-ratesoverview-roomdetails {
9905 padding-top: 0;
9906 }
9907 .vbo-ratesoverview-roomdetails h3 {
9908 text-align: center;
9909 display: inline-block;
9910 margin-top: 10px;
9911 }
9912 .vbo-ratesoverview-obp-toggle-inner {
9913 float: right;
9914 margin-left: 20px;
9915 }
9916 .vbo-ratesoverview-obp-toggle-txt {
9917 display: inline-block;
9918 vertical-align: top;
9919 margin: 5px 0 0 5px;
9920 cursor: pointer;
9921 }
9922 .vbo-ratesoverview-caltab-wrapper {
9923 display: flex;
9924 -ms-flex-wrap: wrap;
9925 -webkit-flex-wrap: wrap;
9926 flex-wrap: wrap;
9927 margin-bottom: 30px;
9928 }
9929 .vbo-ratesoverview-period-container {
9930 display: inline-block;
9931 -ms-flex: 0 0 15%;
9932 -webkit-flex: 0 0 15%;
9933 flex: 0 0 15%;
9934 margin-left: 2px;
9935 }
9936 .vbo-table-responsive {
9937 -ms-flex: 1%;
9938 -webkit-flex: 1%;
9939 flex: 1%;
9940 overflow-x: scroll;
9941 }
9942 .vbratesoverviewtable tr td:first-child {
9943 position: sticky;
9944 left: 0;
9945 box-shadow: 5px 0 10px rgba(0,0,0,.05);
9946 z-index: 1;
9947 background-clip: padding-box !important;
9948 }
9949 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
9950 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
9951 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
9952 cursor: not-allowed;
9953 }
9954 .vbratesoverviewtable {
9955 border-spacing: 0;
9956 border-collapse: collapse;
9957 max-width: none;
9958 }
9959 .vbratesoverviewtable td {
9960 border-spacing: 0;
9961 border-collapse: collapse;
9962 border-right: 1px solid var(--vbo-config-bg-color);
9963 border-bottom: 1px solid var(--vbo-config-bg-color);
9964 }
9965 .vbratesoverviewtable tr:last-child td {
9966 border-bottom: 0;
9967 }
9968 .vbratesoverviewtable tr:first-child td {
9969 border-bottom: 0;
9970 }
9971 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
9972 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
9973 font-weight: bold;
9974 padding: 10px 10px;
9975 }
9976 .vbratesoverviewtable td .vbo-occ-label {
9977 display: inline-block;
9978 background: #999;
9979 border-radius: 4px;
9980 font-size: .9em;
9981 color: #fff;
9982 padding: 2px 6px;
9983 margin-left: 3px;
9984 font-weight: normal;
9985 }
9986 .vbo-roverw-curminlos-active {
9987 color: var(--vbo-red-color);
9988 font-weight: bold;
9989 }
9990 .vbratesoverviewtable .bluedays {
9991 min-width: 80px;
9992 }
9993 .vbratesoverviewtable .bluedays:hover {
9994 background-color: #73aecc;
9995 }
9996 .vbratesoverviewtable .bluedays:active {
9997 background-color: #89b8d0;
9998 }
9999 .vbratesoverviewtable .skip-bluedays-click:hover {
10000 background-color: #02679a;
10001 }
10002 .vbo-ratesoverview-period-inner {
10003 padding: 15px;
10004 background: var(--vbo-basic-btn);
10005 }
10006 .vbo-ratesoverview-period-lbl {
10007 font-weight: bold;
10008 font-size: 16px;
10009 margin: 0 5px 5px;
10010 }
10011 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10012 display: flex;
10013 -ms-flex-wrap: wrap;
10014 -webkit-flex-wrap: wrap;
10015 flex-wrap: wrap;
10016 }
10017 .vbo-ratesoverview-period-boxes-inner > div {
10018 display: inline-block;
10019 flex: 1;
10020 background: var(--vbo-config-bg-color);
10021 margin: 5px;
10022 padding: 15px 5px;
10023 text-align: center;
10024 border-radius: 4px;
10025 cursor: pointer;
10026 }
10027 .vbo-ratesoverview-period-box-lbl {
10028 font-weight: bold;
10029 margin-bottom: 5px;
10030 color: var(--vbo-config-titles-color-light);
10031 }
10032 .vbo-ratesoverview-period-box-val > div > span {
10033 display: block;
10034 font-weight: bold;
10035 color: var(--vbo-base-color);
10036 }
10037 .vbo-ratesoverview-period-wday {
10038 font-size: 12px;
10039 }
10040 .vbo-ratesoverview-period-mday {
10041 font-size: 24px;
10042 margin: 3px 0;
10043 }
10044 .vbo-ratesoverview-period-month {
10045 font-size: 12px;
10046 text-transform: uppercase;
10047 font-weight: normal;
10048 }
10049 .vbo-ratesoverview-period-box-val i {
10050 font-size: 28px;
10051 color: var(--vbo-blue-color);
10052 }
10053 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10054 position: relative;
10055 }
10056 .vbo-ratesoverview-period-box-cals-inner {
10057 position: absolute;
10058 top: 0;
10059 right: 0;
10060 width: 630px;
10061 padding: 10px;
10062 z-index: 1;
10063 border-radius: 10px;
10064 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10065 background: var(--vbo-config-bg-color);
10066 border: 1px solid var(--vbo-main-bg-color);
10067 }
10068 .vbo-ratesoverview-period-box-cals-inner > div {
10069 display: inline-block;
10070 vertical-align: top;
10071 }
10072 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10073 border-right: 1px solid var(--vbo-basic-btn);
10074 padding-right: 4px;
10075 }
10076 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10077 padding: 3px 0;
10078 color: var(--vbo-config-titles-color-light);
10079 border-bottom: 1px solid var(--vbo-basic-btn);
10080 margin: 0 0 5px;
10081 text-align: center;
10082 text-transform: uppercase;
10083 font-size: 11px;
10084 }
10085 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10086 width: 160px;
10087 }
10088 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10089 width: 100% !important;
10090 }
10091 .vbo-receipt-company-block {
10092 text-align: center;
10093 }
10094 .vbo-receipt-company-info::first-line {
10095 font-weight: bold;
10096 }
10097 .vbo-resmodcanc-block select {
10098 max-width: 225px;
10099 }
10100 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10101 margin: 0;
10102 }
10103 .vbo-resmodcanc-lim label {
10104 display: inline-block;
10105 }
10106 .vbo-ratesoverview-orphans-wrapper {
10107 padding: 15px;
10108 margin: 2px 10px 0;
10109 border-radius: 6px;
10110 background: var(--vbo-basic-btn);
10111 border: 1px solid var(--vbo-red-color);
10112 }
10113 .vbo-ratesoverview-orphans-lbl {
10114 font-weight: bold;
10115 font-size: 16px;
10116 margin-bottom: 10px;
10117 }
10118 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10119 color: var(--vbo-red-color);
10120 }
10121 .vbo-ratesoverview-orphans-list {
10122 max-height: 179px;
10123 overflow: hidden;
10124 overflow-y: scroll;
10125 }
10126 .vbo-ratesoverview-orphans-list > div {
10127 margin: 3px 0;
10128 }
10129 /* Signature Pad - Start */
10130 .vbo-signature-container {
10131 display: -webkit-box;
10132 display: -ms-flexbox;
10133 display: flex;
10134 -webkit-box-pack: center;
10135 -ms-flex-pack: center;
10136 justify-content: center;
10137 -webkit-box-align: center;
10138 -ms-flex-align: center;
10139 align-items: center;
10140 height: 70vh;
10141 width: 100%;
10142 -webkit-user-select: none;
10143 -moz-user-select: none;
10144 -ms-user-select: none;
10145 user-select: none;
10146 margin: 0;
10147 padding: 0;
10148 font-family: Helvetica, Sans-Serif;
10149 }
10150 .vbo-signature-pad {
10151 position: relative;
10152 display: -webkit-box;
10153 display: -ms-flexbox;
10154 display: flex;
10155 -webkit-box-orient: vertical;
10156 -webkit-box-direction: normal;
10157 -ms-flex-direction: column;
10158 flex-direction: column;
10159 font-size: 10px;
10160 width: 100%;
10161 height: 100%;
10162 max-width: 700px;
10163 max-height: 460px;
10164 border: 1px solid var(--vbo-config-border-color);
10165 background-color: var(--vbo-config-bg-color);
10166 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10167 border-radius: 4px;
10168 padding: 16px;
10169 }
10170 .vbo-signature-pad::before, .vbo-signature-pad::after {
10171 position: absolute;
10172 z-index: -1;
10173 content: "";
10174 width: 40%;
10175 height: 10px;
10176 bottom: 10px;
10177 background: transparent;
10178 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10179 }
10180 .vbo-signature-pad::before {
10181 left: 20px;
10182 -webkit-transform: skew(-3deg) rotate(-3deg);
10183 transform: skew(-3deg) rotate(-3deg);
10184 }
10185 .vbo-signature-pad::after {
10186 right: 20px;
10187 -webkit-transform: skew(3deg) rotate(3deg);
10188 transform: skew(3deg) rotate(3deg);
10189 }
10190 .vbo-signature-pad-head {
10191 margin-bottom: 8px;
10192 text-align: center;
10193 display: flex;
10194 flex-wrap: wrap;
10195 }
10196 .vbo-signature-pad-head .pull-right {
10197 margin-left: auto;
10198 }
10199 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10200 flex-basis: 100%;
10201 margin-top: 5px;
10202 }
10203 .vbo-signature-pad-head-terms {
10204 display: inline-block;
10205 padding: 0 10px;
10206 }
10207 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10208 text-decoration: none;
10209 }
10210 .vbo-signature-pad-body {
10211 position: relative;
10212 -webkit-box-flex: 1;
10213 -ms-flex: 1;
10214 flex: 1;
10215 border: 1px solid var(--vbo-config-child-bg-color);
10216 }
10217 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10218 position: absolute;
10219 left: 0;
10220 top: 0;
10221 width: 100%;
10222 height: 100%;
10223 border-radius: 4px;
10224 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10225 }
10226 .vbo-signature-pad-footer {
10227 text-align: center;
10228 margin-top: 8px;
10229 }
10230 .vbo-signature-signabove {
10231 color: var(--vbo-body-text-color);
10232 font-size: 1.2em;
10233 }
10234 .vbo-signature-cmds {
10235 display: -webkit-box;
10236 display: -ms-flexbox;
10237 display: flex;
10238 -webkit-box-pack: justify;
10239 -ms-flex-pack: justify;
10240 justify-content: space-between;
10241 margin-top: 8px;
10242 }
10243 .vbo-signature-cmd {
10244 display: inline-block;
10245 margin-right: 5px;
10246 }
10247 .vbo-signature-cmds > div:last-child {
10248 margin-right: 0;
10249 }
10250 .vbo-current-signature-p {
10251 display: block;
10252 text-align: center;
10253 font-weight: bold;
10254 font-size: 14px;
10255 }
10256 .vbo-signature-currentimg img {
10257 max-width: 100%;
10258 }
10259 /* Signature Pad - End */
10260 /* Booking Checkin - End */
10261 /* Booking Details Tabs - Start */
10262 .vbo-bookingdet-tabs {
10263 float: left;
10264 }
10265 .vbo-bookingdet-tab {
10266 display: inline-block;
10267 cursor: pointer;
10268 padding: 16px;
10269 margin: 0;
10270 font-size: 1.2em;
10271 text-transform: uppercase;
10272 font-weight: bold;
10273 }
10274 .vbo-bookingdet-tab-active {
10275 border-bottom: 3px solid var(--vbo-base-color);
10276 color: var(--vbo-base-color);
10277 }
10278 .vbo-bookingdet-commands {
10279 float: right;
10280 }
10281 .vbo-bookingdet-command {
10282 display: inline-block;
10283 margin: 3px;
10284 }
10285 .vbo-bookingdet-command .btn.vbo-config-btn {
10286 padding: 10px 14px;
10287 background-color: var(--vbo-light-color-btn);
10288 color: var(--vbo-base-color);
10289 border: 1px solid var(--vbo-config-border-color);
10290 }
10291 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10292 background: var(--vbo-base-color-hover);
10293 border: 1px solid var(--vbo-base-color-hover);
10294 color: #fff;
10295 }
10296 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10297 background: var(--vbo-base-color-hover);
10298 border: 1px solid var(--vbo-base-color-hover);
10299 }
10300 .vbo-bookingdet-command i {
10301 margin-right: 5px;
10302 }
10303 .vbo-bookingdet-tab-cont {
10304 display: block;
10305 background: var(--vbo-basic-btn);
10306 padding-top: 15px;
10307 }
10308 img.vbo-channelimg-medium {
10309 max-height: 20px;
10310 }
10311 /* Booking Details Tabs - End */
10312 /* VikUpdater - Start */
10313 .vik-box-error {
10314 padding: 10px;
10315 border: 2px dashed var(--vbo-red-color);
10316 color: var(--vbo-red-color);
10317 font-weight: bolder;
10318 }
10319 .vik-box-error hr {
10320 border-top-color: var(--vbo-red-color);
10321 }
10322 .vik-update-changelog {
10323 padding: 10px;
10324 border: 2px dashed var(--vbo-middle-color-btn);
10325 }
10326 .vik-update-changelog h2 {
10327 margin-bottom: 25px;
10328 }
10329 .vik-update-changelog ul li strong {
10330 display: inline-block;
10331 width: 220px;
10332 }
10333 .vik-update-changelog div.box-separator {
10334 border-top: 1px solid var(--vbo-config-border-color);
10335 margin: 20px 0;
10336 }
10337 .vik-update-changelog > *:first-child,
10338 .vik-box-error > *:first-child {
10339 margin-top: 0;
10340 }
10341 .vik-update-changelog > *:last-child,
10342 .vik-box-error > *:last-child {
10343 margin-bottom: 0;
10344 }
10345 /* VikUpdater - End */
10346 .vbo-colortag-square {
10347 background-color: var(--vbo-config-bg-color);
10348 border: 1px solid var(--vbo-config-title-color);
10349 border-radius: 4px;
10350 cursor: pointer;
10351 display: inline-block;
10352 height: 30px;
10353 margin-right: 10px;
10354 width: 30px;
10355 text-align: center;
10356 vertical-align: top;
10357 line-height: 30px;
10358 }
10359 .vbo-colortag-circle {
10360 border-radius: 50%;
10361 cursor: pointer;
10362 display: inline-block;
10363 height: 14px;
10364 margin: 1px;
10365 padding: 0;
10366 vertical-align: middle;
10367 width: 14px;
10368 }
10369 .vbo-allbsearchcust-loading-inp {
10370 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
10371 }
10372 .vbo-allbsearchcust-res {
10373 top: 36px;
10374 position: absolute;
10375 z-index: 2;
10376 width: 100%;
10377 }
10378 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
10379 list-style: none;
10380 text-align: left;
10381 padding: 0;
10382 margin: 0 0 0 -1px;
10383 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
10384 background-color: var(--vbo-config-bg-color);
10385 border: 1px solid var(--vbo-config-border-color);
10386 white-space: nowrap;
10387 max-height: 200px;
10388 width: 100%;
10389 overflow-y: scroll;
10390 }
10391 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
10392 font-size: 13px;
10393 }
10394 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
10395 list-style: none;
10396 text-align: left;
10397 white-space: nowrap;
10398 }
10399 .vbo-allbookings-fm .btn-group select {
10400 max-width: 150px;
10401 margin-bottom: 0;
10402 border-radius: 2px;
10403 border: 1px solid var(--vbo-config-border-color);
10404 padding: 8px 10px;
10405 height: inherit;
10406 }
10407 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
10408 min-width: 80%;
10409 }
10410 /* Config: Do not edit this */
10411 /* FontAwesome fixes - Start */
10412 i.fa-sort-desc {
10413 vertical-align: top;
10414 }
10415 /* FontAwesome fixes - End */
10416 /* Select2 fixes - Start */
10417 .select2-search--dropdown .select2-search__field {
10418 width: 100% !important;
10419 }
10420 input[type="search"].select2-search__field {
10421 height: auto !important;
10422 margin-bottom: 2px !important;
10423 }
10424 .select2-container.select2-container--default.select2-container--open {
10425 z-index: 9999999999 !important;
10426 }
10427 /* Select2 fixes - End */
10428 .vikpaymentparam {
10429 display: block;
10430 padding: 2px;
10431 }
10432 .vikpaymentparamlabel {
10433 display: inline-block;
10434 min-width: 150px;
10435 }
10436 .vikpaymentparamlbl-textarea {
10437 display: block;
10438 }
10439 .vikpaymentparaminput {
10440 display: inline-block !important;
10441 }
10442 .vikpaymentparaminput.vikpaymentparaminput-tarea {
10443 width: 100%;
10444 }
10445 .vikpaymentparamlabelhelp {
10446 font-size: smaller;
10447 font-style: italic;
10448 padding-left: 5px;
10449 }
10450 .vbo-config-param-cell {
10451 background: none repeat scroll 0 0 var(--vbo-light-color-btn);;
10452 border-right: 1px solid var(--vbo-config-border-color);
10453 vertical-align: middle !important;
10454 }
10455 .vbo-config-param-cell.vbo-config-param-cell-warn {
10456 color: var(--vbo-red-color) !important;
10457 }
10458 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
10459 float: right;
10460 }
10461 .vbo-smstpl-bgroup {
10462 white-space: inherit !important;
10463 }
10464 .vbo-smstpl-bgroup button {
10465 margin: 2px 0;
10466 }
10467 .vbo-smstpl-bgroup button:first-child {
10468 margin-left:-1px !important;
10469 border-radius:0 !important;
10470 }
10471 .vbo-smstpl-control textarea {
10472 margin-top:5px;
10473 }
10474 .vbo-custmail-bgroup .btn-small {
10475 padding: 2px 5px !important;
10476 margin: 1px 4px;
10477 }
10478 .vbo-spblock-inline {
10479 display: inline-block;
10480 margin-right: 8px;
10481 }
10482 .vbo-spblock-inline input {
10483 display: inline-block;
10484 }
10485 .vbo-spblock-inline label {
10486 display: inline;
10487 vertical-align: middle;
10488 }
10489 #vbo-sms-balance {
10490 margin: 8px 0;
10491 padding: 5px;
10492 }
10493 .fieldset-left {
10494 float: left;
10495 margin-right: 20px;
10496 }
10497 .fieldset-half {
10498 float: left;
10499 width: 48%;
10500 }
10501 ul.dropdown-menu {
10502 z-index: 9999;
10503 }
10504 span.badge a {
10505 color: #fff;
10506 }
10507 span.badge a:hover {
10508 color: #fff;
10509 text-decoration: none;
10510 }
10511 i.icn-bigger {
10512 font-size: larger;
10513 }
10514 i.icn-nomargin {
10515 margin: 0 !important;
10516 }
10517 i.icn-float-left {
10518 float: left;
10519 }
10520 i.icn-float-right {
10521 float: right;
10522 }
10523 i.icn-clickable {
10524 cursor: pointer;
10525 }
10526 i.vbo-quest-popover {
10527 color: var(--vbo-config-title-color);
10528 }
10529 i.vbo-quest-popover:hover {
10530 color: var(--vbo-blue-color);
10531 }
10532 .popover {
10533 z-index: 9999999999 !important;
10534 }
10535 i.vbo-icn-img {
10536 font-size: 20px;
10537 }
10538 /* Joomla 3.x */
10539 div.current {
10540 background: var(--vbo-main-bg-color);
10541 clear: both;
10542 padding: 10px;
10543 }
10544 div.current dd.tabs {
10545 margin-left: 0;
10546 }
10547 dl.tabs {
10548 float: left;
10549 margin: 10px 0 -1px -3px;
10550 z-index: 50;
10551 }
10552 dl.tabs dt.open {
10553 color: #000000;
10554 z-index: 1;
10555 }
10556 dl.tabs dt {
10557 color: #666666;
10558 float: left;
10559 margin-left: 3px;
10560 padding: 4px 10px;
10561 }
10562 dt.tabs span h3 {
10563 font-size: 13px;
10564 margin: 0;
10565 display: inline-block;
10566 padding: 4px 8px;
10567 }
10568 .vbo-config-tabs-wrap dt.tabs:hover h3 {
10569 background: var(--vbo-toolbar-bg-color);
10570 border-radius: 4px;
10571 }
10572 #ui-datepicker-div select {
10573 line-height: 1em;
10574 padding: 5px 14px 5px 8px !important;
10575 min-height: 20px;
10576 height: auto !important;
10577 }
10578 .vbo-link-add {
10579 font-size: 13px;
10580 border-radius: 3px;
10581 }
10582 .vbo-link-add i {
10583 margin-right: 5px;
10584 display: inline-block;
10585 }
10586 .btn.vbo-config-btn, .vbo-link-add {
10587 background-color: var(--vbo-base-color);
10588 border: 1px solid var(--vbo-base-color);
10589 color: #fff;
10590 padding: 10px 14px;
10591 display: inline-block;
10592 }
10593 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
10594 background-color: var(--vbo-base-color-hover) !important;
10595 border: 1px solid var(--vbo-base-color-hover) !important;
10596 color: #fff;
10597 }
10598 .btn.vbo-config-btn:active, .vbo-link-add:active {
10599 background-color: var(--vbo-link-text-color) !important;
10600 color: #fff;
10601 }
10602 .vbo-config-btn.vbo-config-btn-rounded {
10603 border-radius: 50%;
10604 width: 25px;
10605 height: 25px;
10606 text-align: center;
10607 }
10608 .vbo-config-btn.vbo-config-btn-rounded i {
10609 margin-right: 0;
10610 }
10611 .vbo-config-btn-rounded.vbo-config-btn-large {
10612 height: 50px;
10613 width: 50px;
10614 font-size: 24px;
10615 }
10616 .vbo-config-tabs-wrap dl.tabs {
10617 margin: 10px 0 0;
10618 width: 100%;
10619 border-bottom: 1px solid var(--vbo-config-border-color);
10620 }
10621 .vbo-config-tabs-wrap dl.tabs dt h3 i {
10622 margin-right: 5px;
10623 font-size: 15px;
10624 }
10625 .vbo-config-tabs-wrap dl.tabs dt {
10626 padding: 5px;
10627 margin-left: 0;
10628 border: 0;
10629 display: inline-block;
10630 float: none;
10631 }
10632 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
10633 color: var(--vbo-config-title-color);
10634 }
10635 .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 {
10636 color: var(--vbo-base-color);
10637 }
10638 .vbo-config-tabs-wrap dl.tabs dt.open a {
10639 color: #000;
10640 }
10641 .vbo-config-tabs-wrap dl.tabs dt.open {
10642 border-bottom: 2px solid var(--vbo-base-color);
10643 }
10644 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
10645 color: var(--vbo-config-title-color);
10646 }
10647 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
10648 border-bottom: 2px solid var(--vbo-base-color);
10649 }
10650 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
10651 color: inherit;
10652 }
10653 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
10654 background: transparent;
10655 border-bottom: 0;
10656 float: right;
10657 }
10658 .vbo-config-body {
10659 margin-top: -20px;
10660 }
10661
10662 .vbo-admin-container {
10663 background: var(--vbo-main-bg-color);
10664 clear: both;
10665 padding: 10px;
10666 display: flex;
10667 flex-wrap: wrap;
10668 }
10669 .vbo-admin-container > div {
10670 flex-basis: calc(50% - 10px);
10671 }
10672 .vbo-admin-container.vbo-params-container-wide > div {
10673 flex-basis: 100%;
10674 }
10675 .vbo-admin-container .adminform {
10676 width: auto;
10677 display: inherit;
10678 background: var(--vbo-config-bg-color);
10679 border-radius: 6px;
10680 margin: 20px 0;
10681 padding: 15px 30px;
10682 box-shadow: 0 0 2px rgba(0,0,0,.1);
10683 }
10684 .vbo-admin-container .vbo-config-maintab-left {
10685 margin-right: 10px;
10686 }
10687 .vbo-admin-container .vbo-config-maintab-right {
10688 margin-left: 10px;
10689 }
10690 /* With this class we create a 100% width settings block */
10691 .vbo-config-tab-container > .adminform {
10692 width: 100%;
10693 }
10694 .vbo-config-tab-container .adminform {
10695 margin-top: 0;
10696 }
10697 .vbo-config-tab-container {
10698 padding-top: 10px !important;
10699 }
10700 .vbo-admin-container .adminlegend {
10701 border-bottom: 0;
10702 font-size: 22px;
10703 line-height: 1.2em;
10704 font-weight: bold;
10705 color: var(--vbo-config-titles-color-light);
10706 width: 100%;
10707 }
10708 .modal-body .adminlegend {
10709 float: left;
10710 width: 100%;
10711 }
10712 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
10713 width: auto;
10714 float: inherit;
10715 margin-bottom: 10px;
10716 }
10717 .modal-body-wrapper .vbo-admin-container .adminlegend {
10718 float: none;
10719 }
10720 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
10721 margin-top: 15px;
10722 }
10723 .vbo-admin-container .adminlegend i {
10724 margin-right: 5px;
10725 }
10726 .vbo-admin-container .vbo-param-container {
10727 display: flex;
10728 margin: 25px 0;
10729 }
10730 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
10731 margin-bottom: 0;
10732 }
10733 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
10734 max-width: 225px;
10735 }
10736 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
10737 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
10738 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
10739 vertical-align: top;
10740 }
10741 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
10742 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
10743 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
10744 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
10745 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
10746 vertical-align: inherit !important;
10747 }
10748 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
10749 padding: 8px 5px;
10750 border-color: var(--vbo-config-border-color);
10751 }
10752 .vbo-admin-container .vbo-param-container.vbo-param-child {
10753 margin-top: -20px;
10754 }
10755 .vbo-admin-container .vbo-param-container.vbo-param-nested {
10756 border-top: 2px solid var(--vbo-basic-btn);
10757 background: var(--vbo-config-child-bg-color);
10758 padding: 10px 15px;
10759 margin: 0;
10760 }
10761 .vbo-admin-container .vbo-param-container .vbo-param-label {
10762 flex-basis: 250px;
10763 font-size: 14px;
10764 margin-right: 20px;
10765 margin-bottom: 5px;
10766 }
10767 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
10768 display: block;
10769 margin-bottom: 5px;
10770 }
10771 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
10772 .vbo-admin-container .vbo-param-container-full {
10773 flex-wrap: wrap;
10774 }
10775 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
10776 flex-basis: 100%;
10777 margin-bottom: 10px;
10778 }
10779 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
10780 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
10781 width: 100%;
10782 }
10783
10784 /* This "-full" class is to enlarge the one column admin structure.
10785 * This needs to be used together with the "vbo-admin-container" class.
10786 */
10787 .vbo-admin-container-full .vbo-params-wrap {
10788 flex-basis: 100%;
10789 }
10790 /* This "-compact" class is to reduce the padding between the settings.
10791 * This needs to be used together with the "vbo-admin-container" class.
10792 */
10793 .vbo-admin-container-compact .vbo-param-container {
10794 margin: 12px 0;
10795 }
10796
10797 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
10798 flex-basis: 235px;
10799 }
10800 .vbo-admin-container .vbo-param-container .vbo-param-setting {
10801 flex: 1;
10802 }
10803 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
10804 display: block;
10805 font-size: .9em;
10806 margin-top: 4px;
10807 font-style: italic;
10808 color: var(--vbo-config-title-color);
10809 }
10810 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
10811 font-weight: bold;
10812 color: var(--vbo-red-color);
10813 }
10814 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
10815 margin-left: 5px;
10816 font-style: italic;
10817 color: var(--vbo-config-title-color);
10818 }
10819 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
10820 display: inline-block;
10821 margin-right: 10px;
10822 }
10823 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
10824 margin-bottom: 5px;
10825 }
10826 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
10827 margin-bottom: 0;
10828 }
10829 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
10830 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
10831 background: var(--vbo-main-bg-color);
10832 padding: 10px 15px;
10833 border-radius: 2px;
10834 border: 1px solid var(--vbo-config-border-color);
10835 color: var(--vbo-config-title-color);
10836 display: inline-block;
10837 white-space: nowrap;
10838 overflow: hidden;
10839 text-overflow: ellipsis;
10840 max-width: 120px;
10841 margin: 0;
10842 vertical-align: top;
10843 }
10844 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
10845 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
10846 color: var(--vbo-base-color);
10847 border-color: var(--vbo-base-color);
10848 background-color: var(--vbo-config-bg-color);
10849 }
10850 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
10851 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
10852 background-color: var(--vbo-config-child-bg-color);
10853 }
10854 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
10855 margin-right: 3px;
10856 font-size: 16px;
10857 }
10858 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
10859 margin: 2px 0;
10860 height: 40px;
10861 }
10862 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
10863 vertical-align: top;
10864 }
10865 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
10866 vertical-align: top;
10867 }
10868 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
10869 margin-bottom: 0;
10870 }
10871 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
10872 margin-top: 0;
10873 }
10874 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
10875 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
10876 border-left: 1px solid var(--vbo-main-bg-color);
10877 padding-left: 10px;
10878 margin-left: 10px;
10879 }
10880 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
10881 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
10882 margin: 0 10px 3px 0;
10883 display: inline-block;
10884 }
10885 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
10886 margin-top: 0;
10887 }
10888 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
10889 margin-left: 0;
10890 }
10891 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,
10892 .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"] {
10893 border: 1px solid var(--vbo-config-border-color);
10894 border-radius: 2px;
10895 padding: 8px 10px;
10896 margin-bottom: 0;
10897 box-sizing: border-box;
10898 height: auto;
10899 }
10900 input[type="number"].vbo-small-input {
10901 width: 70px !important;
10902 vertical-align: inherit;
10903 }
10904 input[type="number"].vbo-medium-input {
10905 width: 100px !important;
10906 vertical-align: inherit;
10907 }
10908 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
10909 .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 {
10910 background: var(--vbo-input-style-deactive);
10911 }
10912 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
10913 width: 100px !important;
10914 }
10915 input[type="number"].vbo-large-input-number {
10916 width: 180px !important;
10917 }
10918 .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 {
10919 margin-bottom: 0;
10920 border-radius: 2px;
10921 border: 1px solid var(--vbo-config-border-color);
10922 padding: 8px 10px;
10923 height: inherit;
10924 }
10925 .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 {
10926 padding: 8px 10px;
10927 border-radius: 0 2px 2px 0;
10928 border: 1px solid var(--vbo-config-border-color);
10929 }
10930 .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,
10931 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
10932 margin-right: 0;
10933 }
10934 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
10935 background: var(--vbo-base-color);
10936 border: 1px solid var(--vbo-base-color);
10937 color: #fff;
10938 padding: 10px 14px;
10939 }
10940 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
10941 background: var(--vbo-base-color-hover) !important;
10942 }
10943 .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 {
10944 background: var(--vbo-link-text-color) !important;
10945 }
10946 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
10947 margin-right: 5px;
10948 display: inline-block;
10949 }
10950 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
10951 margin-top: 5px;
10952 }
10953 .vbo-admin-container .vbo-param-container .btn-danger {
10954 padding: 10px 14px;
10955 font-size: 12px;
10956 line-height: 15px;
10957 border-radius: 3px;
10958 }
10959 select.vbo-select-small {
10960 padding: 0px 24px 0px 8px !important;
10961 min-height: 25px;
10962 font-size: 12px;
10963 height: 25px !important;
10964 }
10965 .vbo-btn-toolbar .btn i {
10966 margin-right: 5px;
10967 }
10968 .vbo-btn-toolbar .input-append .btn .icon-calendar {
10969 margin-right: 0;
10970 }
10971 .iti.iti--allow-dropdown {
10972 background: var(--vbo-input-style);
10973 border: 1px solid var(--vbo-config-border-color);
10974 display: flex;
10975 z-index: 0;
10976 }
10977 .iti.iti--allow-dropdown .iti__flag-container {
10978 position: relative;
10979 }
10980 .iti.iti--allow-dropdown .iti__selected-flag {
10981 border-right: 1px solid var(--vbo-config-border-color);
10982 }
10983 .iti.iti--allow-dropdown input[type="tel"] {
10984 border: 0;
10985 border-radius: 2px;
10986 padding: 5px 10px;
10987 margin-bottom: 0;
10988 height: auto;
10989 flex: 1;
10990 }
10991 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
10992 background: var(--vbo-config-child-bg-color);
10993 }
10994 .vbo-uploaded-files i.fa-file {
10995 font-size: 68px !important;
10996 }
10997 .vbo-uploaded-files .file-elem a .file-extension {
10998 font-size: 14px !important;
10999 }
11000 .vbo-uploaded-files .file-elem {
11001 width: calc(100% / 7) !important;
11002 }
11003 .vbo-bookingdet-btncont .vbo-config-btn {
11004 margin-top: 5px;
11005 }
11006 .vbo-bookingdet-btncont .vbo-config-btn i {
11007 margin-right: 8px;
11008 }
11009 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11010 display: inline-block;
11011 margin-left: 10px;
11012 border: 1px solid var(--vbo-config-border-color);
11013 padding: 8px 9px;
11014 margin-top: 0px;
11015 border-radius: 2px;
11016 background: var(--vbo-config-child-bg-color);
11017 vertical-align: top;
11018 }
11019 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11020 background: var(--vbo-config-bg-color);
11021 }
11022 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11023 margin-bottom: 0;
11024 height: auto;
11025 }
11026 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11027 margin-bottom: 0;
11028 }
11029 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11030 border: 0 !important;
11031 background: transparent;
11032 }
11033 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11034 padding: 0;
11035 }
11036 .vbo-param-container .vbo-param-setting .select2-container--default {
11037 width: 70% !important;
11038 }
11039 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11040 width: 100%;
11041 }
11042 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11043 width: 100% !important;
11044 background: var(--vbo-config-bg-color);
11045 }
11046 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
11047 background-color: #b6d8ee;
11048 border: 1px solid #b8d1e1;
11049 border-radius: 30px;
11050 padding: 5px 10px;
11051 color: #2d5593;
11052 font-weight: bold;
11053 }
11054 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11055 display: inline-block;
11056 margin-left: 3px;
11057 margin-right: 0;
11058 width: 18px;
11059 height: 18px;
11060 line-height: 15px;
11061 font-size: 16px;
11062 text-align: center;
11063 border-radius: 50%;
11064 color: #1f90d9;
11065 float: right;
11066 }
11067 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11068 background: #1f90d9;
11069 color: #fff;
11070 }
11071 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11072 margin-left: 5px;
11073 }
11074 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11075 height: 36px;
11076 border: 1px solid #ddd;
11077 border-radius: 2px;
11078 }
11079 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11080 font-weight: normal;
11081 font-size: 14px;
11082 }
11083 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11084 height: 36px;
11085 }
11086 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11087 line-height: 35px;
11088 }
11089 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11090 border: 0;
11091 }
11092 .vbo-preferred-countries-sortlist {
11093 margin-left: 0;
11094 max-width: 380px;
11095 }
11096 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11097 list-style-type: none;
11098 margin: 0;
11099 padding: 10px 15px;
11100 display: block;
11101 border: 1px solid var(--vbo-basic-btn);
11102 background: var(--vbo-config-child-bg-color);
11103 margin: 5px 3px;
11104 cursor: grab;
11105 }
11106 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11107 color: var(--vbo-config-titles-color-light);
11108 float: right;
11109 margin-top: 4px;
11110 }
11111 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11112 background: var(--vbo-config-bg-color);
11113 color: var(--vbo-base-color);
11114 border-color: var(--vbo-base-color);
11115 }
11116 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11117 color: var(--vbo-base-color);
11118 }
11119 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11120 margin-top: 4px;
11121 }
11122 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11123 cursor: pointer;
11124 }
11125 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11126 color: var(--vbo-base-color);
11127 }
11128 input[type="text"],
11129 input[type="password"],
11130 input[type="date"],
11131 input[type="email"],
11132 input[type="url"],
11133 input[type="search"],
11134 input[type="tel"],
11135 select {
11136 width: auto !important;
11137 }
11138 .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 {
11139 width: 70% !important;
11140 }
11141 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11142 width: 100%;
11143 }
11144 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11145 width: 200px !important;
11146 }
11147 .vbo-param-container input[type="number"].vbo-input-number-small {
11148 width: 80px !important;
11149 }
11150 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11151 width: auto !important;
11152 }
11153 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11154 color: var(--vbo-base-color-hover);
11155 }
11156 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11157 color: var(--vbo-link-text-color);
11158 }
11159 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11160 width: calc(70% - 2px);
11161 }
11162 .vbo-payment-params-container .vbo-param-setting img {
11163 max-width: 300px;
11164 }
11165
11166 input[type="number"] {
11167 width: 100px !important;
11168 }
11169 table.adminform label {
11170 display: inline;
11171 margin:0 0 0 5px;
11172 }
11173 table.adminform td {
11174 padding: 6px 0;
11175 }
11176 table.adminform div.input-append {
11177 display: inline;
11178 }
11179 .icon-vikbooking:before {
11180 font-family: "Font Awesome 5 Free", FontAwesome !important;
11181 font-weight: 900;
11182 content: "\f236";
11183 background: none !important;
11184 }
11185 .icon-vikbookingconfig:before {
11186 font-family: "Font Awesome 5 Free", FontAwesome !important;
11187 font-weight: 900;
11188 content: "\f236";
11189 background: none !important;
11190 }
11191 .icon-vikbookingstats:before {
11192 font-family: "Font Awesome 5 Free", FontAwesome !important;
11193 font-weight: 900;
11194 content: "\f236";
11195 background: none !important;
11196 }
11197 /* Joomla 3.7.0 - Start */
11198 .field-calendar, .vbo-field-calendar {
11199 display: inline-block;
11200 vertical-align: top;
11201 }
11202 .field-calendar .input-append, .vbo-field-calendar .input-append {
11203 display: flex;
11204 }
11205 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11206 padding: 8px 10px;
11207 border-radius: 0 2px 2px 0;
11208 border: 1px solid var(--vbo-config-border-color);
11209 }
11210 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11211 font-size: 14px;
11212 margin-right: 0;
11213 }
11214 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11215 margin-right: 0;
11216 }
11217 .btn-group .calendar-head-row {
11218 font-size: 13px;
11219 }
11220 /* Joomla 3.7.0 - End */
11221
11222 /* Reports - Start */
11223 .vbo-reports-container {
11224 background: var(--vbo-basic-btn);
11225 padding: 0 0 10px;
11226 }
11227 .vbo-reports-filters-outer {
11228 margin-top: 0;
11229 height: auto;
11230 background: var(--vbo-basic-btn-hover);
11231 padding: 10px;
11232 box-sizing: border-box;
11233 }
11234 .vbo-reports-filters-outer > div {
11235 display: inline-block;
11236 margin: 2px 0;
11237 }
11238 .vbo-reports-filters-export {
11239 float: right;
11240 }
11241 .vbo-reports-filters-report {
11242 margin: 0 20px;
11243 }
11244 .vbo-report-filter-lbl {
11245 margin-bottom: 2px;
11246 }
11247 .vbo-reports-filters-report .vbo-report-filter-wrap {
11248 display: inline-block;
11249 }
11250 .vbo-report-filter-val input, .vbo-report-filter-val select {
11251 margin: 0 !important;
11252 }
11253 .vbo-reports-output {
11254 margin: 10px;
11255 }
11256 .vbo-report-layout-type {
11257 text-align: right;
11258 display: inline-block;
11259 width: 100%;
11260 }
11261 .vbo-report-layout-type .vbo-report-layout-type-inner {
11262 background: var(--vbo-config-bg-color);
11263 margin-left: 10px;
11264 border: 1px solid var(--vbo-config-border-color);
11265 display: flex;
11266 width: 170px;
11267 float: right;
11268 margin-right: 10px;
11269 }
11270 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11271 display: inline-block;
11272 }
11273 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11274 border-right: 1px solid var(--vbo-config-border-color);
11275 margin-bottom: 0;
11276 padding: 9px 7px;
11277 flex-basis: 25px;
11278 text-align: center;
11279 font-size: 16px;
11280 }
11281 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11282 color: var(--vbo-config-titles-color-light);
11283 }
11284 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11285 margin-bottom: 0;
11286 border-radius: 2px;
11287 border: 0;
11288 padding: 8px 10px;
11289 height: inherit;
11290 flex: 1;
11291 }
11292 .vbo-report-chart-wrap > h4 {
11293 margin-top: 30px;
11294 font-size: 18px;
11295 margin-bottom: 10px;
11296 border-bottom: 1px solid var(--vbo-config-border-color);
11297 padding-bottom: 10px;
11298 margin-left: 10px;
11299 }
11300 .vbo-report-chart-inner {
11301 display: flex;
11302 flex-wrap: wrap;
11303 margin-bottom: 40px;
11304 }
11305 .vbo-report-chart-main {
11306 flex: 1;
11307 }
11308 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11309 background: var(--vbo-config-bg-color);
11310 border: 1px solid var(--vbo-config-bg-color);
11311 padding: 20px;
11312 border-radius: 16px;
11313 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11314 margin-bottom: 15px;
11315 position: relative;
11316 height: 70%;
11317 }
11318 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11319 font-weight: bold;
11320 color: var(--vbo-config-titles-color-light);
11321 margin-bottom: 10px;
11322 }
11323 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11324 font-size: 26px;
11325 font-weight: bold;
11326 }
11327 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
11328 display: inline-block;
11329 margin: 4px 0 6px;
11330 white-space: nowrap;
11331 }
11332 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
11333 font-size: 13px;
11334 display: inline-block;
11335 vertical-align: middle;
11336 color: var(--vbo-config-titles-color-light);
11337 }
11338 .vbo-report-chart-main .vbo-report-chart-metas {
11339 display: flex;
11340 flex-wrap: wrap;
11341 }
11342 .vbo-report-chart-main .vbo-report-chart-meta {
11343 flex-basis: 25%;
11344 }
11345 .vbo-report-chart-main .vbo-report-chart-meta-inner {
11346 margin: 0 5px;
11347 }
11348 .vbo-report-chart-main .vbo-report-chart-content {
11349 background: var(--vbo-config-bg-color);
11350 padding: 30px;
11351 border-radius: 16px;
11352 margin: 20px 5px;
11353 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11354 }
11355 .vbo-report-chart-right {
11356 flex-basis: 20%;
11357 margin-left: 15px;
11358 }
11359 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
11360 height: 30px;
11361 width: 4px;
11362 background: #ddd;
11363 content: "";
11364 position: absolute;
11365 left: -3px;
11366 top: 17px;
11367 }
11368 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
11369 background: var(--vbo-green-color);
11370 }
11371 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
11372 background: var(--vbo-red-color);
11373 }
11374 .chart-line-legend {
11375 margin-left: 0;
11376 text-align: center;
11377 }
11378 .chart-line-legend li {
11379 display: inline-block;
11380 list-style-type: none;
11381 border: 1px solid var(--vbo-config-border-color);
11382 border-radius: 20px;
11383 padding: 8px 15px 5px;
11384 margin: 5px;
11385 }
11386 .chart-line-legend li span {
11387 display: inline-block;
11388 vertical-align: top;
11389 }
11390 .chart-line-legend li .legend-entry {
11391 width: 15px;
11392 height: 15px;
11393 margin-right: 8px;
11394 border-radius: 4px;
11395 display: inline-block;
11396 }
11397 .chart-line-legend li .legend-label {
11398 margin-top: -2px;
11399 font-weight: bold;
11400 font-size: 12px;
11401 }
11402 .chart-line-legend {
11403 margin-top: 10px;
11404 }
11405 .vbo-report-sheetnchart {
11406 display: flex;
11407 }
11408 .vbo-report-sheetnchart .vbo-report-sheet {
11409 flex-basis: 60%;
11410 margin-right: 10px;
11411 }
11412 .vbo-report-sheetnchart .vbo-report-chart-wrap {
11413 flex: 1;
11414 }
11415 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
11416 display: flex;
11417 flex-wrap: wrap;
11418 }
11419 .vbo-report-sheetnchart .vbo-report-chart-right {
11420 flex-basis: 100%;
11421 margin: 0;
11422 }
11423 .vbo-report-chart-metas-bottom {
11424 margin-bottom: 20px;
11425 }
11426 .vbo-report-sheetnchart .vbo-report-chart-meta {
11427 flex-basis: 33%;
11428 }
11429 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
11430 margin: 0 5px;
11431 }
11432 .vbo-reports-output .table-responsive {
11433 border-radius: 8px;
11434 box-shadow: 0 0px 20px rgba(0,0,0,.1);
11435 margin: 0 5px 18px;
11436 background: var(--vbo-config-bg-color);
11437 }
11438 .vbo-reports-output table {
11439 margin-bottom: 0;
11440 }
11441 .vbo-reports-output table thead {
11442 background: var(--vbo-config-child-bg-color);
11443 text-transform: uppercase;
11444 font-weight: bold;
11445 }
11446 .vbo-reports-output table thead th {
11447 padding: 15px 15px;
11448 color: var(--vbo-config-title-color);
11449 font-size: 12px;
11450 white-space: nowrap;
11451 }
11452 .vbo-reports-output table thead th a {
11453 color: var(--vbo-config-title-color);
11454 }
11455 .vbo-reports-output table thead th i {
11456 margin-left: 3px;
11457 font-size: .9em;
11458 }
11459 .vbo-reports-output table tbody td:first-child {
11460 width: 150px;
11461 }
11462 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
11463 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
11464 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
11465 display: none;
11466 }
11467 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
11468 padding: 15px 15px;
11469 }
11470 .vbo-reports-output table tbody tr:nth-child(2n) {
11471 background: var(--vbo-config-child-bg-color);
11472 }
11473 .vbo-reports-output table tbody tr td:first-child span {
11474 font-weight: bold;
11475 }
11476 .vbo-reports-output table tfoot {
11477 background: var(--vbo-config-child-bg-color);
11478 }
11479 .vbo-reports-output table tfoot td h3 {
11480 margin: 12px 0;
11481 font-size: 14px;
11482 }
11483 .vbo-reports-output table tfoot tr:last-child td {
11484 vertical-align: middle;
11485 }
11486 .vbo-reports-output table tfoot tr td:not(:first-child) span {
11487 font-weight: bold;
11488 font-size: 14px;
11489 white-space: nowrap;
11490 }
11491 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
11492 display: inline-block;
11493 margin-right: 15px;
11494 }
11495 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
11496 margin: 0;
11497 }
11498 .vbo-info-overlay-content.vbo-info-overlay-report {
11499 text-align: center;
11500 }
11501 .vbo-info-overlay-content.vbo-info-overlay-report > div {
11502 margin: 0 10px;
11503 display: inline-block;
11504 }
11505 .vbo-report-load-comune span,
11506 .vbo-report-load-provincia span,
11507 .vbo-report-load-nazione span,
11508 .vbo-report-load-cittadinanza span,
11509 .vbo-report-load-doctype span,
11510 .vbo-report-load-docnum span,
11511 .vbo-report-load-docissue span,
11512 .vbo-report-load-docplace span,
11513 .vbo-report-load-sesso span,
11514 .vbo-report-load-dbirth span,
11515 .vbo-report-load-field span {
11516 display: inline-block;
11517 border: 1px solid var(--vbo-red-color);
11518 cursor: pointer;
11519 color: var(--vbo-red-color);
11520 padding: 0px 7px;
11521 }
11522 .vbo-report-load-elem-filled span {
11523 border: 0;
11524 padding: 0;
11525 color: var(--vbo-blue-color-hover);
11526 }
11527 #ui-datepicker-div {
11528 z-index: 2147483647 !important;
11529 border: 1px solid var(--vbo-config-border-color);
11530 border-radius: 4px;
11531 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
11532 }
11533 /* Reports - End */
11534
11535 /* Trackings - Start */
11536 .btn-toolbar.vbo-trackings-filters {
11537 margin-bottom: 20px;
11538 margin-top: 0 !important;
11539 height: auto !important;
11540 background: var(--vbo-toolbar-bg-color);
11541 padding: 10px;
11542 box-sizing: border-box;
11543 }
11544 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
11545 margin-right: 3px;
11546 }
11547 .vbo-trackings-table {
11548 background: var(--vbo-config-child-bg-color);
11549 }
11550 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
11551 background: var(--vbo-config-child-bg-color) !important;
11552 }
11553 .vbo-trackings-table-head {
11554 border-top: 1px solid var(--vbo-config-border-color);
11555 padding: 12px 15px 0;
11556 font-weight: bold;
11557 }
11558 .vbo-trackings-table-head-inner {
11559 display: flex;
11560 padding: 0 15px;
11561 }
11562 .vbo-trackings-table-head-inner > div i {
11563 margin-left: 5px;
11564 }
11565 .vbo-trackings-table-head-inner > div * {
11566 text-transform: uppercase;
11567 color: var(--vbo-config-titles-color-light);
11568 }
11569 .vbo-trackings-table-head-cell {
11570 flex: 1;
11571 padding: 0 5px;
11572 }
11573 .vbo-trackings-table-cell-ckb input {
11574 margin-top: 0;
11575 }
11576 .vbo-trackings-table-body {
11577 padding: 15px 15px 30px;
11578 }
11579 .vbo-trackings-table-body-row {
11580 display: flex;
11581 flex-wrap: wrap;
11582 background: var(--vbo-config-bg-color);
11583 padding: 15px;
11584 border-radius: 4px;
11585 margin: 15px 0;
11586 box-shadow: 0 4px 6px rgba(0,0,0,.05);
11587 }
11588 .vbo-trackings-table-body-cell {
11589 flex: 1;
11590 padding: 0 5px;
11591 }
11592 .vbo-trackings-table-cell-chevron {
11593 flex: 0 0 30px;
11594 cursor: pointer;
11595 padding-left: 0;
11596 }
11597 .vbo-trackings-table-cell-ckb {
11598 flex: 0 0 30px;
11599 }
11600 .vbo-trackings-table-cell-id {
11601 flex: 0 0 60px;
11602 }
11603 .vbo-trackings-table-body-subrow {
11604 display: none;
11605 flex: 0 0 100%;
11606 }
11607 .vbo-trackings-table-body-hidden-lbl {
11608 display: none;
11609 }
11610 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
11611 font-weight: bold;
11612 font-size: 1.1em;
11613 }
11614 .vbo-tracking-identifier-container {
11615 margin: 20px 0;
11616 background: var(--vbo-config-child-bg-color);
11617 border-radius: 4px;
11618 }
11619 .vbo-tracking-info-details {
11620 padding: 15px;
11621 display: flex;
11622 flex-wrap: wrap;
11623 border-bottom: 1px solid var(--vbo-config-border-color);
11624 }
11625 .vbo-tracking-info-details:last-child {
11626 border:0;
11627 }
11628 .vbo-tracking-info-details > div {
11629 flex: 1;
11630 padding: 0 10px
11631 }
11632 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
11633 flex: 0 0 15%;
11634 }
11635 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
11636 flex: 0 0 80px;
11637 }
11638 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
11639 flex: 0 0 15%;
11640 }
11641 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
11642 flex: 0 0 100%;
11643 }
11644 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
11645 margin-top: 0;
11646 }
11647 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
11648 flex: 0 0 10%;
11649 }
11650 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
11651 flex: 0 0 20%;
11652 }
11653 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
11654 display: inline-block;
11655 }
11656 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
11657 margin-right: 15px;
11658 }
11659 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
11660 font-weight: bold;
11661 }
11662 .vbo-tracking-info-device-cont i {
11663 font-size: 18px;
11664 }
11665 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
11666 font-size: 22px;
11667 }
11668 .vbo-tracking-info-subrow-lbl {
11669 text-transform: uppercase;
11670 font-weight: bold;
11671 color: #999;
11672 margin-bottom: 5px;
11673 }
11674 .vbo-tracking-info-dates-cont > div {
11675 margin-bottom: 5px;
11676 }
11677 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
11678 font-weight: bold;
11679 display: block;
11680 margin: 0;
11681 }
11682 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
11683 font-weight: bold;
11684 }
11685 .vbo-trackings-custcampaign {
11686 margin-bottom: 20px;
11687 }
11688 .vbo-trackings-custcampaign-box {
11689 display: inline-block;
11690 margin-right: 14px;
11691 }
11692 .vbo-trackings-custcampaign-box label {
11693 margin-bottom: 5px;
11694 }
11695 .vbo-tracking-info-party-room {
11696 margin-bottom: 5px;
11697 }
11698 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
11699 display: block;
11700 text-transform: uppercase;
11701 font-weight: bold;
11702 }
11703 .vbo-tracking-info-booking-cont .vbo-status-label.label-success {
11704 border: 2px solid var(--vbo-green-color);
11705 color: var(--vbo-green-color);
11706 background: transparent !important;
11707 }
11708 .vbo-tracking-info-booking-cont .vbo-status-label.label-error {
11709 border: 2px solid var(--vbo-red-color);
11710 color: var(--vbo-red-color);
11711 background: transparent !important;
11712 }
11713 .vbo-tracking-info-booking-cont .vbo-status-label.label-warning {
11714 border: 2px solid var(--vbo-orange-color);
11715 color: var(--vbo-orange-color);
11716 background: transparent !important;
11717 }
11718 .vbo-tracking-info-booking-cont a {
11719 background: var(--vbo-base-color);
11720 color: #fff;
11721 border: 2px solid var(--vbo-base-color);
11722 display: table;
11723 margin-top: 5px;
11724 padding: 5px 10px;
11725 border-radius: 3px;
11726 font-weight: bold;
11727 }
11728 .vbo-tracking-info-booking-cont a:hover {
11729 background: transparent;
11730 color: var(--vbo-base-color-hover);
11731 text-decoration: none;
11732 }
11733 .vbo-tracking-info-search-results {
11734 margin-top: 10px;
11735 }
11736 .vbo-tracking-info-search-result {
11737 border: 2px solid var(--vbo-config-border-color);
11738 border-radius: 4px;
11739 padding: 10px 15px;
11740 margin: 5px 0;
11741 }
11742 .vbo-tracking-info-search-result p {
11743 margin-bottom: 0;
11744 padding-bottom: 0;
11745 font-weight: bold;
11746 }
11747 .vbo-tracking-info-search-result i {
11748 margin-right: 5px;
11749 }
11750 .vbo-tracking-info-search-result-warning {
11751 border-color: var(--vbo-orange-color);
11752 }
11753 .vbo-tracking-info-search-result-warning i {
11754 color: var(--vbo-orange-color);
11755 }
11756 .vbo-tracking-info-search-result-error {
11757 border-color: var(--vbo-red-color);
11758 }
11759 .vbo-tracking-info-search-result-error i {
11760 color: var(--vbo-red-color);
11761 }
11762 .vbo-tracking-info-search-result-info {
11763 border-color: var(--vbo-blue-color);
11764 }
11765 .vbo-tracking-info-search-result-info i {
11766 color: var(--vbo-blue-color);
11767 }
11768 .vbo-tracking-info-search-result-success {
11769 border-color: var(--vbo-green-color);
11770 }
11771 .vbo-tracking-info-search-result-success i {
11772 color: var(--vbo-green-color);
11773 }
11774 #vbo-add-trkcampaign {
11775 margin-top: 5px;
11776 }
11777 .vbo-trackings-custcampaign-uri {
11778 font-style: italic;
11779 }
11780 .vbo-trackings-custcampaign label {
11781 display: block;
11782 }
11783 .vbo-trackings-tabs > div {
11784 display: inline-block;
11785 cursor: pointer;
11786 padding: 11px 0px;
11787 margin: 0 12px;
11788 font-size: 1.2em;
11789 text-transform: uppercase;
11790 font-weight: bold;
11791 text-align: center;
11792 color: var(--vbo-config-titles-color-light);
11793 }
11794 .vbo-trackings-tabs > .vbo-trackings-tab-active {
11795 border-bottom: 2px solid var(--vbo-blue-color);
11796 color: var(--vbo-blue-color);
11797 }
11798 .vbo-trackings-tabcont-stats {
11799 background: var(--vbo-config-child-bg-color);
11800 border-top: 1px solid var(--vbo-config-border-color);
11801 padding: 10px;
11802 }
11803 .vbo-trackings-chart-bestnights {
11804 display: flex;
11805 flex-wrap: wrap;
11806 }
11807 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
11808 flex: 100%;
11809 font-size: 1.1em;
11810 margin-left: 5px;
11811 border-bottom: 1px solid var(--vbo-config-border-color);
11812 padding-bottom: 10px;
11813 text-transform: uppercase;
11814 }
11815 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
11816 background: var(--vbo-config-bg-color);
11817 padding: 15px;
11818 border-radius: 4px;
11819 margin: 5px;
11820 flex-basis: 10%;
11821 box-shadow: 0 0 10px rgba(0,0,0,.05);
11822 }
11823 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
11824 font-weight: bold;
11825 margin-bottom: 10px;
11826 display: block;
11827 border-bottom: 1px solid var(--vbo-config-border-color);
11828 padding-bottom: 5px;
11829 text-transform: uppercase;
11830 color: var(--vbo-config-titles-color-light);
11831 }
11832 .vbo-trackings-chart-tot {
11833 font-size: 26px;
11834 color: var(--vbo-base-color);
11835 margin-right: 4px;
11836 }
11837 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
11838 margin-bottom: 10px;
11839 }
11840 .vbo-trackings-chart-middle {
11841 display: flex;
11842 margin-top: 20px;
11843 }
11844 .vbo-trackings-chart-avgvals {
11845 flex: 55%;
11846 padding-right: 50px;
11847 }
11848 .vbo-trackings-chart-referrers {
11849 flex: 1;
11850 }
11851 .vbo-trackings-chart-avgval-listcont {
11852 display: flex;
11853 flex-wrap: wrap;
11854 }
11855 .vbo-trackings-chart-avgval-listcont > div {
11856 flex: 1;
11857 background: var(--vbo-config-bg-color);
11858 padding: 15px;
11859 border-radius: 4px;
11860 box-shadow: 0 0 10px rgba(0,0,0,.05);
11861 margin: 5px;
11862 }
11863 .vbo-trackings-chart-avgval-listcont > div h5 {
11864 margin-top: 0;
11865 }
11866 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
11867 margin-right: 0;
11868 }
11869 .vbo-trackings-chart-pcent {
11870 font-size: 1.1em;
11871 color: var(--vbo-config-titles-color-light);
11872 font-weight: bold;
11873 }
11874 .vbo-trackings-chart-referrer {
11875 background: var(--vbo-config-bg-color);
11876 padding: 15px;
11877 border-radius: 4px;
11878 box-shadow: 0 0 10px rgba(0,0,0,.05);
11879 margin: 10px 5px;
11880 }
11881 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
11882 color: var(--vbo-green-color);
11883 }
11884 .vbo-trackings-cookiediscl {
11885 font-style: italic;
11886 width: 70%;
11887 }
11888 /* Trackings - End */
11889
11890 .vbo-choosebusy-table {
11891 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
11892 border: 1px solid rgb(221, 221, 221);
11893 margin: 0 0 20px;
11894 }
11895 .vbo-choosebusy-tr1 td {
11896 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
11897 vertical-align: middle;
11898 padding: 14px;
11899 border-bottom: 1px solid rgb(204, 204, 204);
11900 font-size: 16px;
11901 font-weight: 500;
11902 }
11903 .vbo-choosebusy-tr2 td img {
11904 border-radius: 0 !important;
11905 width: 100%;
11906 }
11907 .vbo-choosebusy-tr3 td {
11908 padding: 10px;
11909 }
11910 .vbo-choosebusy-tr3 td .badge {
11911 padding:3px 8px;
11912 border-radius: 3px;
11913 }
11914 #filter-bar .btn-group {
11915 margin-left:5px;
11916 }
11917 .table-responsive {
11918 overflow-x: auto;
11919 overflow-y: hidden;
11920 min-height: 0.01%;
11921 }
11922 .table {
11923 width: 100%;
11924 max-width: 100%;
11925 margin-bottom: 20px;
11926 }
11927 .vbo-receipt-company-block-outer {
11928 margin: 10px 0;
11929 display: inline-block;
11930 width: 100%;
11931 }
11932 .vbo-receipt-company-block {
11933 display: inline-block;
11934 margin: 0 10px;
11935 }
11936 .vbo-receipt-numdate-block {
11937 display: inline-block;
11938 float: right;
11939 margin: 0 10px;
11940 background: var(--vbo-basic-btn);
11941 padding: 15px;
11942 }
11943 .vbo-receipt-company-logo {
11944 display: inline-block;
11945 float: left;
11946 }
11947 .vbo-receipt-company-info {
11948 float: left;
11949 text-align: left;
11950 }
11951 .vbo-receipt-numdate-title {
11952 font-size: 18px;
11953 margin-bottom: 10px;
11954 }
11955 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
11956 font-size: 12px;
11957 font-weight: bold;
11958 color: var(--vbo-config-text-color-light);
11959 display: block;
11960 margin-bottom: 5px;
11961 }
11962 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
11963 display: inline-block;
11964 vertical-align: top;
11965 }
11966 .vbo-receipt-numdate-num {
11967 margin-right: 5px;
11968 }
11969 .vbo-hidein-print {
11970 margin-bottom: 0 !important;
11971 }
11972 .vbo-showin-print {
11973 display: none;
11974 }
11975 .vbo-receipt-print-confirm {
11976 text-align: center;
11977 display: inline-block;
11978 width: 100%;
11979 }
11980 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
11981 display: inline-block;
11982 background: var(--vbo-base-color);
11983 color: #fff;
11984 padding: 5px 15px;
11985 border-radius: 4px;
11986 font-weight: bold;
11987 margin: 10px;
11988 cursor: pointer;
11989 }
11990 .vbo-receipt-print-btn i {
11991 margin-right: 5px;
11992 }
11993 .vbo-receipt-notes-container {
11994 padding: 18px;
11995 }
11996 .vbo-receipt-notes-inner {
11997 background: var(--vbo-config-bg-color);
11998 padding: 15px;
11999 border-radius: 8px;
12000 margin: 10px 0;
12001 }
12002 .vbo-receipt-notes-tarea textarea {
12003 height: 200px;
12004 }
12005 /* Tableaux */
12006 .vbo-tableaux-container {
12007 background: var(--vbo-config-child-bg-color);
12008 padding: 5px 15px 10px;
12009 }
12010 .vbo-tableaux-months-wrap {
12011 display: flex;
12012 flex-wrap: wrap;
12013 border: 1px solid var(--vbo-config-border-color);
12014 margin: 15px 0;
12015 background: var(--vbo-config-bg-color);
12016 border-radius: 4px;
12017 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12018 }
12019 .vbo-tableaux-months-wrap > div {
12020 flex: 1;
12021 border-right: 1px solid var(--vbo-config-border-color);
12022 text-align: center;
12023 display: flex;
12024 }
12025 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12026 border-top-left-radius: 4px;
12027 border-bottom-left-radius: 4px;
12028 }
12029 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12030 border-top-right-radius: 4px;
12031 border-bottom-right-radius: 4px;
12032 border: 0;
12033 }
12034 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12035 padding: 15px 10px;
12036 cursor: pointer;
12037 flex: 1;
12038 }
12039 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12040 display: block;
12041 }
12042 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12043 background: var(--vbo-config-child-bg-color);
12044 }
12045 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12046 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12047 background: var(--vbo-base-color);
12048 color: #fff;
12049 }
12050 .vbo-tableaux-tbl-container {
12051 margin-top: 10px;
12052 }
12053 .vbo-tableaux-table {
12054 background: var(--vbo-config-bg-color);
12055 border-radius: 4px;
12056 box-shadow: 0 0 4px rgba(0,0,0,.05);
12057 width: 100%;
12058 margin-bottom: 200px;
12059 }
12060 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12061 text-align: center;
12062 padding: 10px 4px;
12063 background: var(--vbo-light-color-btn);
12064 border-left: 1px solid var(--vbo-config-border-color);
12065 }
12066 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12067 border-left: 0;
12068 }
12069 .vbo-tableaux-table-head-cell-monyear {
12070 color: var(--vbo-config-titles-color-light);
12071 }
12072 .vbo-tableaux-table-head-cell-wmday {
12073 font-size: 15px;
12074 }
12075 .vbo-tableaux-table tr {
12076 border-bottom: 1px solid var(--vbo-config-border-color);
12077 }
12078 .vbo-tableaux-table td {
12079 border-right: 1px solid var(--vbo-config-border-color);
12080 min-width: 100px;
12081 max-width: 100px;
12082 padding: 20px 0;
12083 position: relative;
12084 background-clip: padding-box !important;
12085 }
12086 .vbo-tableaux-table tr td:first-child {
12087 position: sticky;
12088 left: 0;
12089 background: var(--vbo-config-child-bg-color);
12090 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12091 min-width: 150px;
12092 max-width: 150px;
12093 z-index: 2;
12094 font-weight: bold;
12095 padding: 15px 15px;
12096 font-size: 14px;
12097 }
12098 .vbo-tableaux-roomrow td {
12099 vertical-align: top;
12100 }
12101 .vbo-tableaux-daycell {
12102 color: var(--vbo-config-titles-color-light);
12103 font-weight: bold;
12104 text-align: center;
12105 padding: 10px;
12106 font-size: 13px;
12107 }
12108 .vbo-tableaux-festcell {
12109 background: #d9b9d3;
12110 color: #fff;
12111 cursor: pointer;
12112 }
12113 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12114 background: var(--vbo-base-color);
12115 color: #fff;
12116 font-weight: bold;
12117 padding: 7px 5px;
12118 margin: 2px 0;
12119 white-space: nowrap;
12120 position: relative;
12121 }
12122 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12123 background: var(--vbo-config-bg-color);
12124 color: var(--vbo-config-title-color);
12125 border-top: 1px solid var(--vbo-config-title-color);
12126 border-bottom: 1px solid var(--vbo-config-title-color);
12127 height: 14px;
12128 margin: 2px -1.5px;
12129 box-sizing: content-box;
12130 }
12131 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12132 border-left: 1px solid var(--vbo-config-title-color);
12133 }
12134 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12135 border-right: 1px solid var(--vbo-config-title-color);
12136 }
12137 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12138 background: transparent;
12139 display: inline-block;
12140 width: 100%;
12141 }
12142 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12143 font-size: 13px;
12144 }
12145 .vbo-tableaux-booking-avatar {
12146 z-index: 1;
12147 position: absolute;
12148 top: -6px;
12149 left: -8px;
12150 }
12151 .vbo-tableaux-booking-avatar img {
12152 height: 24px;
12153 width: 24px;
12154 border-radius: 50%;
12155 object-fit: cover;
12156 border: 2px solid #fff;
12157 }
12158 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12159 top: -1px;
12160 left: -3px;
12161 }
12162 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12163 border: 0;
12164 }
12165 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12166 padding-left: 25px;
12167 }
12168 .vbo-overv-avcell .vbo-tableaux-guest-name {
12169 font-weight: normal;
12170 font-size: 12px;
12171 }
12172 .vbo-tableaux-booking > span {
12173 position: relative;
12174 z-index: 1;
12175 }
12176 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12177 display: inline-block;
12178 margin-left: 5px;
12179 }
12180 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12181 width: 64%;
12182 float: right;
12183 border-top-left-radius: 20px;
12184 border-bottom-left-radius: 20px;
12185 padding-left: 10px;
12186 position: relative;
12187 margin-right: -2px;
12188 }
12189 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12190 position: relative;
12191 z-index: 1;
12192 }
12193 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12194 /* overflow: hidden;
12195 display: table-cell; */
12196 display: inline-block;
12197 width: 130px;
12198 clip-path: inset( -100vw 0 -100vw -8px );
12199 }
12200 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12201 top: -5px;
12202 }
12203 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12204 width: 64%;
12205 float: left;
12206 border-top-right-radius: 20px;
12207 border-bottom-right-radius: 20px;
12208 padding-right: 10px;
12209 }
12210 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12211 display: inline-block;
12212 width: 100%;
12213 }
12214 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12215 padding: 10px 15px;
12216 font-size: 1.2em;
12217 font-weight: bold;
12218 color: var(--vbo-blue-color);
12219 border-left: 0;
12220 }
12221 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12222 border-left: 2px solid var(--vbo-config-border-color);
12223 }
12224 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12225 border-left: 2px solid var(--vbo-config-border-color);
12226 }
12227 .vbo-tableaux-table .vbo-tableaux-todaycell {
12228 background: var(--vbo-config-child-bg-color);
12229 }
12230 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12231 background: #d9b9d3;
12232 }
12233 .vbo-pmsperm-entry-wrap {
12234 display: flex;
12235 flex-wrap: wrap;
12236 background: var(--vbo-config-child-bg-color);
12237 margin: 5px 0;
12238 padding: 10px
12239 }
12240 .vbo-pmsperm-entry-wrap > div {
12241 margin: 5px;
12242 }
12243 .vbo-pmsperm-entry-wrap > div:first-child {
12244 flex-basis: 105px;
12245 }
12246 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12247 padding: 8px 14px;
12248 }
12249 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12250 margin-bottom: 0 !important;
12251 }
12252 .vbo-pmsperm-entry-cont:last-child {
12253 display: flex;
12254 }
12255 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12256 margin-top: 24px;
12257 }
12258 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12259 text-align: center;
12260 margin-top: 15px;
12261 }
12262 .vbo-tableauxperms-info-add {
12263 margin-bottom: 15px;
12264 text-align: center;
12265 }
12266 .vbo-pmsperm-entry-lbl {
12267 font-weight: bold;
12268 margin-bottom: 4px;
12269 }
12270 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
12271 margin-bottom: 10px;
12272 }
12273 #filter-bar.vbo-tableaux-filters {
12274 height: auto;
12275 background: var(--vbo-toolbar-bg-color);
12276 padding: 10px 10px 6px;
12277 box-sizing: border-box;
12278 }
12279 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
12280 background: var(--vbo-input-style);
12281 border-color: var(--vbo-config-border-color);
12282 }
12283 /* eInvoicing - start */
12284 .vbo-einvoicing-cellaction[data-einvaction="0"] {
12285 background: var(--vbo-red-color);
12286 }
12287 .vbo-einvoicing-cellaction[data-einvaction="1"] {
12288 background: var(--vbo-green-color);
12289 }
12290 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
12291 background: var(--vbo-blue-color);
12292 }
12293 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
12294 background: var(--vbo-orange-color);
12295 }
12296 #driversettingsform .vbo-driver-fieldset {
12297 margin-top: 20px;
12298 }
12299 #driversettingsform .vbo-driver-fieldset {
12300 border-bottom: 0;
12301 }
12302 .vbo-info-overlay-driver {
12303 height: 90% !important;
12304 }
12305 .vbo-drivers-filters-outer {
12306 display: inline-block;
12307 width: 100%;
12308 margin-top: 0;
12309 height: auto;
12310 background: var(--vbo-config-border-color);
12311 padding: 10px;
12312 box-sizing: border-box;
12313 }
12314 .vbo-drivers-filters-outer > div {
12315 display: inline-block;
12316 }
12317 .vbo-drivers-container {
12318 background: var(--vbo-main-bg-color);
12319 }
12320 .vbo-drivers-filters-driver {
12321 margin: 0 15px 0 0;
12322 }
12323 .vbo-drivers-filters-driver > div {
12324 display: inline-block;
12325 vertical-align: top;
12326 margin-right: 5px;
12327 }
12328 .vbo-drivers-custom-actions {
12329 float: right;
12330 }
12331 .vbo-drivers-custom-actions > div {
12332 display: inline-block;
12333 vertical-align: top;
12334 }
12335 .vbo-drivers-topbar {
12336 display: inline-block;
12337 width: 100%;
12338 margin-bottom: 10px;
12339 border-bottom: 1px solid var(--vbo-config-border-color);
12340 padding-bottom: 10px;
12341 }
12342 .vbo-drivers-topbar > div {
12343 display: inline-block;
12344 vertical-align: top;
12345 }
12346 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
12347 margin-top: 22px;
12348 }
12349 .vbo-drivers-output {
12350 padding-bottom: 17px;
12351 }
12352 .vbo-drivers-output .table-responsive {
12353 border-radius: 8px;
12354 box-shadow: 0 0px 20px #0000001a;
12355 margin: 18px;
12356 background: var(--vbo-config-bg-color);
12357 }
12358 .vbo-drivers-output table {
12359 margin-bottom: 0;
12360 }
12361 .vbo-drivers-output table thead {
12362 background: var(--vbo-config-child-bg-color);
12363 text-transform: uppercase;
12364 font-weight: bold;
12365 }
12366 .vbo-drivers-output table thead th {
12367 padding: 15px 15px;
12368 color: var(--vbo-config-title-color);
12369 }
12370 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
12371 padding: 15px 15px;
12372 }
12373 .vbo-drivers-output table tbody tr td:first-child span {
12374 font-weight: bold;
12375 }
12376 .vbo-drivers-output table tbody tr:nth-child(2n) {
12377 background: var(--vbo-config-child-bg-color);
12378 }
12379 .vbo-drivers-output table tfoot {
12380 background: var(--vbo-config-child-bg-color);
12381 }
12382 .vbo-drivers-output table tfoot tr:last-child td {
12383 vertical-align: middle;
12384 }
12385 .vbo-drivers-output table td .btn.btn-danger {
12386 padding: 4px 12px;
12387 font-weight: normal;
12388 font-size: 13px;
12389 }
12390 .vbo-drivers-output .vbo-driver-customoutput {
12391 display: inline-block;
12392 color: #fff;
12393 padding: 5px 4px;
12394 border-radius: 5px;
12395 height: 15px;
12396 width: 15px;
12397 cursor: pointer;
12398 }
12399 .vbo-drivers-output .vbo-driver-output-vieweinv {
12400 background: #999;
12401 border:1px solid #999;
12402 }
12403 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
12404 background: #888;
12405 }
12406 .vbo-drivers-output .vbo-driver-output-editeinv {
12407 background: var(--vbo-blue-color);
12408 border: 1px solid var(--vbo-blue-color);
12409 }
12410 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
12411 background: var(--vbo-blue-color-hover);
12412 }
12413 .vbo-drivers-output .vbo-driver-output-rmeinv {
12414 background: var(--vbo-red-color);
12415 border: 1px solid var(--vbo-red-color);
12416 }
12417 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
12418 background: var(--vbo-red-color-hover);
12419 }
12420 .vbo-drivers-output .fa-external-link {
12421 color: #444;
12422 margin-right: 5px;
12423 }
12424 .vbo-drivers-output .fa-external-link:hover {
12425 color: var(--vbo-blue-color);
12426 }
12427 /* eInvoicing - end */
12428
12429 /* Opportunities */
12430 .vbo-menu-updates .vbo-opportunities-btnbadge {
12431 background: var(--vbo-blue-color);
12432 border-color: var(--vbo-blue-color);
12433 position: relative;
12434 z-index: 1;
12435 }
12436 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
12437 background: var(--vbo-blue-color-hover);
12438 border-color: var(--vbo-blue-color-hover);
12439 }
12440 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
12441 background: var(--vbo-blue-color-hover);
12442 border-color: var(--vbo-blue-color-hover);
12443 }
12444 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
12445 content: attr(data-opportunity-count);
12446 background: var(--vbo-red-color);
12447 color: #fff;
12448 border: 1px solid var(--vbo-blue-color);
12449 width: 20px;
12450 height: 20px;
12451 border-radius: 50%;
12452 position: absolute;
12453 top: -5px;
12454 left: -8px;
12455 font-weight: bold;
12456 font-size: 11px;
12457 line-height: 20px;
12458 text-align: center;
12459 }
12460 .vbo-menu-updates .vbo-opportunities-btnbadge i {
12461 margin-right: 5px;
12462 }
12463 /* Guest Reviews */
12464 .vbo-menu-updates .vbo-reviews-btnbadge {
12465 background: #20a9b0;
12466 border-color: #20a9b0;
12467 position: relative;
12468 z-index: 0;
12469 }
12470 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
12471 background: #57bbbf;
12472 border-color: #57bbbf;
12473 }
12474 .vbo-menu-updates .vbo-reviews-btnbadge:active {
12475 background: #4ccbd0;
12476 border-color: #4ccbd0;
12477 }
12478 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
12479 content: attr(data-reviews-count);
12480 background: var(--vbo-red-color);
12481 color: #fff;
12482 border: 1px solid var(--vbo-blue-color);
12483 width: 20px;
12484 height: 20px;
12485 border-radius: 50%;
12486 position: absolute;
12487 top: -5px;
12488 left: -8px;
12489 font-weight: bold;
12490 font-size: 11px;
12491 line-height: 20px;
12492 text-align: center;
12493 }
12494 .vbo-menu-updates .vbo-reviews-btnbadge i {
12495 margin-right: 5px;
12496 }
12497
12498 /* New Overlay */
12499 .vbo-modal-overlay-block {
12500 position: fixed;
12501 left: 0;
12502 top: 0;
12503 width: 100%;
12504 height: 100%;
12505 background-color: rgba(6, 52, 77, 0.58);
12506 display: none;
12507 z-index: 2147483647 !important;
12508 }
12509 .vbo-modal-overlay-block-geomap-lowerzindex {
12510 z-index: 99999 !important;
12511 }
12512 .vbo-modal-overlay-block .vbo-modal-overlay-close {
12513 display: block;
12514 height: 100%;
12515 cursor: default;
12516 }
12517 .vbo-modal-overlay-block .vbo-modal-overlay-content {
12518 position: fixed;
12519 left: 50%;
12520 top: 50%;
12521 transform: translate(-50%, -50%);
12522 width: 40%;
12523 height: 60%;
12524 z-index: 101;
12525 border-radius: 5px;
12526 background-color: var(--vbo-config-bg-color);
12527 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
12528 overflow: auto;
12529 }
12530 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
12531 width: 65%;
12532 height: 85%;
12533 border-radius: 16px;
12534 }
12535 .vik-contentbuilder-textmode-sptags {
12536 float: none;
12537 }
12538 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
12539 width: 65%;
12540 height: 85%;
12541 }
12542 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
12543 height: 80%;
12544 }
12545 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
12546 border-radius: 20px;
12547 }
12548 .vbo-modal-overlay-content-backdrop {
12549 position: absolute;
12550 height: 100%;
12551 width: 100%;
12552 background: rgba(0, 0, 0, .4);
12553 z-index: 100;
12554 }
12555 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
12556 left: -20px;
12557 width: calc(100% + 40px);
12558 }
12559 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
12560 position: absolute;
12561 top: 50%;
12562 left: 50%;
12563 transform: translate(-50%, -50%);
12564 }
12565 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
12566 font-size: 40px;
12567 color: #fff;
12568 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
12569 }
12570 .vbo-modal-overlay-content-head {
12571 padding: 20px;
12572 background: var(--vbo-config-child-bg-color);
12573 }
12574 .vbo-modal-overlay-content-head h3 > i {
12575 margin-right: 5px;
12576 color: var(--vbo-config-titles-color-light);
12577 }
12578 .vbo-modal-overlay-close-times {
12579 float: right;
12580 font-size: 20px;
12581 cursor: pointer;
12582 color: var(--vbo-config-title-color);
12583 padding: 10px;
12584 cursor: pointer;
12585 margin-top: -10px;
12586 display: inline-block;
12587 }
12588 .vbo-modal-overlay-close-times:hover {
12589 color: #619dca;
12590 }
12591 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
12592 background: var(--vbo-config-bg-color);
12593 padding: 0;
12594 }
12595 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
12596 position: absolute;
12597 right: 10px;
12598 top: 7px;
12599 margin: 0;
12600 padding: 0;
12601 }
12602 .vbo-modal-overlay-content-body {
12603 padding: 20px 20px 10px;
12604 }
12605 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
12606 padding: 0 5px;
12607 }
12608 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
12609 padding: 35px 35px 10px;
12610 }
12611 .vbo-modal-overlay-content-footer {
12612 margin-top: 15px;
12613 text-align: right;
12614 position: absolute;
12615 width: calc(100% - 40px);
12616 right: 0;
12617 bottom: 0;
12618 border-top: 1px solid var(--vbo-config-border-color);
12619 background: var(--vbo-config-child-bg-color);
12620 padding: 10px 20px;
12621 box-sizing: content-box;
12622 }
12623 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
12624 float: left;
12625 }
12626 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
12627 font-size: 16px;
12628 font-weight: bold;
12629 }
12630 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
12631 text-align: center;
12632 padding: 10px 20px 10px;
12633 height: calc(100% - 78.2px);
12634 position: relative;
12635 }
12636 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
12637 top: 50%;
12638 left: 50%;
12639 transform: translate(-50%, -50%);
12640 position: absolute;
12641 }
12642 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
12643 border-radius: 6px;
12644 box-shadow: 0 0 10px rgba(0,0,0,.4);
12645 max-width: 80%;
12646 }
12647 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
12648 height: calc(100% - 100px);
12649 }
12650 .vbo-modal-overlay-content {
12651 -webkit-animation-name: VikfadeInUp;
12652 animation-name: VikfadeInUp;
12653
12654 -webkit-animation-duration: .5s;
12655 animation-duration: .5s;
12656 -webkit-animation-fill-mode: both;
12657 animation-fill-mode: both;
12658 }
12659 .vbo-optionals-dmgdepbcom-trigger {
12660 white-space: nowrap;
12661 }
12662
12663 @-webkit-keyframes VikfadeInUp {
12664 from {
12665 opacity: 0;
12666 -webkit-transform: translate3d(-50%, -20%, 0);
12667 transform: translate3d(-50%, -20%, 0);
12668 }
12669
12670 to {
12671 opacity: 1;
12672 -webkit-transform: translate3d(-50%, -50%, 0);
12673 transform: translate3d(-50%, -50%, 0);
12674 }
12675 }
12676
12677 @keyframes VikfadeInUp {
12678 from {
12679 opacity: 0;
12680 -webkit-transform: translate3d(-50%, -20%, 0);
12681 transform: translate3d(-50%, -20%, 0);
12682 }
12683
12684 to {
12685 opacity: 1;
12686 -webkit-transform: translate3d(-50%, -50%, 0);
12687 transform: translate3d(-50%, -50%, 0);
12688 }
12689 }
12690
12691 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
12692 margin-top: 15px;
12693 }
12694 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
12695 padding: 10px;
12696 display: flex;
12697 flex-wrap: wrap;
12698 border-bottom: 1px solid var(--vbo-config-border-color);
12699 }
12700 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
12701 flex: 1;
12702 font-weight: bold;
12703 font-size: 1.1em;
12704 align-self: center;
12705 }
12706 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
12707 margin: 0 15px;
12708 align-self: center;
12709 font-weight: bold;
12710 }
12711 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
12712 margin-left: auto;
12713 }
12714 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
12715 padding: 3px 6px;
12716 }
12717 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
12718 margin-right: 0;
12719 }
12720 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
12721 padding: 3px 6px;
12722 }
12723 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
12724 margin-right: 0;
12725 }
12726 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
12727 border: 1px solid var(--vbo-config-border-color);
12728 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12729 border-radius: 10px;
12730 margin-bottom: 10px;
12731 }
12732 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
12733 border-color: var(--vbo-base-color);
12734 }
12735 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
12736 display: grid;
12737 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
12738 column-gap: 20px;
12739 row-gap: 5px;
12740 padding: 10px;
12741 }
12742 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
12743 display: block;
12744 font-weight: 500;
12745 }
12746 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
12747 width: 100%;
12748 display: flex;
12749 border-radius: 6px;
12750 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12751 }
12752 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
12753 flex: 1;
12754 border-color: var(--vbo-config-border-color);
12755 border-top-left-radius: 6px;
12756 border-bottom-left-radius: 6px;
12757 }
12758 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
12759 box-shadow: none;
12760 }
12761 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
12762 border-top-right-radius: 6px;
12763 border-bottom-right-radius: 6px;
12764 }
12765 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
12766 margin: 10px 0;
12767 }
12768 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
12769 font-weight: bold;
12770 }
12771 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
12772 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
12773 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
12774 min-width: 50%;
12775 }
12776 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
12777 border: 1px solid #ddd;
12778 border-radius: 2px;
12779 padding: 8px 10px;
12780 margin-bottom: 0;
12781 box-sizing: border-box;
12782 height: auto;
12783 }
12784 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
12785 margin-bottom: 0;
12786 border-radius: 2px;
12787 border: 1px solid var(--vbo-config-border-color);
12788 padding: 8px 10px;
12789 height: inherit;
12790 }
12791
12792 /* Content Builder */
12793 .ql-toolbar.ql-snow, .ql-container.ql-snow {
12794 border: 1px solid var(--vbo-config-border-color);
12795 }
12796 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
12797 color: var(--vbo-config-titles-color-light);
12798 }
12799 .ql-toolbar .ql-stroke {
12800 stroke: var(--vbo-config-titles-color-light);
12801 }
12802 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
12803 fill: var(--vbo-config-titles-color-light);
12804 }
12805 .ql-toolbar .ql-formats > button {
12806 color: var(--vbo-config-titles-color-light);
12807 }
12808 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
12809 border-color: var(--vbo-config-border-color);
12810 }
12811 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
12812 border: 0;
12813 }
12814 .ql-snow .ql-picker-options {
12815 background-color: var(--vbo-config-bg-color)
12816 }
12817 .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 {
12818 color: var(--vbo-base-color);
12819 }
12820 .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 {
12821 stroke: var(--vbo-base-color);
12822 }
12823 .ql-editor {
12824 min-height: 200px;
12825 max-height: 75vh;
12826 }
12827 .ql-toolbar.ql-snow + .ql-container.ql-snow {
12828 background: #fbfbfb;
12829 border-radius: 6px;
12830 border-top: 1px solid var(--vbo-config-border-color);
12831 }
12832 .ql-toolbar.ql-snow {
12833 border: 0;
12834 padding: 8px 0;
12835 }
12836 .ql-toolbar.ql-snow .ql-formats {
12837 background: var(--vbo-body-bg-color);
12838 border: 1px solid var(--vbo-config-border-color);
12839 padding: 5px;
12840 border-radius: 6px;
12841 }
12842 .ql-snow .ql-tooltip {
12843 background-color: var(--vbo-config-bg-color);
12844 border: 1px solid var(--vbo-config-border-color);
12845 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
12846 padding: 30px 12px 10px;
12847 border-radius: 4px;
12848 color: inherit;
12849 }
12850 .ql-snow .ql-tooltip::before {
12851 position: absolute;
12852 top: 4px;
12853 }
12854 .ql-snow .ql-tooltip .ql-action {
12855 background-color: var(--vbo-base-color);
12856 border: 1px solid var(--vbo-base-color);
12857 color: #fff;
12858 display: inline-block;
12859 padding: 5px 10px;
12860 }
12861 .ql-snow .ql-tooltip .ql-action:after {
12862 margin-left: 0 !important;
12863 }
12864 .ql-snow .ql-tooltip .ql-action:hover {
12865 background-color: var(--vbo-base-color-hover);
12866 border: 1px solid var(--vbo-base-color-hover);
12867 }
12868 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
12869 background-color: rgba(59, 193, 255, 0.2);
12870 }
12871 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
12872 height: 30px;
12873 background: transparent;
12874 }
12875 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
12876 border-style: solid;
12877 border-color: var(--vbo-config-text-color-light);
12878 border-width: 1px 0 0 0;
12879 border-radius: 20px;
12880 }
12881 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
12882 border-style: solid;
12883 border-color: var(--vbo-config-text-color-light);
12884 border-width: 0 0 1px 0;
12885 border-radius: 20px;
12886 }
12887 .vik-contentbuilder-switcher {
12888 margin-bottom: 2px;
12889 }
12890 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
12891 background: var(--vbo-input-style-deactive);
12892 border-color: var(--vbo-config-border-color);
12893 }
12894 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
12895 border-color: var(--vbo-base-color-hover);
12896 }
12897 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
12898 background: var(--vbo-middle-color-btn);
12899 border-color: var(--vbo-config-border-color);
12900 }
12901 /* Start - iOS-style toggle/switch button */
12902 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
12903 margin: auto;
12904 padding: 20px 0;
12905 width: 55px;
12906 margin-top: 20px;
12907 border-radius: 5px;
12908 }
12909 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
12910 opacity: 0;
12911 position: absolute;
12912 }
12913 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
12914 position: relative;
12915 display: inline-block;
12916 user-select: none;
12917 transition: .4s ease;
12918 height: 30px;
12919 width: 50px;
12920 border: 1px solid var(--vbo-config-bg-color);
12921 border-radius: 60px;
12922 }
12923 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
12924 content: "";
12925 position: absolute;
12926 display: block;
12927 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
12928 height: 30px;
12929 width: 51px;
12930 top: 0;
12931 left: 0;
12932 border-radius: 30px;
12933 background: var(--vbo-config-border-color);
12934 }
12935 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
12936 content: "";
12937 position: absolute;
12938 display: block;
12939 /*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);*/
12940 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
12941 background: var(--vbo-config-bg-color);
12942 height: 24px;
12943 width: 24px;
12944 top: 3px;
12945 left: 3px;
12946 border-radius: 60px;
12947 }
12948 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
12949 background: var(--vbo-green-color);
12950 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
12951 }
12952 .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 {
12953 background: var(--vbo-red-color);
12954 }
12955 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
12956 left: 24px;
12957 }
12958 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
12959 color: var(--vbo-config-titles-color-light);
12960 content: attr(data-off);
12961 top: 6px;
12962 left: 60px;
12963 width: 36px;
12964 position: absolute;
12965 height: 10px;
12966 }
12967 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
12968 color: rgba(19,191,17,1);
12969 content: attr(data-on);
12970 }
12971 /* End - iOS-style toggle/switch button */
12972
12973 /* multi toogle/switch button - Start */
12974 .vik-multiswitch-wrap {
12975 position: relative;
12976 display: inline-flex;
12977 justify-content: center;
12978 align-items: flex-start;
12979 border: 1px solid var(--vbo-config-border-color);
12980 border-radius: 16px;
12981 min-width: 150px;
12982 height: 50px;
12983 }
12984 .vik-multiswitch-radiobtn {
12985 display: flex;
12986 justify-content: center;
12987 align-items: center;
12988 height: 100%;
12989 flex: 1;
12990 }
12991 .vik-multiswitch-radiobtn input {
12992 display: none !important;
12993 }
12994 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
12995 width: 50px;
12996 height: 50px;
12997 border-radius: 50%;
12998 display: inline-block;
12999 transition: opacity 0.3s ease;
13000 opacity: 0.3;
13001 top: 0;
13002 cursor: pointer;
13003 }
13004 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13005 position: absolute;
13006 left: 33%;
13007 transition: transform 1s;
13008 width: 50px;
13009 height: 50px;
13010 background: transparent;
13011 }
13012 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13013 position: absolute;
13014 left: 0;
13015 text-align: center;
13016 }
13017 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13018 width: 50px;
13019 height: 50px;
13020 -moz-animation-duration: 0.4s;
13021 -moz-animation-name: slideFirst;
13022 -webkit-animation-duration: 0.4s;
13023 -webkit-animation-name: slideFirst;
13024 animation-duration: 0.4s;
13025 animation-name: slideFirst;
13026 -webkit-transform: translateZ(0);
13027 background-color: var(--vbo-green-color);
13028 }
13029 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13030 border-radius: 15px;
13031 background: var(--vbo-basic-btn);
13032 opacity: 0.7;
13033 }
13034 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13035 position: absolute;
13036 right: 0;
13037 text-align: center;
13038 }
13039 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13040 -moz-animation-duration: 0.4s;
13041 -moz-animation-name: slideLast;
13042 -webkit-animation-duration: 0.4s;
13043 -webkit-animation-name: slideLast;
13044 animation-duration: 0.4s;
13045 animation-name: slideLast;
13046 -webkit-transform: translateZ(0);
13047 width: 50px;
13048 height: 50px;
13049 background-color: var(--vbo-red-color);
13050 }
13051 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13052 opacity: 1;
13053 display: inline-block;
13054 z-index: 0;
13055 }
13056 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13057 background-color: var(--vbo-basic-btn);
13058 }
13059 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13060 background-color: #222;
13061 }
13062 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13063 background-color: #b1e0e2;
13064 }
13065 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13066 color: #0f1216;
13067 }
13068 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13069 color: #fff;
13070 }
13071 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13072 position: relative;
13073 z-index: 1;
13074 color: var(--vbo-body-text-color);
13075 font-size: 13px;
13076 }
13077 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13078 font-size: 16px;
13079 }
13080 .vik-multiswitch-noanimation {
13081 border-radius: 18px;
13082 }
13083 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13084 position: relative;
13085 padding: 5px 10px;
13086 box-sizing: border-box;
13087 }
13088 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13089 width: 50px;
13090 height: 50px;
13091 border-radius: 15px;
13092 }
13093 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13094 position: absolute;
13095 left: 0;
13096 }
13097 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13098 position: absolute;
13099 right: 0;
13100 }
13101 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
13102 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13103 animation: none !important;
13104 }
13105 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13106 width: 100%;
13107 height: 100%;
13108 border-radius: 15px;
13109 position: absolute;
13110 left: 0;
13111 }
13112 .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 {
13113 background-color: var(--vbo-base-color);
13114 }
13115 .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 {
13116 color: #fff;
13117 }
13118 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
13119 float: right;
13120 margin: 12px 15px 10px 20px;
13121 }
13122 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
13123 height: 40px;
13124 }
13125
13126 @keyframes slideFirst {
13127 from {
13128 transform: translate(100%, 0);
13129 }
13130 to {
13131 transform: translate(0px, 0px);
13132 }
13133 }
13134
13135
13136 @keyframes slideLast {
13137 from {
13138 transform: translate(-100%,0);
13139 }
13140 to {
13141 transform: translate( 0px, 0px);
13142 }
13143 }
13144
13145 /* Multi toogle/switch button - end */
13146
13147 /* New Dashboard 2021 */
13148 .vbo-admin-widgets-commands {
13149 display: inline-block;
13150 width: 100%;
13151 }
13152 .vbo-admin-widgets-commands-mng {
13153 display: inline-block;
13154 border: 1px solid var(--vbo-config-border-color);
13155 border-radius: 4px;
13156 background: var(--vbo-config-bg-color);
13157 padding: 5px 10px;
13158 float: right;
13159 }
13160 .vbo-admin-widgets-commands-mng-lbl {
13161 display: inline-block;
13162 vertical-align: top;
13163 margin-top: 10px;
13164 margin-left: 5px;
13165 cursor: pointer;
13166 }
13167 .vbo-admin-widgets-commands-mng-toggle {
13168 display: inline-block;
13169 margin-top: 5px;
13170 }
13171 .vbo-admin-widgets-commands-mng-toggle label {
13172 margin-bottom: 0;
13173 }
13174 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
13175 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
13176 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
13177 height: 26px;
13178 }
13179 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13180 margin-bottom: 0;
13181 }
13182 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
13183 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
13184 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
13185 height: 20px;
13186 width: 20px;
13187 top: 3px;
13188 }
13189 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
13190 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
13191 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
13192 left: 28px;
13193 }
13194 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13195 height: 26px;
13196 }
13197 .vbo-admin-widgets-commands-info {
13198 font-weight: bold;
13199 float: left;
13200 margin-left: 5px;
13201 }
13202 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
13203 display: block;
13204 margin-bottom: 4px;
13205 }
13206 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
13207 color: var(--vbo-red-color);
13208 }
13209 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
13210 display: inline-block;
13211 }
13212 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
13213 background: var(--vbo-config-bg-color);
13214 border: 1px solid var(--vbo-config-border-color);
13215 color: var(--vbo-config-titles-color-light);
13216 padding: 4px 12px;
13217 }
13218 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
13219 border-color: var(--vbo-blue-color);
13220 color: var(--vbo-blue-color);
13221 }
13222 .vbo-admin-widgets-section {
13223 display: flex;
13224 flex-wrap: wrap;
13225 gap: 12px;
13226 }
13227 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
13228 flex-basis: 100%;
13229 font-size: 16px;
13230 font-weight: bold;
13231 margin-left: 8px;
13232 }
13233 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
13234 display: inline-block;
13235 margin-right: 7px;
13236 font-size: 14px;
13237 cursor: grab;
13238 }
13239 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
13240 color: #2d719a;
13241 }
13242 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13243 display: flex;
13244 }
13245 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
13246 margin-left: auto;
13247 margin-right: 10px;
13248 font-size: 14px;
13249 color: #2d719a;
13250 cursor: pointer;
13251 }
13252 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
13253 color: #333;
13254 margin-left: 16px;
13255 }
13256 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
13257 color: #2d719a;
13258 }
13259 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
13260 color: #182381;
13261 }
13262 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13263 font-size: 16px;
13264 font-weight: bold;
13265 padding: 10px 10px 0;
13266 }
13267 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
13268 flex: 1;
13269 display: flex;
13270 margin-top: 6px;
13271 }
13272 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
13273 display: inline-block;
13274 margin-left: auto;
13275 font-size: 14px;
13276 color: #2d719a;
13277 }
13278 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
13279 color: var(--vbo-red-color);
13280 cursor: pointer;
13281 }
13282 .vbo-admin-widgets-widget-info-drag:hover {
13283 color: #2d719a;
13284 }
13285 .vbo-admin-widgets-section .vbo-admin-widgets-container {
13286 flex: 1;
13287 flex-grow: 0;
13288 }
13289 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
13290 flex-basis: content;
13291 flex-grow: 0;
13292 }
13293 /*
13294 * Size Add box Container: 120px + 20px of padding = 120px;
13295 * Total margin of EACH container: 8px;
13296 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
13297 * Formula: Calc((container size - (add box total size / numb. containers)));
13298
13299 * Small Size */
13300 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
13301 flex-basis: calc(25% - 12px);
13302 max-width: 25%;
13303 }
13304 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
13305 flex-basis: calc((25% - 166px));
13306 }
13307 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
13308 flex-basis: calc((25% - (174px / 2)));
13309 }
13310 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
13311 flex-basis: calc((25% - (182px / 3)));
13312 }
13313 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
13314 flex-basis: calc((25% - (194px / 4)));
13315 }
13316 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
13317 flex-grow: 1;
13318 }
13319 /* Medium Size */
13320 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
13321 flex-basis: calc(50% - 12px);
13322 max-width: 50%;
13323 }
13324 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
13325 flex-basis: calc((50% - (174px / 2)));
13326 }
13327 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
13328 flex-basis: calc((50% - (182px / 3)));
13329 }
13330 /* Large Size */
13331 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
13332 flex-basis: calc((100% / 2) + (100% / 5));
13333 }
13334 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
13335 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
13336 }
13337 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
13338 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
13339 }
13340 /* Full Width */
13341 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
13342 width: 100%;
13343 flex-basis: inherit;
13344 }
13345 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
13346 flex-basis: calc(100% - 166px);
13347 }
13348 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
13349 background: #d8f4ff;
13350 border-radius: 10px;
13351 margin: 10px 4px;
13352 position: relative;
13353 padding-bottom: 115px;
13354 }
13355 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
13356 margin: 10px 8px;
13357 }
13358 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
13359 flex-basis: 150px;
13360 min-height: 100px;
13361 padding-bottom: 0;
13362 }
13363 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
13364 margin: 5px 0 10px;
13365 font-size: 14px;
13366 font-weight: bold;
13367 background: var(--vbo-config-child-bg-color);
13368 border: 1px solid var(--vbo-config-border-color);
13369 border-left: 2px solid #4c93af;
13370 border-radius: 4px;
13371 padding: 10px;
13372 }
13373 .vbo-modal-widgets-form-data-field label {
13374 display: block;
13375 margin-bottom: 5px;
13376 }
13377 .vbo-modal-widgets-form-data-field select {
13378 margin-bottom: 10px;
13379 }
13380 .vbo-modal-widgets-form-data-fields .select2-container {
13381 width: 180px !important;
13382 }
13383 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
13384 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
13385 .vbo-sticky-note-cmd-drag {
13386 -webkit-touch-callout: none;
13387 -webkit-user-select: none;
13388 -khtml-user-select: none;
13389 -moz-user-select: none;
13390 -ms-user-select: none;
13391 user-select: none;
13392 }
13393 .vbo-admin-widgets-wrap {
13394 padding: 8px;
13395 }
13396 .vbo-admin-widgets-widget .table-responsive {
13397 display: inline-block;
13398 width: 100%;
13399 max-height: 300px;
13400 overflow-y: scroll !important;
13401 }
13402 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
13403 background: #bdd5ea;
13404 padding: 10px;
13405 border-radius: 10px;
13406 margin: 15px 0;
13407 }
13408 .vbo-admin-widgets-widget-info-inner {
13409 padding: 15px;
13410 }
13411 .vbo-admin-widgets-widget-addnew {
13412 box-shadow: none;
13413 }
13414 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13415 background: var(--vbo-config-bg-color);
13416 border: 1px solid #838383;
13417 color: var(--vbo-config-text-color-light);
13418 border-radius: 16px;
13419 cursor: pointer;
13420 }
13421 .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 {
13422 padding: 0px 10px;
13423 text-align: center;
13424 font-size: 38px;
13425 }
13426 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
13427 background: #bdd5ea;
13428 color: #838383;
13429 padding: 0px;
13430 }
13431 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
13432 color: #838383;
13433 position: relative;
13434 cursor: pointer;
13435 border-radius: 10px;
13436 }
13437 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13438 padding: 30px 10px;
13439 }
13440 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
13441 .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 {
13442 color: #fff;
13443 background: #4c93af;
13444 border: 0;
13445 }
13446 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
13447 color: #fff;
13448 }
13449 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
13450 height: 100%;
13451 margin: 0;
13452 }
13453 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
13454 width: 100%;
13455 border-radius: 10px;
13456 }
13457 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
13458 background: #4c93af;
13459 color: #fff;
13460 cursor: pointer;
13461 }
13462 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
13463 padding: 20px 0;
13464 display: inline-block;
13465 }
13466 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
13467 position: absolute;
13468 top: 50%;
13469 left: 50%;
13470 transform: translate(-50%, -50%);
13471 }
13472 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
13473 height: 100px;
13474 position: absolute;
13475 width: calc(100% - 15px);
13476 bottom: 0;
13477 }
13478 .vbo-admin-widgets-plus-box {
13479 display: block;
13480 margin: 0 auto;
13481 }
13482 .vbo-admin-widgets-widget-details {
13483 display: flex;
13484 }
13485 .vbo-admin-widgets-widget-details h4 {
13486 font-size: 16px;
13487 }
13488 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
13489 margin-left: auto;
13490 display: inline-block;
13491 padding: 5px 5px 5px 0;
13492 cursor: grab;
13493 }
13494 .vbo-admin-widgets-widget-info-descr {
13495 font-size: 14px;
13496 }
13497 .vbo-admin-widgets-container-tmpdrop {
13498 border: 2px dashed #4c93af;
13499 background: #ecf6fa;
13500 height: 82px;
13501 width: calc(100% - 20px);
13502 border-radius: 16px;
13503 }
13504 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
13505 margin-top: 15px;
13506 position: relative;
13507 }
13508 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
13509 display: grid;
13510 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
13511 }
13512 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
13513 display: flex;
13514 flex-wrap: wrap;
13515 align-content: baseline;
13516 border: 1px solid var(--vbo-basic-btn);
13517 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13518 border-radius: 10px;
13519 margin: 10px 10px 2px;
13520 padding: 0 0 10px;
13521 }
13522 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
13523 flex-basis: 100%;
13524 margin-bottom: 4px;
13525 margin-top: 10px;
13526 font-size: 1.1em;
13527 border-bottom: 1px solid var(--vbo-basic-btn);
13528 padding: 0 10px 10px;
13529 }
13530 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
13531 padding: 5px 10px 0px;
13532 }
13533 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
13534 margin-bottom: 3px;
13535 }
13536 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
13537 margin-bottom: 0;
13538 }
13539 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
13540 margin-left: auto;
13541 padding: 10px;
13542 }
13543 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
13544 border-top: 0 !important;
13545 }
13546 .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 {
13547 list-style: none;
13548 word-break: break-word;
13549 }
13550 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13551 padding: 10px;
13552 margin-left: 0;
13553 }
13554 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13555 text-decoration: none;
13556 color: #000;
13557 background: #ffc;
13558 display: block;
13559 min-height: 100px;
13560 width: calc(25% - 80px);
13561 padding: 15px;
13562 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
13563 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13564 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13565 -moz-transition: -moz-transform .15s linear;
13566 -o-transition: -o-transform .15s linear;
13567 -webkit-transition: -webkit-transform .15s linear;
13568 }
13569 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13570 margin: 25px 20px;
13571 display: inline-block;
13572 vertical-align: top;
13573 line-height: 23px;
13574 }
13575 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13576 width: calc(33% - 80px);
13577 }
13578 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13579 padding: 0px 0 20px;
13580 margin-bottom: 0;
13581 }
13582 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13583 width: calc(70% - 100px);
13584 margin: 25px 20px 20px;
13585 }
13586 [contenteditable] {
13587 -webkit-user-select: text;
13588 user-select: text;
13589 }
13590 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13591 width: calc(40% - 100px);
13592 }
13593 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
13594 font-size: 18px;
13595 font-weight: bold;
13596 margin-bottom: 5px;
13597 margin-top: 5px;
13598 color: #444;
13599 }
13600 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
13601 margin-top: 0;
13602 }
13603 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
13604 margin: 0;
13605 }
13606 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
13607 cursor: pointer;
13608 }
13609 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13610 -webkit-transform: rotate(-6deg);
13611 -o-transform: rotate(-6deg);
13612 -moz-transform: rotate(-6deg);
13613 font-size: 18px;
13614 }
13615 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
13616 -o-transform: rotate(4deg);
13617 -webkit-transform: rotate(4deg);
13618 -moz-transform: rotate(4deg);
13619 position: relative;
13620 top: 5px;
13621 }
13622 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
13623 -o-transform: rotate(-3deg);
13624 -webkit-transform: rotate(-3deg);
13625 -moz-transform: rotate(-3deg);
13626 position: relative;
13627 top: -5px;
13628 }
13629 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
13630 -o-transform: rotate(5deg);
13631 -webkit-transform: rotate(5deg);
13632 -moz-transform: rotate(5deg);
13633 position: relative;
13634 top: -10px;
13635 }
13636 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
13637 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13638 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13639 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13640 -webkit-transform: scale(1.1);
13641 -moz-transform: scale(1.1);
13642 -o-transform: scale(1.1);
13643 position: relative;
13644 z-index: 5;
13645 background: #fff5cd;
13646 }
13647 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
13648 display: flex;
13649 color: #444;
13650 }
13651 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
13652 display: inline-block;
13653 padding: 5px;
13654 cursor: pointer;
13655 font-size: 14px;
13656 }
13657 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
13658 margin-left: auto;
13659 padding-right: 0;
13660 }
13661 .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 {
13662 color: var(--vbo-red-color);
13663 }
13664 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
13665 padding-left: 0;
13666 }
13667 .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 {
13668 color: #2d719a;
13669 }
13670 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
13671 font-size: .85em;
13672 font-style: italic;
13673 text-align: right;
13674 margin-top: 10px;
13675 }
13676 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
13677 list-style-type: disc;
13678 }
13679 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13680 height: 70px;
13681 width: calc(25% - 80px);
13682 min-height: inherit;
13683 border: 2px solid #ffe8a2;
13684 background: #fff5cd;
13685 padding: 0;
13686 }
13687 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
13688 position: relative;
13689 height: 100%;
13690 padding: 15px;
13691 box-sizing: border-box;
13692 cursor: pointer;
13693 }
13694 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
13695 background: #ffc;
13696 }
13697 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
13698 position: absolute;
13699 top: 50%;
13700 left: 50%;
13701 transform: translate(-50%, -50%);
13702 font-size: 26px;
13703 }
13704 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
13705 margin-top: 20px;
13706 font-size: 16px;
13707 width: auto;
13708 }
13709 .vbo-widget-visitscounter-wrap {
13710 display: flex;
13711 flex-wrap: wrap;
13712 justify-content: center;
13713 margin: 10px 20px 0;
13714 padding-bottom: 10px;
13715 }
13716 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13717 flex-basis: calc(50% - 52px);
13718 background: var(--vbo-config-bg-color);
13719 border: 1px solid var(--vbo-basic-btn);
13720 border-bottom: 3px solid var(--vbo-basic-btn);
13721 padding: 20px;
13722 border-radius: 16px;
13723 margin: 5px;
13724 position:relative;
13725 }
13726 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
13727 height: 30px;
13728 width: 4px;
13729 background: var(--vbo-blue-color);
13730 content: "";
13731 position: absolute;
13732 left: -3px;
13733 top: 17px;
13734 }
13735 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
13736 font-weight: bold;
13737 color: var(--vbo-config-titles-color-light);
13738 margin-top: 10px;
13739 font-size: 14px;
13740 }
13741 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
13742 font-size: 26px;
13743 font-weight: bold;
13744 letter-spacing: 1px;
13745 white-space: nowrap;
13746 }
13747 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13748 flex-basis: calc(50% - 52px);
13749 }
13750 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
13751 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13752 flex-basis: calc(25% - 52px);
13753 }
13754 .vbo-widgets-welcome-inner {
13755 font-size: 14px;
13756 }
13757 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
13758 background: #bdd5ea;
13759 padding: 10px;
13760 border-radius: 10px;
13761 margin: 15px 0;
13762 display: flex;
13763 flex-wrap: wrap;
13764 }
13765 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
13766 font-size: 16px;
13767 font-weight: bold;
13768 margin-left: 8px;
13769 flex-basis: 100%;
13770 }
13771 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
13772 background: #d8f4ff;
13773 border-radius: 10px;
13774 margin: 10px 4px;
13775 position: relative;
13776 flex-basis: calc(50% - 8px);
13777 }
13778 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
13779 font-size: 16px;
13780 font-weight: bold;
13781 padding: 10px 10px 0;
13782 display: block;
13783 }
13784 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
13785 display: block;
13786 border-radius: 10px;
13787 margin: 12px 8px;
13788 box-shadow: 0 0px 20px rgba(0,0,0,.1);
13789 background: #fff;
13790 }
13791 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
13792 font-size: 14px;
13793 font-weight: bold;
13794 padding: 10px;
13795 display: block;
13796 }
13797 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
13798 opacity: 0;
13799 }
13800 .vbo-widgets-welcome-animate {
13801 -webkit-animation-name: VikfadeInDown;
13802 animation-name: VikfadeInDown;
13803 -webkit-animation-duration: .5s;
13804 animation-duration: .5s;
13805 -webkit-animation-fill-mode: both;
13806 animation-fill-mode: both;
13807 }
13808 .vbo-inspector-colorpicker-wrap {
13809 border-radius: 3px;
13810 border: 1px solid var(--vbo-main-bg-color);
13811 background: var(--vbo-config-bg-color);
13812 display: inline-block;
13813 height: 23px;
13814 }
13815 .vbo-inspector-colorpicker {
13816 padding: 0 0px 0 24px;
13817 position: relative;
13818 cursor: pointer;
13819 height: 100%;
13820 display: inline-block;
13821 }
13822 .vbo-inspector-colorpicker:not([style*="background"]) {
13823 background-image: repeating-linear-gradient( 45deg, transparent, transparent 1px, #ccc 3px, #ccc 3px ), linear-gradient( to bottom, #fff, #fff );
13824 }
13825 .vbo-inspector-colorpicker i {
13826 background: var(--vbo-config-bg-color);
13827 padding: 5px;
13828 border-left: 1px solid var(--vbo-main-bg-color);
13829 }
13830 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
13831 height: 90%;
13832 }
13833 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
13834 display: flex;
13835 flex-wrap: wrap;
13836 }
13837 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
13838 padding: 10px;
13839 border-radius: 8px;
13840 margin: 5px;
13841 flex-basis: calc(33% - 34px);
13842 background-origin: border-box !important;
13843 color: #fff;
13844 }
13845 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
13846 background: rgb(2,0,36);
13847 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
13848 }
13849 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
13850 cursor: pointer;
13851 }
13852 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
13853 display: flex;
13854 margin-bottom: 10px;
13855 }
13856 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
13857 margin-right: 15px;
13858 font-size: 20px;
13859 }
13860 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
13861 margin-left: auto;
13862 font-size: 16px;
13863 cursor: pointer;
13864 }
13865 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
13866 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
13867 }
13868 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
13869 font-size: 1.1em;
13870 font-weight: bold;
13871 margin-bottom: 2px;
13872 }
13873 .vbo-admin-widget-style-light-red {
13874 background: rgb(2,0,36);
13875 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
13876 }
13877 .vbo-admin-widget-style-light-blue {
13878 background: rgb(2,0,36);
13879 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
13880 }
13881 .vbo-admin-widget-style-pink {
13882 background: rgb(2,0,36);
13883 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
13884 }
13885 .vbo-admin-widget-style-green {
13886 background: rgb(2,0,36);
13887 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
13888 }
13889 .vbo-admin-widget-style-light-orange {
13890 background: rgb(2,0,36);
13891 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
13892 }
13893 .vbo-admin-widget-style-yellow {
13894 background: rgb(2,0,36);
13895 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
13896 }
13897 .vbo-admin-widget-style-red {
13898 background: rgb(2,0,36);
13899 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
13900 }
13901 .vbo-admin-widget-style-violet {
13902 background: rgb(2,0,36);
13903 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
13904 }
13905 .vbo-admin-widget-style-orange {
13906 background: rgb(2,0,36);
13907 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
13908 }
13909 .vbo-admin-widget-style-blue {
13910 background: rgb(2,0,36);
13911 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
13912 }
13913 .vbo-admin-widget-style-brown {
13914 background: rgb(2,0,36);
13915 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
13916 }
13917 .vbo-admin-widget-style-dark-blue {
13918 background: rgb(2,0,36);
13919 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
13920 }
13921 .vbo-modal-widget-notselected {
13922 filter: brightness(60%);
13923 }
13924 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
13925 cursor: initial;
13926 font-size: 1.4em;
13927 margin-bottom: 10px;
13928 }
13929
13930 /* Side widget panel */
13931 .vbo-sidepanel-wrapper {
13932 position: fixed;
13933 top: 0;
13934 bottom: 0;
13935 right: 0;
13936 z-index: 2147483647;
13937 }
13938 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
13939 background: var(--vbo-config-child-bg-color);
13940 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
13941 position: absolute;
13942 top: 0;
13943 bottom: 0;
13944 width: 25vw;
13945 padding: 10px 0 6px 0;
13946 transition: 0.3s ease-in all;
13947 -moz-transition: 0.3s ease-in all;
13948 -webkit-transition: 0.3s ease-in all;
13949 }
13950 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
13951 background: var(--vbo-config-child-bg-color);
13952 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
13953 position: absolute;
13954 top: 0;
13955 bottom: 0;
13956 width: 88vw;
13957 padding: 10px 0 6px 0;
13958 transition: 0.3s ease-in all;
13959 -moz-transition: 0.3s ease-in all;
13960 -webkit-transition: 0.3s ease-in all;
13961 }
13962 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
13963 visibility: hidden;
13964 }
13965 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
13966 transition: all 0.3s;
13967 }
13968 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
13969 transform: translateX(25vw);
13970 right: 0;
13971 top: 0;
13972 }
13973 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
13974 transform: translateX(88vw);
13975 right: 0;
13976 top: 0;
13977 }
13978 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
13979 transform: translateX(0);
13980 }
13981 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
13982 transform: translateX(0);
13983 }
13984 .vbo-sidepanel-layouts {
13985 display: flex;
13986 margin-top: -10px;
13987 padding: 6px;
13988 }
13989 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
13990 padding-left: 4px;
13991 }
13992 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
13993 display: inline-block;
13994 border: 1px solid var(--vbo-config-border-color);
13995 padding: 0px 5px;
13996 border-radius: 4px;
13997 background: var(--vbo-input-style);
13998 cursor: pointer;
13999 opacity: .8;
14000 }
14001 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14002 opacity: 1;
14003 }
14004 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14005 flex: 1;
14006 margin-left: 10px;
14007 }
14008 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14009 background: transparent;
14010 border: 0;
14011 padding: 0;
14012 color: var(--vbo-orange-color);
14013 font-size: 13px;
14014 cursor: initial;
14015 }
14016 .vbo-sidepanel-notifications-off {
14017 color: var(--vbo-red-color);
14018 cursor: pointer;
14019 }
14020 .vbo-sidepanel-notifications-off:hover {
14021 color: var(--vbo-orange-color);
14022 }
14023 .vbo-sidepanel-notifications-off.shaking {
14024 font-size: 13px;
14025 width: 15px;
14026 height: 15px;
14027 margin: 0;
14028 -webkit-animation: ring 4s .7s ease-in-out ;
14029 -webkit-transform-origin: 50% 4px;
14030 -moz-animation: ring 4s .7s ease-in-out;
14031 -moz-transform-origin: 50% 4px;
14032 animation: ring 4s .7s ease-in-out;
14033 transform-origin: 50% 4px;
14034 }
14035 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14036 margin-left: 10px;
14037 }
14038 .vbo-admin-widgets-suggest-notifications-cont {
14039 display: inline-block;
14040 }
14041
14042 @-webkit-keyframes ring {
14043 0% { -webkit-transform: rotateZ(0); }
14044 1% { -webkit-transform: rotateZ(30deg); }
14045 3% { -webkit-transform: rotateZ(-28deg); }
14046 5% { -webkit-transform: rotateZ(34deg); }
14047 7% { -webkit-transform: rotateZ(-32deg); }
14048 9% { -webkit-transform: rotateZ(30deg); }
14049 11% { -webkit-transform: rotateZ(-28deg); }
14050 13% { -webkit-transform: rotateZ(26deg); }
14051 15% { -webkit-transform: rotateZ(-24deg); }
14052 17% { -webkit-transform: rotateZ(22deg); }
14053 19% { -webkit-transform: rotateZ(-20deg); }
14054 21% { -webkit-transform: rotateZ(18deg); }
14055 23% { -webkit-transform: rotateZ(-16deg); }
14056 25% { -webkit-transform: rotateZ(14deg); }
14057 27% { -webkit-transform: rotateZ(-12deg); }
14058 29% { -webkit-transform: rotateZ(10deg); }
14059 31% { -webkit-transform: rotateZ(-8deg); }
14060 33% { -webkit-transform: rotateZ(6deg); }
14061 35% { -webkit-transform: rotateZ(-4deg); }
14062 37% { -webkit-transform: rotateZ(2deg); }
14063 39% { -webkit-transform: rotateZ(-1deg); }
14064 41% { -webkit-transform: rotateZ(1deg); }
14065
14066 43% { -webkit-transform: rotateZ(0); }
14067 100% { -webkit-transform: rotateZ(0); }
14068 }
14069
14070 @-moz-keyframes ring {
14071 0% { -moz-transform: rotate(0); }
14072 1% { -moz-transform: rotate(30deg); }
14073 3% { -moz-transform: rotate(-28deg); }
14074 5% { -moz-transform: rotate(34deg); }
14075 7% { -moz-transform: rotate(-32deg); }
14076 9% { -moz-transform: rotate(30deg); }
14077 11% { -moz-transform: rotate(-28deg); }
14078 13% { -moz-transform: rotate(26deg); }
14079 15% { -moz-transform: rotate(-24deg); }
14080 17% { -moz-transform: rotate(22deg); }
14081 19% { -moz-transform: rotate(-20deg); }
14082 21% { -moz-transform: rotate(18deg); }
14083 23% { -moz-transform: rotate(-16deg); }
14084 25% { -moz-transform: rotate(14deg); }
14085 27% { -moz-transform: rotate(-12deg); }
14086 29% { -moz-transform: rotate(10deg); }
14087 31% { -moz-transform: rotate(-8deg); }
14088 33% { -moz-transform: rotate(6deg); }
14089 35% { -moz-transform: rotate(-4deg); }
14090 37% { -moz-transform: rotate(2deg); }
14091 39% { -moz-transform: rotate(-1deg); }
14092 41% { -moz-transform: rotate(1deg); }
14093
14094 43% { -moz-transform: rotate(0); }
14095 100% { -moz-transform: rotate(0); }
14096 }
14097
14098 @keyframes ring {
14099 0% { transform: rotate(0); }
14100 1% { transform: rotate(30deg); }
14101 3% { transform: rotate(-28deg); }
14102 5% { transform: rotate(34deg); }
14103 7% { transform: rotate(-32deg); }
14104 9% { transform: rotate(30deg); }
14105 11% { transform: rotate(-28deg); }
14106 13% { transform: rotate(26deg); }
14107 15% { transform: rotate(-24deg); }
14108 17% { transform: rotate(22deg); }
14109 19% { transform: rotate(-20deg); }
14110 21% { transform: rotate(18deg); }
14111 23% { transform: rotate(-16deg); }
14112 25% { transform: rotate(14deg); }
14113 27% { transform: rotate(-12deg); }
14114 29% { transform: rotate(10deg); }
14115 31% { transform: rotate(-8deg); }
14116 33% { transform: rotate(6deg); }
14117 35% { transform: rotate(-4deg); }
14118 37% { transform: rotate(2deg); }
14119 39% { transform: rotate(-1deg); }
14120 41% { transform: rotate(1deg); }
14121
14122 43% { transform: rotate(0); }
14123 100% { transform: rotate(0); }
14124 }
14125
14126 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
14127 margin-left: auto;
14128 padding-right: 5px;
14129 padding-top: 2px;
14130 }
14131 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
14132 cursor: pointer;
14133 width: 17px;
14134 display: inline-block;
14135 }
14136 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14137 opacity: .8;
14138 }
14139 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
14140 opacity: 1;
14141 }
14142 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14143 fill: var(--vbo-config-titles-color-light);
14144 }
14145 .vbo-sidepanel-container .vbo-sidepanel-search {
14146 position: relative;
14147 display: flex;
14148 }
14149 .vbo-sidepanel-container .vbo-sidepanel-search > i {
14150 position: absolute;
14151 top: 14px;
14152 left: 15px;
14153 }
14154 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
14155 width: 100% !important;
14156 flex: 1;
14157 padding: 8px 10px;
14158 padding-left: 35px !important;
14159 }
14160 .vbo-sidepanel-container .vbo-sidepanel-search button {
14161 border-radius: 4px;
14162 margin: 0 0 0 5px;
14163 font-size: 14px;
14164 padding: 6px 8px;
14165 }
14166 .vbo-sidepanel-container .vbo-sidepanel-search button i {
14167 margin-right: 0;
14168 }
14169 .vbo-sidepanel-body-top {
14170 position: relative;
14171 margin-top: 7px;
14172 margin-bottom: 5px;
14173 padding: 0 15px;
14174 }
14175 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
14176 max-height: 35vh;
14177 overflow-y: scroll;
14178 margin-top: 5px;
14179 position: absolute;
14180 width: calc(100% - 30px);
14181 background: var(--vbo-config-bg-color);
14182 padding: 5px;
14183 box-sizing: border-box;
14184 z-index: 99999;
14185 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
14186 border-radius: 4px;
14187 }
14188 .vbo-sidepanel-add-widget {
14189 cursor: pointer;
14190 margin-bottom: 8px;
14191 border: 1px solid var(--vbo-config-border-color);
14192 border-radius: 6px;
14193 padding: 5px;
14194 }
14195 .vbo-sidepanel-add-widget:hover {
14196 border-color: var(--vbo-blue-color);
14197 }
14198 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
14199 display: flex;
14200 }
14201 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
14202 flex: 1;
14203 }
14204 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
14205 border-radius: 6px;
14206 padding: 5px;
14207 text-align: center;
14208 width: 22px;
14209 height: 22px;
14210 display: inline-block;
14211 line-height: 22px;
14212 color: #fff;
14213 box-sizing: content-box;
14214 }
14215 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
14216 font-weight: bold;
14217 margin-left: 10px;
14218 -webkit-user-select: none;
14219 -ms-user-select: none;
14220 user-select: none;
14221 }
14222 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
14223 margin-left: auto;
14224 align-self: center;
14225 font-size: 15px;
14226 cursor: pointer;
14227 color: var(--vbo-green-color);
14228 }
14229 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
14230 color: var(--vbo-green-color-hover);
14231 }
14232 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
14233 opacity: 0;
14234 margin-right: 3px;
14235 color: var(--vbo-base-color);
14236 transition: all 100ms ease-in-out 0s;
14237 }
14238 .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 {
14239 opacity: 1;
14240 transition: all 100ms ease-in-out 0s;
14241 }
14242 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
14243 color: var(--vbo-base-color-hover);
14244 }
14245 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
14246 max-height: 84vh;
14247 min-height: 300px;
14248 overflow-y: scroll;
14249 padding: 5px 15px 0;
14250 }
14251 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
14252 background: var(--vbo-config-bg-color);
14253 border-radius: 6px;
14254 margin: 20px 0 10px;
14255 position: relative;
14256 box-shadow: 0 3px 5px rgba(0,0,0,.1);
14257 }
14258 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
14259 margin-top: 10px;
14260 }
14261 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
14262 position: absolute;
14263 top: -4px;
14264 left: -6px;
14265 width: 16px;
14266 height: 16px;
14267 border-radius: 50%;
14268 text-align: center;
14269 line-height: 16px;
14270 background: var(--vbo-red-color);
14271 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
14272 color: #fff;
14273 font-size: 10px;
14274 }
14275 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
14276 background: var(--vbo-red-color-hover);
14277 }
14278 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
14279 position: absolute;
14280 top: -15px;
14281 left: 50%;
14282 transform: translate(-50%, 0);
14283 width: 24px;
14284 height: 24px;
14285 border-radius: 50%;
14286 background: var(--vbo-config-bg-color);
14287 border: 1px solid var(--vbo-main-bg-color);
14288 color: var(--vbo-config-text-color-light);
14289 text-align: center;
14290 line-height: 24px;
14291 font-size: 12px;
14292 box-shadow: 0 4px 7px rgba(0,0,0,.1);
14293 z-index: 1;
14294 cursor: pointer;
14295 opacity: 0;
14296 transition: 0.2s ease-in all;
14297 -moz-transition: 0.2s ease-in all;
14298 -webkit-transition: 0.2s ease-in all;
14299 }
14300 .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 {
14301 opacity: 1;
14302 }
14303 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
14304 color: var(--vbo-base-color);
14305 }
14306 .vbo-sidepanel-edit-widgets {
14307 margin-top: 10px;
14308 text-align: center;
14309 position: absolute;
14310 bottom: 10px;
14311 left: 50%;
14312 transform: translate(-50%, 0px);
14313 z-index: 10000;
14314 }
14315 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
14316 display: inline-block;
14317 padding: 5px 10px;
14318 border-radius: 20px;
14319 font-size: 11px;
14320 background: var(--vbo-config-border-color);
14321 border-color: var(--vbo-config-text-color-light);
14322 }
14323 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
14324 background: var(--vbo-main-bg-color);
14325 }
14326 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
14327 background: var(--vbo-orange-color);
14328 border-color: var(--vbo-orange-color-hover);
14329 box-shadow: 0 3px 5px rgba(0,0,0,.2);
14330 }
14331 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
14332 background: var(--vbo-orange-color);
14333 }
14334 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
14335 font-size: 14px;
14336 padding: 3px 0 3px 15px;
14337 margin: 8px 0;
14338 }
14339 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
14340 margin-right: 5px;
14341 font-size: 12px;
14342 }
14343 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
14344 display: none;
14345 }
14346 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
14347 height: 28px;
14348 }
14349 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14350 padding: 5px 8px;
14351 font-size: 11px;
14352 }
14353 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
14354 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14355 margin: 7px 10px 6px 6px;
14356 }
14357 .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 {
14358 padding: 2px 5px;
14359 }
14360 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
14361 padding: 3.5px 9px;
14362 }
14363 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14364 flex-wrap: wrap;
14365 }
14366 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
14367 flex-wrap: wrap;
14368 }
14369 .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 {
14370 flex-basis: 100%;
14371 margin-top: 5px;
14372 margin-right: 0;
14373 }
14374 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
14375 width: 100%;
14376 }
14377 .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 {
14378 padding: 8px;
14379 border: 1px solid var(--vbo-basic-btn);
14380 }
14381 .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 {
14382 border-color: var(--vbo-blue-color-hover);
14383 }
14384 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14385 margin-bottom: 0;
14386 }
14387 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
14388 width: 100%;
14389 }
14390 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
14391 padding: 10px 15px;
14392 }
14393 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
14394 vertical-align: middle;
14395 }
14396 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
14397 padding: 0px 10px;
14398 }
14399 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
14400 font-size: 16px;
14401 }
14402 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
14403 font-size: 13px;
14404 }
14405 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
14406 width: 100%;
14407 }
14408 .vbo-sidepanel-add-widget-focussed {
14409 background: var(--vbo-toolbar-bg-color);
14410 border-color: var(--vbo-blue-color);
14411 }
14412 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
14413 padding: 5px 0 5px 15px;
14414 }
14415 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
14416 margin-top: 3px;
14417 }
14418 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
14419 flex-basis: 180px;
14420 }
14421 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
14422 display: flex;
14423 }
14424 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
14425 align-self: center;
14426 padding: 0 8px 0 10px;
14427 }
14428 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
14429 display: block;
14430 margin-bottom: 5px;
14431 }
14432 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
14433 margin-top: 5px;
14434 }
14435 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
14436 width: 100%;
14437 }
14438 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap {
14439 padding: 10px;
14440 display: flex;
14441 }
14442 .vbo-widget-booskcal-top-wrap .vbo-widget-booskcal-filter {
14443 flex: 1;
14444 margin-right: 10px;
14445 }
14446 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar {
14447 padding: 10px 15px;
14448 }
14449 .vbo-widget-booskcal-newbook-cont {
14450 position: relative;
14451 }
14452 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
14453 margin-top: 5px;
14454 }
14455 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
14456 border-bottom: 1px solid var(--vbo-config-border-color);
14457 padding-bottom: 5px;
14458 }
14459 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
14460 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
14461 margin-right: 2px;
14462 }
14463 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
14464 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
14465 float: right;
14466 font-weight: bold;
14467 text-transform: uppercase;
14468 display: inline-block;
14469 margin-left: 10px;
14470 }
14471 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
14472 display: inline-block;
14473 margin-bottom: 2px;
14474 }
14475 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
14476 padding: 5px 10px;
14477 border-radius: 4px;
14478 margin-top: 5px;
14479 }
14480 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
14481 border: 1px solid var(--vbo-config-border-color);
14482 padding: 5px;
14483 border-radius: 6px;
14484 margin-bottom: 5px;
14485 }
14486 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
14487 width: 100%;
14488 }
14489 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14490 text-align: right !important;
14491 padding: 3px !important;
14492 vertical-align: top !important;
14493 cursor: initial;
14494 }
14495 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14496 height: 40px;
14497 }
14498 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
14499 width: 100%;
14500 height: 100%;
14501 }
14502 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
14503 vertical-align: bottom !important;
14504 background: transparent;
14505 border: 0 !important;
14506 }
14507 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
14508 background: transparent;
14509 }
14510 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
14511 background: var(--vbo-main-bg-color);
14512 }
14513 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14514 cursor: pointer;
14515 }
14516 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
14517 width: 18px;
14518 display: inline-block;
14519 height: 18px;
14520 line-height: 18px;
14521 background: var(--vbo-red-color);
14522 color: #fff;
14523 border-radius: 50%;
14524 text-align: center;
14525 }
14526 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
14527 border: 1px solid var(--vbo-config-bg-color);
14528 }
14529 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
14530 text-align: center;
14531 font-size: 12px;
14532 }
14533 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
14534 height: 40px;
14535 }
14536 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
14537 line-height: 40px;
14538 }
14539 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
14540 height: 40px;
14541 }
14542 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14543 margin-top: 0;
14544 }
14545 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14546 margin-top: 14px;
14547 }
14548 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
14549 padding-top: 6px;
14550 }
14551 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
14552 margin-bottom: 5px;
14553 }
14554 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
14555 right: 10px;
14556 min-width: 200px;
14557 }
14558 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
14559 display: flex;
14560 width: 100%;
14561 }
14562 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
14563 align-self: center;
14564 display: inline-block;
14565 }
14566 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
14567 align-self: center;
14568 margin-top: 0;
14569 padding-top: 0;
14570 padding-bottom: 0;
14571 margin-left: auto;
14572 width: auto;
14573 float: right;
14574 margin-right: 0;
14575 }
14576 .vbo-widget-reminders-list .vbo-widget-reminders-record {
14577 display: flex;
14578 padding: 5px 10px;
14579 border-radius: 4px;
14580 border: 1px solid var(--vbo-config-border-color);
14581 margin: 5px 10px;
14582 position: relative;
14583 overflow: hidden;
14584 }
14585 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
14586 margin-right: 10px;
14587 }
14588 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14589 background: none;
14590 border: 0;
14591 color: var(--vbo-body-text-color);
14592 padding: 0;
14593 font-size: 15px;
14594 margin-top: 2px;
14595 }
14596 .vbo-widget-reminders-list .vbo-reminder-ok {
14597 opacity: .8;
14598 color: var(--vbo-config-titles-color-light);
14599 }
14600 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14601 color: var(--vbo-blue-color);
14602 }
14603 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
14604 background: var(--vbo-blue-color);
14605 position: absolute;
14606 right: 0;
14607 top: 0;
14608 height: 100%;
14609 width: 35px;
14610 transition: 0.3s ease-in all;
14611 -moz-transition: 0.3s ease-in all;
14612 -webkit-transition: 0.3s ease-in all;
14613 transform: translateX(100%);
14614 display: flex;
14615 cursor: pointer;
14616 }
14617 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
14618 background: var(--vbo-blue-color-hover);
14619 }
14620 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
14621 transform: translateX(0);
14622 }
14623 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
14624 background: transparent;
14625 border: 0;
14626 padding: 0;
14627 width: 100%;
14628 color: #fff;
14629 cursor: pointer;
14630 }
14631 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
14632 margin-right: 10px;
14633 }
14634 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminder-title {
14635 font-weight: bold;
14636 display: block;
14637 margin-bottom: 2px;
14638 }
14639 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due {
14640 margin-top: 3px;
14641 color: var(--vbo-config-titles-color-light) !important;
14642 font-size: .9em;
14643 display: flex;
14644 }
14645 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
14646 order: 2;
14647 margin-left: 10px;
14648 }
14649 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
14650 display: inline-block;
14651 }
14652 .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 {
14653 margin-left: 2px;
14654 }
14655 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
14656 color: var(--vbo-red-color) !important;
14657 font-size: 1em;
14658 }
14659 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
14660 padding: 5px 10px;
14661 margin-bottom: 8px;
14662 }
14663 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
14664 padding: 0 15px;
14665 }
14666 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
14667 margin-bottom: 5px;
14668 }
14669 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
14670 margin: 10px 0;
14671 }
14672 .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 {
14673 width: 100% !important;
14674 }
14675 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
14676 min-height: 100px;
14677 }
14678 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
14679 display: flex;
14680 flex-wrap: wrap;
14681 }
14682 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
14683 flex: 1;
14684 }
14685 .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 {
14686 width: 100%;
14687 }
14688 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14689 display: flex;
14690 }
14691 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14692 flex: 1;
14693 }
14694 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14695 display: flex;
14696 margin-left: 10px;
14697 }
14698 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14699 flex: 0;
14700 }
14701 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
14702 width: 110px !important;
14703 }
14704 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
14705 margin-right: 5px;
14706 }
14707 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14708 margin-top: 5px;
14709 text-align: center;
14710 }
14711 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14712 display: flex;
14713 }
14714 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14715 flex: 1;
14716 }
14717 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
14718 margin-left: 5px;
14719 }
14720
14721 .colorpicker input {
14722 top: -4px;
14723 }
14724
14725 @-webkit-keyframes VikfadeInDown {
14726 from {
14727 opacity: 0;
14728 -webkit-transform: translate3d(0%, -20%, 0);
14729 transform: translate3d(0%, -20%, 0);
14730 }
14731
14732 to {
14733 opacity: 1;
14734 -webkit-transform: translate3d(0%, 0%, 0);
14735 transform: translate3d(0%, 0%, 0);
14736 }
14737 }
14738
14739 @keyframes VikfadeInDown {
14740 from {
14741 opacity: 0;
14742 -webkit-transform: translate3d(0%, -20%, 0);
14743 transform: translate3d(0%, -20%, 0);
14744 }
14745
14746 to {
14747 opacity: 1;
14748 -webkit-transform: translate3d(0%, 0%, 0);
14749 transform: translate3d(0%, 0%, 0);
14750 }
14751 }
14752 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
14753 text-align: center;
14754 margin-bottom: 20px;
14755 }
14756 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
14757 display: inline-block;
14758 margin: 5px;
14759 }
14760 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
14761 border-radius: 3px;
14762 padding: 8px 14px;
14763 margin-bottom: 0;
14764 font-size: inherit;
14765 }
14766 .vbo-modal-condtext-rules {
14767 display: flex;
14768 flex-wrap: wrap;
14769 }
14770 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
14771 flex-basis: calc(33% - 38px);
14772 border: 2px solid var(--vbo-config-border-color);
14773 padding: 10px;
14774 border-radius: 6px;
14775 margin: 7px;
14776 cursor: pointer;
14777 }
14778 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
14779 border-color: #acdaac;
14780 }
14781 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
14782 border-color: #46a546;
14783 }
14784 .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 {
14785 opacity: .6;
14786 border: 2px solid var(--vbo-main-bg-color);
14787 cursor: auto;
14788 color: var(--vbo-config-titles-color-light);
14789 }
14790 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
14791 margin-top: 0;
14792 margin-bottom: 5px;
14793 font-size: 16px;
14794 }
14795 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
14796 font-size: 14px;
14797 }
14798 .vbo-modal-condtext-rule-apply {
14799 text-align: center;
14800 margin-bottom: 20px;
14801 }
14802 .vbo-condtext-rule .adminlegend {
14803 display: flex;
14804 }
14805 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
14806 margin-left: auto;
14807 cursor: pointer;
14808 }
14809 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
14810 font-size: 15px;
14811 color: var(--vbo-config-titles-color-light);
14812 padding: 4px;
14813 display: inline-block;
14814 }
14815 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
14816 color: var(--vbo-red-color);
14817 }
14818 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
14819 padding: 8px 10px;
14820 border-color: var(--vbo-config-border-color);
14821 }
14822 .vbo-config-maintab-right-halfsize {
14823 display: flex;
14824 flex-wrap: wrap;
14825 padding-top: 12px;
14826 }
14827 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
14828 flex-grow: 0;
14829 }
14830 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
14831 flex-basis: calc(50% - 78px);
14832 margin: 8px;
14833 flex-grow: 1;
14834 }
14835 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
14836 width: 100%;
14837 }
14838 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
14839 flex-wrap: wrap;
14840 }
14841 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
14842 flex-basis: 100%;
14843 }
14844 .vbo-param-container img {
14845 max-width: 100%;
14846 }
14847 .vbo-condtext-rule[data-ruleaction="0"] {
14848 border: 1px solid var(--vbo-base-color);
14849 }
14850 .vbo-condtext-rule[data-ruleaction="1"] {
14851 border: 1px solid var(--vbo-orange-color);
14852 }
14853 .notice-noicon {
14854 padding: 12px;
14855 background-image: none;
14856 }
14857 .notice-noicon i {
14858 margin-right: 5px;
14859 }
14860 .vbo-list-table-rounded {
14861 border: 1px solid var(--vbo-config-border-color);
14862 border-radius: 10px;
14863 }
14864 .vbo-list-table-rounded .table {
14865 margin-top: 0;
14866 margin-bottom: 0;
14867 }
14868 .vbo-list-table-rounded .table thead th {
14869 padding: 18px 20px;
14870 color: #444;
14871 }
14872 .vbo-list-table-rounded .table td {
14873 padding: 10px 20px;
14874 }
14875 .vbo-list-table-rounded .table td:last-child {
14876 text-align: right;
14877 }
14878 .vbo-ratesoverview-top-outer {
14879 text-align: right;
14880 margin-top: -20px;
14881 }
14882 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
14883 display: inline-block;
14884 border: 1px solid var(--vbo-config-border-color);
14885 padding: 5px 10px 0;
14886 border-radius: 4px;
14887 margin-bottom: 5px
14888 }
14889 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
14890 display: inline-block;
14891 vertical-align: top;
14892 margin: 5px 0 0 6px;
14893 cursor: pointer;
14894 }
14895 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
14896 height: 27px;
14897 }
14898 .vbo-list-table .btn.vbo-condtext-tmpl-status {
14899 padding: 4px 10px;
14900 margin: 3px;
14901 font-size: 13px;
14902 }
14903 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
14904 margin-right: 2px;
14905 }
14906 .vbo-inspector-hover {
14907 background-color: rgba(184, 225, 243, 1) !important;
14908 }
14909 .vbo-inspector-wrap {
14910 padding: 15px;
14911 }
14912 .vbo-inspector-wrap > * {
14913 padding: 20px 0;
14914 }
14915 .vbo-admin-container .vbo-config-maintab-top {
14916 display: flex;
14917 flex-basis: 100%;
14918 }
14919 .vbo-config-maintab-top .vbo-config-fieldset-large {
14920 flex-basis: 75%;
14921 }
14922 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
14923 width: 100%;
14924 }
14925 .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 {
14926 white-space: initial;
14927 }
14928 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
14929 flex: 1;
14930 margin-left: 20px;
14931 }
14932 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
14933 width: 100%;
14934 }
14935 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
14936 padding: 5px 10px;
14937 background: var(--vbo-config-child-bg-color);
14938 margin: 0;
14939 }
14940 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
14941 font-weight: 500;
14942 }
14943 .vbo-admin-container > .vbo-config-maintab-bottom {
14944 flex-basis: 100%;
14945 }
14946 .vbo-admin-container > #vbo-conditrules-wrap {
14947 flex-grow: 0;
14948 }
14949 .btn.vbo-condtext-specialtag-btn {
14950 padding: 8px 14px;
14951 background-color: #e2eaee;
14952 color: var(--vbo-base-color);
14953 border: 1px solid #c9e0ec;
14954 }
14955 .btn.vbo-condtext-specialtag-btn:hover {
14956 background: #2482b5;
14957 border: 1px solid #2482b5;
14958 color: #fff;
14959 }
14960 .vbo-condtext-addrule-helper {
14961 flex-basis: 100%;
14962 margin: 10px 0 20px 8px;
14963 }
14964 .vbo-geoinfo-markers-wrap {
14965 display: flex;
14966 flex-wrap: wrap;
14967 }
14968 .vbo-geoinfo-marker-cont {
14969 flex-basis: calc(16% - 15px);
14970 text-align: center;
14971 border: 1px solid var(--vbo-config-border-color);
14972 background: var(--vbo-basic-btn);
14973 padding: 5px;
14974 margin: 4px;
14975 border-radius: 4px;
14976 }
14977 .vbo-geoinfo-marker-label {
14978 margin-bottom: 4px;
14979 }
14980 .btn.vbo-geomarker-status {
14981 font-size: 18px;
14982 }
14983 .btn.vbo-geomarker-status i {
14984 font-size: 16px;
14985 margin-right: 0 !important;
14986 }
14987 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
14988 border-color: var(--vbo-green-color);
14989 color: var(--vbo-green-color);
14990 }
14991 .vbo-geoinfo-param .vbo-param-label > i {
14992 margin-top: 10px;
14993 }
14994 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
14995 margin: 0;
14996 padding-top: 0;
14997 }
14998 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
14999 background: var(--vbo-config-bg-color);
15000 }
15001 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15002 border-color: var(--vbo-config-border-color);
15003 color: #343a40;
15004 }
15005 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15006 border-color: var(--vbo-green-color);
15007 color: var(--vbo-green-color);
15008 }
15009 .vbo-cust-geo-marker-svg-list {
15010 display: flex;
15011 flex-wrap: wrap;
15012 margin-bottom: 10px;
15013 margin-top: 20px;
15014 justify-content: center;
15015 }
15016 .vbo-cust-geo-marker-svg {
15017 border: 1px solid var(--vbo-config-border-color);
15018 text-align: center;
15019 border-radius: 4px;
15020 padding: 4px 10px;
15021 margin: 4px;
15022 flex-basis: calc(16% - 27px);
15023 cursor: pointer;
15024 position: relative;
15025 }
15026 .vbo-cust-geo-marker-svg-icon {
15027 padding-right: 10px;
15028 }
15029 .vbo-cust-geo-marker-svg-name {
15030 margin-bottom: 10px;
15031 font-size: 14px;
15032 }
15033 .vbo-cust-geo-marker-svg svg {
15034 height: 43px;
15035 max-width: 100%;
15036 }
15037 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
15038 border-color: #008d02;
15039 }
15040 .vbo-cust-geo-marker-svg-addnew i {
15041 font-size: 26px;
15042 }
15043 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
15044 padding-right: 0;
15045 }
15046 .vbo-cust-geo-marker-svg-adjust {
15047 margin-bottom: 20px;
15048 border: 1px solid var(--vbo-config-border-color);
15049 padding: 10px 20px;
15050 background: var(--vbo-config-child-bg-color);
15051 }
15052 .vbo-geo-marker-param-container {
15053 margin: 12px 0;
15054 }
15055 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
15056 margin-right: 10px;
15057 min-width: 80px;
15058 margin-bottom: 5px;
15059 font-weight: 500;
15060 }
15061 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
15062 margin-right: 10px;
15063 min-width: 140px;
15064 margin-bottom: 10px;
15065 }
15066 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
15067 width: 100% !important;
15068 }
15069 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
15070 margin: 15px 0 20px;
15071 }
15072 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
15073 display: flex;
15074 flex-wrap: wrap;
15075 justify-content: center;
15076 }
15077 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
15078 margin: 12px 10px;
15079 }
15080 .vbo-cust-geo-marker-save {
15081 text-align: center;
15082 margin-bottom: 20px;
15083 }
15084 .vbo-cust-geo-marker-top {
15085 text-align: center;
15086 margin-bottom: 20px;
15087 }
15088 #geo_address_formatted {
15089 cursor: pointer;
15090 }
15091 #geo_address_formatted:hover {
15092 color: #0071a1;
15093 }
15094 .vbo-cust-geo-marker-svg-remove {
15095 position: absolute;
15096 right: 0;
15097 bottom: 0;
15098 padding: 2px 4px;
15099 border: 1px solid var(--vbo-config-border-color);
15100 border-bottom: 0;
15101 border-right: 0;
15102 border-top-left-radius: 4px;
15103 }
15104 .vbo-cust-geo-marker-svg-remove span:hover i {
15105 color: var(--vbo-red-color);
15106 }
15107 .vbo-geo-marker-param-setting .btn.btn-secondary {
15108 padding: 9px 14px;
15109 }
15110 .vbo-geomarker-infowin-wrap {
15111 min-width: 250px;
15112 }
15113 .vbo-geomarker-infowin-wrap > h4 {
15114 margin: 0px 0 10px;
15115 font-size: 16px;
15116 }
15117 .vbo-geo-marker-param-setting img {
15118 max-width: 90%;
15119 margin-bottom: 5px;
15120 }
15121 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
15122 max-width: 180px;
15123 }
15124 .vbo-geo-legend-import {
15125 float: right;
15126 }
15127 .vbo-geo-legend-import .select2-container .select2-selection--single {
15128 height: 36px;
15129 border: 1px solid var(--vbo-config-border-color);
15130 border-radius: 2px;
15131 font-size: 14px;
15132 font-weight: normal;
15133 }
15134 .vbo-geo-legend-import #select2-roomselcalc-container {
15135 font-weight: normal;
15136 font-size: 14px;
15137 }
15138 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
15139 height: 36px;
15140 }
15141 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
15142 line-height: 36px;
15143 }
15144 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15145 margin-right: 10px;
15146 }
15147 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
15148 margin-top: 7px;
15149 }
15150 .vbo-geoinfo-param #vbo-goverlay-edit {
15151 margin-left: 15px;
15152 }
15153 .vbo-geo-marker-params-group {
15154 display: flex;
15155 flex-wrap: wrap;
15156 }
15157 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
15158 margin: 12px 5px;
15159 flex-basis: calc(50% - 10px);
15160 }
15161 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
15162 width: 100% !important;
15163 box-sizing: border-box;
15164 height: auto;
15165 }
15166 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
15167 height: 80%;
15168 }
15169 .vbo-paybutpos-wrap {
15170 margin-top: 10px;
15171 }
15172 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
15173 border-radius: 10px;
15174 background: var(--vbo-main-bg-color);
15175 padding: 15px;
15176 width: 300px;
15177 font-size: 16px;
15178 color: var(--vbo-config-titles-color-light);
15179 box-shadow: 0 5px 10px rgba(0,0,0,.15);
15180 }
15181 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
15182 border-radius: 4px;
15183 margin: 0 5px 5px;
15184 background: var(--vbo-light-color-btn);
15185 width: 200px;
15186 height: 20px;
15187 }
15188 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
15189 text-align: center;
15190 padding: 7px;
15191 margin: 0 5px 0;
15192 border: 2px solid var(--vbo-config-bg-color);
15193 border-radius: 4px;
15194 }
15195 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
15196 background: var(--vbo-base-color);
15197 color: #fff;
15198 padding: 5px 18px;
15199 display: inline-block;
15200 border-radius: 6px;
15201 cursor: pointer;
15202 }
15203 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
15204 display: flex;
15205 }
15206 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
15207 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
15208 flex: 1;
15209 margin: 5px;
15210 border-radius: 4px;
15211 background: var(--vbo-config-bg-color);
15212 padding: 10px 15px;
15213 }
15214 .vbo-param-container.vbo-param-container-log {
15215 border: 1px solid var(--vbo-config-border-color);
15216 padding: 10px;
15217 margin: 2px;
15218 border-radius: 4px;
15219 background: var(--vbo-config-child-bg-color);
15220 }
15221 #vbo-condtext-warn-norules {
15222 width: 100%;
15223 }
15224 #ifchildrenextra .vbo-dyninpnum-cont + a {
15225 display: inline-block;
15226 background: var(--vbo-base-color);
15227 color: #fff;
15228 border: 0;
15229 padding: 9px 14px;
15230 font-weight: bold;
15231 font-size: 13px;
15232 line-height: 18px;
15233 border-radius: 3px;
15234 }
15235 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
15236 background: var(--vbo-base-color-hover);
15237 }
15238 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
15239 background: var(--vbo-link-text-color);
15240 }
15241 #ifchildrenextra .vbo-dyninpnum-cont + a i {
15242 margin-right: 5px;
15243 }
15244 #ifchildrenextra .vbo-dyninpnum-cont input {
15245 margin: 5px 0;
15246 }
15247 #minguestscont > div, #alwaysavcont > div {
15248 margin: 5px 0;
15249 }
15250 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
15251 width: auto !important;
15252 }
15253 .vbo-admin-container .vbo-maninvoice-tbcont {
15254 width: 100%;
15255 border: 1px solid var(--vbo-main-bg-color);
15256 border-radius: 7px;
15257 border-spacing: 0px;
15258 border-collapse: separate;
15259 }
15260 .vbo-maninvoice-tbcont th {
15261 background: var(--vbo-main-bg-color);
15262 text-align: left;
15263 padding: 7px 10px;
15264 }
15265 .vbo-maninvoice-tbcont th:first-child {
15266 border-top-left-radius: 5px;
15267 }
15268 .vbo-maninvoice-tbcont th:last-child {
15269 border-top-right-radius: 5px;
15270 }
15271 .vbo-maninvoice-tbcont td {
15272 padding: 5px 10px;
15273 }
15274 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
15275 margin: 2px;
15276 }
15277 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
15278 vertical-align: top;
15279 display: inline-block;
15280 }
15281 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
15282 width: 80px !important;
15283 }
15284 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
15285 text-align: right;
15286 }
15287 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
15288 margin-right: 0 !important;
15289 }
15290 .vbo-maninvoice-totals-format {
15291 position: relative;
15292 }
15293 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
15294 position: absolute;
15295 top: -1px;
15296 left: 10px;
15297 color: var(--vbo-config-titles-color-light);
15298 font-size: 15px;
15299 }
15300 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
15301 padding-left: 25px !important;
15302 }
15303 #maxquantblock {
15304 width: 100%;
15305 }
15306 .colorpicker {
15307 z-index: 100000001;
15308 }
15309 .vbo-toast-wrapper .toast-message-content {
15310 color: var(--vbo-body-text-color) !important;
15311 }
15312 .vbo-toast-wrapper .toast-message-content.notice {
15313 background-color: var(--vbo-config-bg-color) !important;
15314 }
15315
15316 /* Virtual Terminal Widget */
15317 .vbo-vterminal-cc-container {
15318 padding: 20px;
15319 }
15320 .vbo-vterminal-cc-row-group {
15321 display: flex;
15322 flex-wrap: wrap;
15323 }
15324 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
15325 margin-bottom: 14px;
15326 flex: 1;
15327 }
15328 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
15329 margin-bottom: 3px;
15330 text-align: left;
15331 font-size: 14px;
15332 font-weight: 500;
15333 }
15334 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
15335 flex: 1;
15336 height: 50px !important;
15337 border: 1px solid var(--vbo-config-border-color);
15338 border-radius: 6px !important;
15339 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
15340 margin: 0;
15341 }
15342 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
15343 flex-basis: 150px;
15344 flex-grow: 0;
15345 }
15346 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
15347 width: 100% !important;
15348 }
15349 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
15350 border-top-right-radius: 0 !important;
15351 border-bottom-right-radius: 0 !important;
15352 }
15353 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
15354 flex: 1;
15355 }
15356 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
15357 position: relative;
15358 }
15359 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
15360 position: absolute;
15361 top: 50%;
15362 right: 15px;
15363 transform: translateY(-50%);
15364 width: 32px;
15365 height: 20px;
15366 }
15367 @keyframes vterminal-card-position {
15368 0% {right: 0}
15369 100% {right: -5px}
15370 }
15371 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
15372 position: relative;
15373 animation-name: vterminal-card-position;
15374 animation-duration: 0.2s;
15375 right: -5px;
15376 width: 32px;
15377 height: 20px;
15378 }
15379 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
15380 flex-basis: 150px;
15381 flex-grow: 0;
15382 }
15383 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
15384 border-top-left-radius: 0 !important;
15385 border-bottom-left-radius: 0 !important;
15386 border-left: 0;
15387 }
15388 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
15389 font-weight: 500;
15390 font-size: 16px;
15391 width: 100%;
15392 padding: 10px 14px;
15393 }
15394 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
15395 font-weight: 500;
15396 }
15397
15398 /* generic calendar box */
15399 .vbo-input-calendar-box {
15400 background: var(--vbo-input-style);
15401 border: 1px solid var(--vbo-config-border-color);
15402 border-radius: 2px;
15403 padding: 0 10px 0 0;
15404 display: inline-block;
15405 vertical-align: top;
15406 }
15407 .vbo-input-calendar-box input[type="text"] {
15408 border: 0;
15409 box-shadow: none;
15410 background: transparent;
15411 padding: 5px 0 5px 10px;
15412 }
15413 .vbo-input-calendar-box i.dashicons-calendar-alt {
15414 top: 8px;
15415 position: relative;
15416 }
15417
15418 @media print {
15419 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
15420 display: none !important;
15421 visibility: hidden !important;
15422 }
15423 .vbo-showin-print {
15424 display: inline-block;
15425 }
15426 .vbo-hidein-print {
15427 display: none !important;
15428 }
15429 .vbo-bookingdet-summary-roomguests {
15430 margin-bottom: 10px;
15431 }
15432 .vbo-receipt-notes-inner {
15433 border-radius: 0 !important;
15434 border-top: 1px solid #ddd;
15435 }
15436 .vbo-receipt-numdate-date-val {
15437 font-size: 1.1em;
15438 }
15439 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
15440 padding: 0 30px;
15441 }
15442 .vbo-bookdet-wrap {
15443 margin: 0 10px 10px;
15444 max-width: inherit;
15445 min-width: inherit;
15446 }
15447 .vbo-bookdet-head {
15448 border-bottom: 0;
15449 padding: 0;
15450 font-weight: bold;
15451 }
15452 .vbo-bookdet-foot {
15453 padding: 0;
15454 }
15455 .vbo-bookdet-head, .vbo-bookdet-foot {
15456 text-align: left;
15457 }
15458 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
15459 -webkit-flex: 100%;
15460 -ms-flex: 100%;
15461 flex: 100%;
15462 }
15463 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
15464 width: 23%;
15465 }
15466 .vbo-bookdet-container {
15467 text-align: left;
15468 }
15469 .vbo-bookingdet-detcont {
15470 background: #f6f6f6;
15471 }
15472 .vbo-receipt-numdate-block {
15473 padding-top: 0 !important;
15474 vertical-align: top;
15475 }
15476 .vbo-bookdet-foot {
15477 font-size: 1em;
15478 }
15479 .vbo-table-responsive {
15480 overflow: visible;
15481 }
15482 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
15483 display: none !important;
15484 }
15485 body {
15486 -webkit-print-color-adjust: exact;
15487 }
15488 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
15489 background: #02679a !important;
15490 color: #fff !important;
15491 border: 1px solid #ddd !important;
15492 -webkit-print-color-adjust: exact;
15493 }
15494 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
15495 color: #fff !important;
15496 }
15497 .vbo-tableaux-table tr td:first-child {
15498 background: var(--vbo-config-child-bg-color) !important;
15499 }
15500
15501 html {
15502 padding: 0 !important;
15503 }
15504 body.vbo-is-printing {
15505 height: auto;
15506 background: #fff;
15507 }
15508 .vbo-is-printing h4 {
15509 margin-top: 0;
15510 padding-top: 0;
15511 }
15512 .vbo-is-printing .vbo-reports-output {
15513 margin: 10px 2px;
15514 padding-bottom: 10px;
15515 }
15516 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
15517 display: none;
15518 }
15519 .vbo-is-printing .vbo-report-output-printing .table-responsive {
15520 overflow: initial;
15521 box-shadow: none;
15522 }
15523 .vbo-is-printing .vbo-reports-output table th {
15524 text-transform: initial;
15525 }
15526 .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 {
15527 padding: 15px 5px;
15528 white-space: initial;
15529 font-size: 13px;
15530 }
15531 .vbo-is-printing .vbo-report-sheet {
15532 border-radius: 8px;
15533 padding: 3px;
15534 border: 1px solid #eee;
15535 margin-bottom: 2px;
15536 }
15537 .vbo-is-printing .vbo-reports-output table tbody td a {
15538 color: inherit;
15539 }
15540 .vbo-is-printing .vbo-reports-output .table-responsive {
15541 margin: 0;
15542 }
15543 .vbo-is-printing .vbo-report-title-print {
15544 text-align: center;
15545 }
15546 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
15547 flex-basis: 100%;
15548 }
15549 .vbo-is-printing .vbo-report-chart-wrap {
15550 display: none;
15551 }
15552 table tfoot {
15553 display: table-row-group;
15554 }
15555 .vbo-menu-container {
15556 display: none;
15557 }
15558 .vbo-allbookings-fm #filter-bar .pull-right {
15559 display: none;
15560 }
15561 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
15562 font-size: 12px;
15563 }
15564 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
15565 font-size: 12px;
15566 }
15567 .vbo-allbookings-fm span.label.vbo-status-label {
15568 font-size: 11px;
15569 padding: 5px 9px !important;
15570 }
15571 .vbo-allbookings-fm .vbo-provenience {
15572 font-size: 13px;
15573 }
15574 }
15575 @media screen and (min-width: 2400px) {
15576 .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 {
15577 flex-basis: auto;
15578 margin-right: 15px;
15579 margin-bottom: 0;
15580 }
15581 }
15582 @media screen and (min-width: 1860px) {
15583 .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 {
15584 margin-left: 0;
15585 }
15586 }
15587 @media screen and (max-width: 2000px) {
15588 .vbo-menu-updates > button {
15589 width: 44px;
15590 height: 44px;
15591 line-height: 36px;
15592 padding: 0;
15593 border-radius: 50%;
15594 }
15595 .vbo-menu-updates > button i {
15596 margin-right: 0 !important;
15597 }
15598 .vbo-menu-updates > button span {
15599 display: none;
15600
15601 }
15602 }
15603 @media screen and (max-width: 1860px) {
15604 .vbo-admin-container .vbo-param-container-full {
15605 flex-wrap: wrap;
15606 }
15607 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
15608 flex-basis: 100% !important;
15609 margin-bottom: 10px;
15610 }
15611 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
15612 display: block;
15613 margin-bottom: 5px;
15614 }
15615 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
15616 flex-basis: calc(25% - 16px);
15617 }
15618 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
15619 width: calc(100% - 100px);
15620 }
15621 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
15622 flex-basis: calc(100% - 52px);
15623 }
15624 }
15625 @media screen and (max-width: 1760px) {
15626 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
15627 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
15628 width: 80px !important;
15629 }
15630 .vbo-roomentries-cont {
15631 width: 40%;
15632 }
15633 .vbo-report-sheetnchart .vbo-report-sheet {
15634 flex-basis: 50%;
15635 }
15636 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
15637 display: none;
15638 }
15639 .vbo-report-sheetnchart .vbo-report-chart-meta {
15640 flex-basis: 50%;
15641 }
15642 .vbo-dashboard-today-bookings {
15643 flex-basis: 65%;
15644 }
15645 .vbo-dashboard-chart-container {
15646 flex-basis: auto;
15647 flex-grow: initial;
15648 }
15649 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
15650 margin: 0 0 15px;
15651 }
15652 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
15653 width: 52% !important;
15654 }
15655 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
15656 width: 46%;
15657 }
15658 .vbo-dashboard-firstsetup-container {
15659 width: 90%;
15660 }
15661 .vbo-geoinfo-param .vbo-param-setting span {
15662 display:block;
15663 margin-bottom: 5px;
15664 }
15665 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
15666 display: inline-block;
15667 }
15668 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15669 margin-bottom: 10px;
15670 }
15671 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
15672 display: block;
15673 float: none;
15674 margin-bottom: 10px;
15675 margin-left: 0;
15676 }
15677 .vbo-checkin-main-block .vbo-checkin-payment-container {
15678 flex-basis: 100%;
15679 margin: 10px 0;
15680 box-sizing: border-box;
15681 }
15682 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
15683 flex-basis: 100%;
15684 margin-left: 0;
15685 }
15686 .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 {
15687 width: 100% !important;
15688 }
15689 }
15690 @media screen and (max-width: 1612px) {
15691 .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 {
15692 flex-basis: calc(50% - 12px);
15693 max-width: 50%;
15694 }
15695 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
15696 padding: 15px 5px 15px 10px;
15697 }
15698 }
15699 @media screen and (max-width: 1580px) {
15700 .vbo-dashboard-today-occ {
15701 margin: 10px 20px;
15702 }
15703 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
15704 width: calc(33% - 80px);
15705 }
15706 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
15707 width: calc(50% - 80px);
15708 }
15709 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
15710 flex-basis: calc(50% - 16px);
15711 }
15712 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
15713 display: flex;
15714 margin-bottom: 5px;
15715 }
15716 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
15717 flex: 1;
15718 }
15719 .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 {
15720 margin: 10px 15px 6px 10px;
15721 }
15722 }
15723 /* main menu screen size adjustments */
15724 @media screen and (max-width: 1440px) {
15725 .vbo-menu-updates > button {
15726 width: 42px;
15727 height: 42px;
15728 padding: 0;
15729 border-radius: 50%;
15730 }
15731 .vbo-menu-updates > button span {
15732 display: none;
15733 }
15734 .vbo-menu-updates > button i {
15735 margin-right: 0 !important;
15736 }
15737 }
15738 @media screen and (max-width: 1280px) {
15739 .vbo-menu-left {
15740 max-width: 100px;
15741 }
15742 .vbo-ratesoverview-period-container {
15743 flex: 0 0 25%;
15744 }
15745 }
15746
15747 @media screen and (max-width: 1520px) {
15748 .vbo-admin-container .vbo-param-container .vbo-param-label {
15749 flex-basis: 200px;
15750 }
15751 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
15752 flex-basis: 100%;
15753 }
15754 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15755 flex-basis: 100%;
15756 }
15757 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
15758 margin-left: 10px;
15759 }
15760 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
15761 margin-top: 0;
15762 margin-left: 5px;
15763 }
15764 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
15765 width: 100%;
15766 }
15767 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
15768 width: 50%;
15769 float: left;
15770 }
15771 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
15772 width: 100% !important;
15773 }
15774 .vbo-modal-overlay-block .vbo-modal-overlay-content {
15775 width: 95%;
15776 }
15777 .vbo-admin-container > div:not([id^="jmodal"]) {
15778 flex: 100%;
15779 margin-left: 0 !important;
15780 margin-right: 0 !important;
15781 }
15782 .vbo-admin-container .adminform {
15783 margin: 10px 0;
15784 }
15785 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15786 margin: 8px;
15787 }
15788 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
15789 width: calc(33% - 80px);
15790 }
15791 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
15792 width: calc(100% - 80px);
15793 }
15794 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
15795 -webkit-transform: rotate(-2deg);
15796 -o-transform: rotate(-2deg);
15797 -moz-transform: rotate(-2deg);
15798 }
15799 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
15800 width: calc(100% - 100px);
15801 -o-transform: rotate(0);
15802 -webkit-transform: rotate(0);
15803 -moz-transform: rotate(0);
15804 }
15805 .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 {
15806 display: block;
15807 margin-bottom: 2px;
15808 margin-right: 0;
15809 }
15810 }
15811 @media screen and (max-width: 1500px) and (min-width: 760px) {
15812 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
15813 white-space: initial;
15814 }
15815 }
15816 @media screen and (max-width: 1400px) {
15817 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
15818 width: 100%;
15819 float: none;
15820 box-sizing: border-box;
15821 }
15822 .vbo-bookingdet-summary-roomnum {
15823 display: block;
15824 }
15825 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
15826 white-space: initial;
15827 display: flex;
15828 }
15829 .vbo-bookingslist-viewdet-fulldate {
15830 white-space: nowrap;
15831 }
15832 .vbo-bookingslist-viewdet-open {
15833 margin-left: 10px;
15834 order: 2;
15835 }
15836 .vbo-dashboard-today-bookings {
15837 flex-basis: 60%;
15838 }
15839 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
15840 justify-content: left;
15841 }
15842 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
15843 flex-basis: 50%;
15844 }
15845 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
15846 width: 100%;
15847 }
15848 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
15849 margin-left: 0;
15850 }
15851 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
15852 float: none;
15853 margin-bottom: 10px;
15854 }
15855 .vbo-editbooking-room-services .vbo-editbooking-room-service {
15856 flex: 0 0 33%;
15857 }
15858 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
15859 align-self: end;
15860 margin-bottom: 0;
15861 }
15862 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
15863 flex-grow: 1;
15864 flex-wrap: wrap;
15865 margin-bottom: 0;
15866 }
15867 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
15868 display: block;
15869 flex-basis: 100%;
15870 margin-bottom: 5px;
15871 }
15872 }
15873 @media screen and (max-width: 1400px) and (min-width: 1320px) {
15874 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
15875 width: 100% !important;
15876 margin-bottom: 3px;
15877 }
15878 }
15879 @media screen and (max-width: 1380px) {
15880 #filter-bar {
15881 height: auto !important;
15882 }
15883 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
15884 width: auto;
15885 display: block;
15886 margin: 3px;
15887 }
15888 .vbadmincaltable td {
15889 padding: 5px 0 !important;
15890 }
15891 .vbo-ratesoverview-roomsel-block > form {
15892 flex-wrap: wrap;
15893 }
15894 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
15895 flex-basis: 100%;
15896 border-right: 0;
15897 border-bottom: 1px solid var(--vbo-config-border-color);
15898 border-radius: 0;
15899 }
15900 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
15901 border: 0;
15902 flex-basis: min-content;
15903 }
15904 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
15905 border: 1px solid var(--vbo-config-border-color);
15906 border-radius: 16px;
15907 padding: 20px;
15908 }
15909 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
15910 width: 50%;
15911 }
15912 #vbo-report-chart-canvas {
15913 width: 82%;
15914 }
15915 .vbo-ratesoverview-roomsel-entry-forecast {
15916 flex-grow: inherit;
15917 }
15918 .vbo-menu-ul .vbo-menu-parent-li > span {
15919 padding: 13px 18px;
15920 }
15921 .vbo-menu-parent-li > span a {
15922 display: none;
15923 }
15924 .vbo-menu-parent-li > span > i {
15925 margin: 0;
15926 }
15927 .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 {
15928 flex-basis: 100%;
15929 margin-left: 0;
15930 }
15931 .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 {
15932 width: 100%;
15933 }
15934 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
15935 margin-left: 0;
15936 }
15937 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
15938 width: 100% !important;
15939 }
15940 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15941 display: flex;
15942 }
15943 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
15944 flex: 1;
15945 }
15946 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
15947 margin-left: 5px;
15948 }
15949 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
15950 max-width: 150px;
15951 }
15952 }
15953 @media screen and (max-width: 1320px) {
15954 .vbo-admin-container > div {
15955 flex: 100%;
15956 }
15957 .vbo-admin-container .adminform {
15958 margin: 10px 0;
15959 }
15960 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15961 margin: 8px;
15962 }
15963 .vbo-admin-container .vbo-param-container .vbo-param-label {
15964 flex-basis: 250px;
15965 }
15966 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15967 flex-basis: 100%;
15968 }
15969 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
15970 margin: 10px 0px 0;
15971 }
15972 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
15973 margin-top: 0;
15974 margin-left: 5px;
15975 width: auto;
15976 }
15977 .vbo-roomentries-cont {
15978 width: 210px;
15979 }
15980 .vbo-ratesoverview-roomsel-entry-forecast > label {
15981 margin-left: 20px;
15982 margin-top: 20px;
15983 }
15984 .vbo-config-tabs-wrap dl.tabs dt {
15985 padding: 5px 15px;
15986 }
15987 .vbo-config-maintab-top {
15988 flex-wrap: wrap;
15989 }
15990 .vbo-config-maintab-top .vbo-config-fieldset-large {
15991 flex-basis: 100%;
15992 }
15993 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
15994 margin-left: 0;
15995 }
15996 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
15997 flex-basis: 100%;
15998 }
15999 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
16000 flex-basis: calc(50% - 12px);
16001 max-width: 50%;
16002 }
16003 #filter-bar .pull-left {
16004 margin-bottom: 10px;
16005 }
16006 /* @WPonly
16007 * The black background of the modal has been disabled in smartphones and tablets.
16008 * 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.
16009 */
16010 .modal-backdrop.fade.in {
16011 display: none;
16012 }
16013 }
16014 @media screen and (max-width: 1520px) and (min-width: 1280px) {
16015 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16016 display: block;
16017 width: 100%;
16018 }
16019 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16020 width: 100%;
16021 display: block;
16022 margin-top: 5px;
16023 }
16024 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
16025 display: inline-block;
16026 width: 90%;
16027 }
16028 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
16029 width: 100% !important;
16030 box-sizing: border-box;
16031 height: auto;
16032 }
16033 }
16034 @media screen and (max-width: 1290px) {
16035 .vbo-dashboard-today-bookings {
16036 flex-basis: 100%;
16037 }
16038
16039 .vbo-bookdet-splitstay-details > div > span {
16040 display: block;
16041 border-right: 0;
16042 border-bottom: 1px solid var(--vbo-basic-btn);
16043 }
16044 .vbo-bookdet-splitstay-details > div > span:last-child {
16045 border-bottom: 0;
16046 }
16047 }
16048 @media screen and (max-width: 1280px) {
16049 .vbo-menu-parent-li > span {
16050 padding: 18px 17px;
16051 }
16052 .vbo-menu-parent-li > span::after {
16053 right: 6px;
16054 }
16055 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
16056 margin-top: 20px;
16057 }
16058 .vbo-config-maintab-left .adminform:only-child {
16059 padding: 15px 20px;
16060 margin: 0px;
16061 }
16062 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16063 display: inherit;
16064 width: auto;
16065 }
16066 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16067 width: auto;
16068 display: inline-block;
16069 margin-left: auto;
16070 }
16071 .vbo-checkin-main-block .vbo-roomsdet-container {
16072 flex-basis: 100%;
16073 margin: 0 0 10px;
16074 }
16075 .vbo-checkin-main-block .vbo-checkin-payment-container {
16076 flex-basis: 100%;
16077 box-sizing: border-box;
16078 }
16079 .vbo-graph-top-right, .vbo-graph-bottom-right {
16080 flex-basis: 20%;
16081 }
16082 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16083 flex-basis: 100%;
16084 }
16085 .vbo-stats-topform .pull-left {
16086 display: block;
16087 float: none;
16088 margin-bottom: 5px;
16089 }
16090 .vbo-stats-topform #filter-bar .pull-right {
16091 float: right;
16092 margin-left: 5px;
16093 }
16094 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16095 flex-basis: 100%;
16096 }
16097 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16098 margin: 0 0 10px;
16099 }
16100 .vbo-report-layout-type .vbo-report-layout-type-inner {
16101 margin-right: 10px;
16102 }
16103 .vbo-report-sheetnchart {
16104 flex-wrap: wrap;
16105 }
16106 .vbo-report-sheetnchart .vbo-report-sheet {
16107 flex-basis: 100%;
16108 margin-right: 0;
16109 }
16110 .vbo-reports-filters-outer .vbo-reports-filters-export {
16111 display: block;
16112 width: 100%;
16113 float: none;
16114 margin-top: 5px;
16115 }
16116 .vbo-reports-filters-outer > div {
16117 margin: 3px;
16118 }
16119 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
16120 margin-right: 0;
16121 }
16122 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
16123 padding: 10px 20px;
16124 }
16125 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
16126 margin-bottom: 5px;
16127 }
16128 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
16129 font-size: 22px;
16130 }
16131 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
16132 margin-right: 0;
16133 }
16134 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16135 display: block !important;
16136 }
16137 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
16138 flex-basis: 50%;
16139 }
16140 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16141 flex-basis: calc(100% - 16px);
16142 }
16143 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16144 flex-basis: 100%;
16145 }
16146 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16147 flex: initial;
16148 width: 100%;
16149 }
16150 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16151 flex: 1;
16152 }
16153 .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 {
16154 width: 100% !important;
16155 }
16156 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16157 flex-wrap: wrap;
16158 }
16159 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16160 align-self: end;
16161 }
16162 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16163 width: auto;
16164 align-self: end;
16165 }
16166 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
16167 width: 110px !important;
16168 }
16169 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16170 width: auto !important;
16171 }
16172 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
16173 flex: initial;
16174 }
16175 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16176 flex: 1;
16177 }
16178 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16179 width: 80px !important;
16180 }
16181 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
16182 width: 100%;
16183 }
16184 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16185 margin-top: 0;
16186 }
16187 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16188 margin-left: 5px;
16189 }
16190 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
16191 display: block;
16192 margin-top: 5px;
16193 }
16194 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
16195 margin-left: 0;
16196 }
16197 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
16198 display: block;
16199 }
16200 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16201 width: 100%;
16202 }
16203 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16204 width: 35vw;
16205 }
16206 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
16207 width: 100%;
16208 }
16209 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
16210 grid-template-columns: repeat(1, 1fr);
16211 }
16212 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16213 flex-grow: 1;
16214 }
16215 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16216 flex-grow: 0;
16217 }
16218 .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 {
16219 margin: 5px 0 0;
16220 width: 100%;
16221 }
16222 .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 {
16223 width: 20px;
16224 margin-right: 8px;
16225 }
16226 .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 {
16227 width: 20px;
16228 height: 20px;
16229 line-height: 20px;
16230 margin-right: 8px;
16231 font-size: 10px;
16232 }
16233 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
16234 display: flex;
16235 }
16236 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
16237 margin-right: 3px;
16238 }
16239 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16240 width: 100%;
16241 margin-left: 0;
16242 }
16243 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
16244 flex: 1;
16245 }
16246 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
16247 width: 100% !important;
16248 }
16249 .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 {
16250 flex: initial;
16251 }
16252 .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 {
16253 float: none;
16254 margin: 10px 15px 0px 10px;
16255 }
16256 .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 {
16257 flex-basis: 100%;
16258 }
16259 .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 {
16260 width: 100%;
16261 float: none;
16262 }
16263 .vbo-admin-widget-head .btn-toolbar {
16264 margin: 10px 15px 10px 10px;
16265 }
16266 .vbo-ratesoverview-period-boxes-inner > div {
16267 flex-basis: 100%;
16268 }
16269 }
16270 @media screen and (max-width: 1080px) {
16271 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
16272 order:2;
16273 }
16274 .vbo-ratesoverview-period-container {
16275 -ms-flex: 100%;
16276 -webkit-flex: 100%;
16277 flex: 100%;
16278 order:1;
16279 margin-bottom: 5px;
16280 }
16281 #filter-bar .pull-right {
16282 display: inline-block;
16283 float: none;
16284 margin: 0 0 5px 0;
16285 }
16286 .btn-group.pull-right.vbo-avov-legend {
16287 width: 100%;
16288 }
16289 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
16290 flex-basis: 20%;
16291 }
16292 .vbo-config-tabs-wrap dl.tabs dt {
16293 padding: 10px;
16294 }
16295 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16296 flex-basis: 45%;
16297 }
16298 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16299 width: 100%;
16300 }
16301 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16302 flex-basis: 100%;
16303 }
16304 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16305 flex-basis: 100%;
16306 height: 100px;
16307 }
16308 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
16309 flex-basis: calc((50% - (16px / 2)));
16310 }
16311 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
16312 flex-basis: calc((50% - (24px / 3)));
16313 }
16314 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
16315 flex-basis: calc((25% - (16px / 2)));
16316 }
16317 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
16318 flex-basis: calc((25% - (24px / 3)));
16319 }
16320 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16321 flex: 1;
16322 }
16323 #filter-bar .btn-group.pull-right {
16324 float: left;
16325 }
16326 .vbo-translations-element-row {
16327 flex-wrap: wrap;
16328 }
16329 .vbo-translations-element-row .vbo-translations-element-lbl {
16330 flex-basis: 100%;
16331 margin-bottom: 15px;
16332 margin-right: 0;
16333 }
16334 fieldset.adminform .vbo-list-table-rounded {
16335 max-width: 700px;
16336 }
16337 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
16338 -webkit-flex: 100%;
16339 -ms-flex: 100%;
16340 flex: 100%;
16341 }
16342 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16343 width: 45%;
16344 display: inline-block;
16345 }
16346 }
16347 @media screen and (max-width: 1024px) {
16348 .vbo-graph-top-left, .vbo-graph-bottom-left {
16349 margin-right: 0;
16350 margin-bottom: 20px;
16351 }
16352 .vbo-graph-top-right, .vbo-graph-bottom-right {
16353 flex-basis: 100%;
16354 }
16355 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16356 flex-basis: 50%;
16357 }
16358 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16359 margin-bottom: 15px;
16360 margin-right: 5px;
16361 }
16362 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16363 display: inline-block !important;
16364 padding-right: 0;
16365 }
16366 .vbo-ratesoverview-roomsel-entry-forecast {
16367 flex-basis: 100%;
16368 }
16369 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16370 width: 33%;
16371 }
16372 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
16373 padding-bottom: 0;
16374 }
16375 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
16376 width: 120px !important;
16377 flex-grow: 0;
16378 }
16379 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16380 flex-grow: 0;
16381 flex-basis: auto;
16382 }
16383 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
16384 width: 80px !important;
16385 flex-grow: 0;
16386 }
16387 .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 {
16388 flex-grow: 1;
16389 }
16390 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16391 margin-left: 8px;
16392 }
16393 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
16394 margin-bottom: 0;
16395 }
16396 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
16397 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
16398 margin-top: 5px;
16399 }
16400 }
16401 @media screen and (max-width: 960px) {
16402 .vbo-config-tabs-wrap dl.tabs dt {
16403 padding: 10px 20px;
16404 }
16405 .vbo-menu-parent-li > span::after {
16406 right: 11px;
16407 }
16408 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16409 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16410 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16411 width: calc(100% - 80px);
16412 }
16413 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
16414 flex-basis: 100%;
16415 }
16416 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
16417 flex-basis: 100%;
16418 margin: 5px 0 0;
16419 }
16420 .add-tax-breakdown-cont div span {
16421 margin-bottom: 5px;
16422 }
16423 .select2-container--default .select2-search--inline .select2-search__field {
16424 -webkit-appearance: initial !important;
16425 }
16426 .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 {
16427 margin: 0px 15px 0px 10px;
16428 }
16429 }
16430 @media screen and (max-width: 1280px) and (min-width: 860px) {
16431 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16432 width: calc(100% - 80px);
16433 }
16434 }
16435 @media screen and (max-width: 940px) {
16436 .vbo-rmphotos-cont {
16437 float: none;
16438 margin: 0 0 10px;
16439 }
16440 #editor-xtd-buttons .btn {
16441 margin:5px 5px 0 0 !important;
16442 }
16443 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
16444 margin: 10px 0 0;
16445 }
16446 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
16447 flex-basis: 100%;
16448 box-sizing: border-box;
16449 }
16450 .vbo-checkin-payment-container {
16451 -ms-flex: 100%;
16452 -webkit-flex: 100%;
16453 flex: 100%;
16454 margin-left: 0;
16455 }
16456 .vbo-checkin-payment-container {
16457 padding: 10px 15px;
16458 }
16459 #vbo-graphstats-right-legend ul.pie-legend li,
16460 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
16461 -ms-flex: 0 0 30%;
16462 -webkit-flex: 0 0 30%;
16463 flex: 0 0 30%;
16464 }
16465 .vbo-calendar-cfields-inner {
16466 box-sizing: border-box;
16467 }
16468 .vbo-info-overlay-content {
16469 width: 70%;
16470 }
16471 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
16472 display: block !important;
16473 margin-top: 5px;
16474 margin-left: 0;
16475 }
16476 #pt5 .vbo-admin-container .vbo-param-container {
16477 flex-wrap: wrap;
16478 }
16479 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
16480 flex-basis: 100%;
16481 font-weight: bold;
16482 }
16483 .vbo-admin-container .vbo-param-container .vbo-param-label label {
16484 margin-bottom: 0;
16485 }
16486 .vbo-sortable .vbimagedetbox {
16487 right: 0;
16488 left: 0;
16489 }
16490 .vbo-sortable .vbimagedetbox .captionlabel {
16491 width: 100%;
16492 }
16493 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
16494 width: 100% !important;
16495 height: auto;
16496 box-sizing: border-box;
16497 }
16498 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
16499 width: auto !important;
16500 }
16501 .vbo-dashboard-top-outer {
16502 display: inherit;
16503 }
16504 .vbo-dashboard-today-bookings {
16505 display: inherit;
16506 }
16507 .vbo-dashboard-today-bookings > div {
16508 margin-right: 0;
16509 }
16510 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
16511 width: 100%;
16512 }
16513 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
16514 border: 0;
16515 }
16516 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
16517 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
16518 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
16519 width: 100%;
16520 min-width: 100%;
16521 }
16522 .vbo-list-form-filters form[name="seasonsform"] > div {
16523 margin: 3px 10px 3px 0;
16524 }
16525 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16526 width: 80vw;
16527 }
16528 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
16529 padding: 4px 10px;
16530 border: 1px solid #666;
16531 }
16532 }
16533 @media screen and (max-width: 860px) {
16534 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
16535 padding: 12px 0;
16536 }
16537 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
16538 flex: 33%;
16539 flex-basis: inherit !important;
16540 }
16541 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
16542 border: 0;
16543 padding: 5px 15px 0;
16544 font-size: 11px;
16545 text-transform: uppercase;
16546 }
16547 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
16548 padding-top: 0;
16549 }
16550 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16551 height: 100px;
16552 }
16553 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
16554 width: auto !important;
16555 }
16556 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
16557 width: calc(33% - 20px);
16558 }
16559 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
16560 flex-basis: calc(50% - 34px);
16561 }
16562 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
16563 width: calc(33% - 15px);
16564 }
16565 }
16566 @media screen and (max-width: 780px) {
16567 .vbo-bookingdet-summary, .vbo-editbooking-summary {
16568 padding-top: 0 !important;
16569 }
16570 .vbo-trackings-table-head {
16571 display: none;
16572 }
16573 .vbo-trackings-table-body-hidden-lbl {
16574 display: block;
16575 font-weight: bold;
16576 text-transform: uppercase;
16577 margin-bottom: 7px;
16578 color: var(--vbo-config-titles-color-light);
16579 }
16580 .vbo-trackings-table-body-cell {
16581 padding: 5px 10px;
16582 text-align: left !important;
16583 }
16584 .vbo-trackings-table-cell-id {
16585 flex: 0 0 33px !important;
16586 }
16587 .vbo-trackings-chart-avgval-listcont > div {
16588 flex-basis: 40%;
16589 }
16590 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
16591 flex: 50%;
16592 }
16593 .vbo-ratesoverview-roomsel-block > form {
16594 flex-wrap: wrap;
16595 }
16596 .vbo-ratesoverview-roomsel-entry {
16597 flex-basis: 100%;
16598 border: 0;
16599 border-bottom: 1px solid var(--vbo-config-border-color);
16600 }
16601 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
16602 border-right: 0;
16603 }
16604 .vbo-ratesoverview-roomsel-entry-los {
16605 border: 0;
16606 }
16607 .vbo-ratesoverview-period-box-cals-inner {
16608 width: 100%;
16609 }
16610 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
16611 width: 100%;
16612 margin-top: 10px;
16613 background: var(--vbo-config-child-bg-color);
16614 padding: 10px;
16615 box-sizing: border-box;
16616 }
16617 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
16618 width: 100%;
16619 }
16620 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16621 width: 46vw;
16622 }
16623 .vbo-admin-widgets-section .vbo-admin-widgets-container {
16624 max-width: 100%;
16625 flex-basis: 100%;
16626 }
16627 .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 {
16628 max-width: 100%;
16629 flex-basis: 100%;
16630 }
16631 .vbo-calendar-cfields-inner {
16632 grid-template-columns: repeat(1, auto);
16633 }
16634 }
16635 @media screen and (max-width: 767px) {
16636 .table-responsive, .vbo-table-responsive {
16637 width: 100%;
16638 margin-bottom: 15px;
16639 overflow-y: hidden;
16640 -ms-overflow-style: -ms-autohiding-scrollbar;
16641 border: 1px solid var(--vbo-config-border-color);
16642 }
16643 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
16644 margin-bottom: 0;
16645 }
16646 .table-responsive > .table > thead > tr > th,
16647 .table-responsive > .table > tbody > tr > th,
16648 .table-responsive > .table > tfoot > tr > th,
16649 .table-responsive > .table > thead > tr > td,
16650 .table-responsive > .table > tbody > tr > td,
16651 .table-responsive > .table > tfoot > tr > td {
16652 white-space: nowrap;
16653 }
16654 .table-responsive > .table-bordered {
16655 border: 0;
16656 }
16657 .table-responsive > .table-bordered > thead > tr > th:first-child,
16658 .table-responsive > .table-bordered > tbody > tr > th:first-child,
16659 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
16660 .table-responsive > .table-bordered > thead > tr > td:first-child,
16661 .table-responsive > .table-bordered > tbody > tr > td:first-child,
16662 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
16663 border-left: 0;
16664 }
16665 .table-responsive > .table-bordered > thead > tr > th:last-child,
16666 .table-responsive > .table-bordered > tbody > tr > th:last-child,
16667 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
16668 .table-responsive > .table-bordered > thead > tr > td:last-child,
16669 .table-responsive > .table-bordered > tbody > tr > td:last-child,
16670 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
16671 border-right: 0;
16672 }
16673 .table-responsive > .table-bordered > tbody > tr:last-child > th,
16674 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
16675 .table-responsive > .table-bordered > tbody > tr:last-child > td,
16676 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
16677 border-bottom: 0;
16678 }
16679 #jmodal-vbo-new-res {
16680 left: 50%;
16681 transform: translate(-50%, -50%);
16682 margin-left: 0 !important;
16683 }
16684 }
16685 @media screen and (max-width : 740px) {
16686 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
16687 width: 100%;
16688 float: none;
16689 margin: 5px 0;
16690 }
16691 .vbo-info-overlay-content {
16692 width: 80%;
16693 overflow-y: scroll;
16694 }
16695 .vbo-bookingdet-summary, .vbo-editbooking-summary {
16696 flex: auto;
16697 width: 100%;
16698 box-sizing: border-box;
16699 }
16700 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
16701 flex: auto;
16702 width: 94%;
16703 box-sizing: border-box;
16704 }
16705 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
16706 flex-wrap: wrap;
16707 }
16708 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
16709 flex-basis: 100%;
16710 font-weight: bold;
16711 }
16712 #vbmessagingdiv {
16713 flex-basis: 150px;
16714 }
16715 .vbo-menu-left {
16716 display: none;
16717 }
16718 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
16719 flex-basis: calc(50% - 34px);
16720 }
16721 .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 {
16722 display: block;
16723 margin-right: 0;
16724 margin-bottom: 4px;
16725 }
16726 fieldset.adminform .vbo-list-table-rounded {
16727 max-width: 600px;
16728 }
16729 }
16730 @media screen and (max-width : 680px) {
16731 .vbo-preferred-countries-sortlist {
16732 max-width: 100%;
16733 width: 100%;
16734 }
16735 .vbo-ebusy-extracosts-cellname input {
16736 max-width: 100px;
16737 }
16738 .vbo-ebusy-extracosts-celltax select {
16739 max-width: 100px;
16740 }
16741 #vbo-graphstats-right-canv {
16742 width: 100% !important;
16743 height: auto !important
16744 }
16745 .vbo-tracking-info-details > div {
16746 padding: 10px;
16747 }
16748 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
16749 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
16750 flex: 1;
16751 }
16752 #filter-bar.vbo-trackings-filters .pull-right {
16753 display: block;
16754 }
16755 #breakdown-cont {
16756 display: block;
16757 width: 100%;
16758 }
16759 .add-tax-breakdown-cont div span {
16760 margin-bottom: 5px;
16761 }
16762 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
16763 width: 90%;
16764 }
16765 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
16766 flex-basis: 40%;
16767 }
16768 .vbo-admin-container .vbo-param-container {
16769 flex-wrap: wrap;
16770 }
16771 .vbo-admin-container .vbo-param-container .vbo-param-label {
16772 margin-right: 0;
16773 flex-basis: 100%;
16774 }
16775 .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 {
16776 width: 100% !important;
16777 }
16778 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
16779 width: auto !important;
16780 }
16781 .vbo-admin-container .vbo-param-container .vbo-param-label {
16782 font-size: 13px;
16783 font-weight: bold;
16784 }
16785 .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 {
16786 width: 100% !important;
16787 max-width: inherit !important;
16788 height: auto;
16789 box-sizing: border-box;
16790 }
16791 .vbo-admin-container .vbo-param-container .vbo-param-setting {
16792 display: flex;
16793 flex-wrap: wrap;
16794 }
16795 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
16796 width: 100%;
16797 }
16798 input[type="number"].vbo-small-input {
16799 width: 80px !important;
16800 }
16801 .vbo-admin-container .vbo-param-container.vbo-param-nested {
16802 flex-wrap: wrap;
16803 }
16804 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
16805 flex-basis: 100%;
16806 }
16807 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
16808 width: 100%;
16809 margin: 5px 0;
16810 }
16811 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
16812 width: 100%;
16813 }
16814 .vbo-admin-container .vbo-param-container.vbo-param-child {
16815 margin-top: -15px;
16816 }
16817 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
16818 margin: 0;
16819 padding: 0;
16820 }
16821 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
16822 width: 100% !important;
16823 }
16824 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
16825 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
16826 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
16827 width: auto !important;
16828 margin-right: 5px;
16829 }
16830 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
16831 flex: 1;
16832 flex-grow: 0;
16833 flex-basis: 130px;
16834 }
16835 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
16836 margin-left: 10px;
16837 }
16838 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
16839 margin: 0 0 0 5px;
16840 width: auto !important;
16841 }
16842 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
16843 margin-bottom: 0;
16844 }
16845 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
16846 height: 30px;
16847 }
16848 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
16849 margin-bottom: 5px !important;
16850 }
16851 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
16852 margin-bottom: 5px;
16853 }
16854 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
16855 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
16856 width: 90px !important;
16857 }
16858 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
16859 margin-left: 10px;
16860 }
16861 .vbo-admin-container .vbo-param-container {
16862 margin: 15px 0;
16863 }
16864 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
16865 width: 120px !important;
16866 }
16867 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
16868 width: auto !important;
16869 }
16870 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
16871 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
16872 width: 120px !important;
16873 }
16874 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
16875 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
16876 margin-right: 10px;
16877 }
16878 .vbo-admin-container .adminform {
16879 padding: 15px 20px;
16880 }
16881 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
16882 margin: 8px 0 0 50px;
16883 }
16884 #vbo-row-custcost .vbo-param-setting input {
16885 width: auto !important;
16886 }
16887 .vbo-ratesoverview-period-box-cals-inner {
16888 padding: 10px;
16889 }
16890 .vbo-ratesoverview-period-box-cals-inner > div {
16891 display: block;
16892 margin: 10px;
16893 width: auto;
16894 }
16895 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
16896 width: auto;
16897 padding-right: 0;
16898 border: 0;
16899 box-sizing: border-box;
16900 margin-bottom: 20px;
16901 }
16902 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
16903 text-align: center;
16904 text-transform: capitalize;
16905 font-size: 16px;
16906 }
16907 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
16908 width: 100%;
16909 box-sizing: border-box;
16910 }
16911 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
16912 border-radius: 4px;
16913 border: 1px solid var(--vbo-config-border-color);
16914 }
16915 .vbo-tariffs-params-container .vbo-param-setting form {
16916 width: 100%;
16917 }
16918 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
16919 display: block;
16920 width: 100%;
16921 font-weight: bold;
16922 }
16923 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16924 display: flex;
16925 margin: 5px 0 0;
16926 width: 100%;
16927 }
16928 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
16929 align-self: center;
16930 margin-right: 5px;
16931 }
16932 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
16933 flex: 1;
16934 }
16935 .vbo-bookdet-container .vbo-bookdet-wrap {
16936 width: 45%;
16937 border: 0;
16938 padding-right: 0;
16939 }
16940 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
16941 flex-basis: 100% !important;
16942 }
16943 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
16944 display: block;
16945 font-weight: bold;
16946 }
16947 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
16948 width: 100% !important;
16949 max-width: 100% !important;
16950 }
16951 .vbo-dashboard-refresh-container {
16952 margin: 0px auto 0;
16953 float: none;
16954 display: table;
16955 }
16956 .vbo-modal-overlay-block .vbo-modal-overlay-content {
16957 width: 80%;
16958 }
16959 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
16960 width: calc(50% - 20px);
16961 }
16962 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
16963 width: calc(50% - 10px);
16964 }
16965
16966 .popover.right {
16967 left: 0 !important;
16968 border-right-width: 0 !important;
16969 border-left-color: #999 !important;
16970 border-left-color: rgba(0,0,0,0.25) !important;
16971 right: 0 !important;
16972 left: 7% !important;
16973 }
16974 .popover.right .arrow {
16975 top: 50% !important;
16976 margin-top: -11px !important;
16977 border-right-width: 0 !important;
16978 border-left-color: #999 !important;
16979 border-left-color: rgba(0,0,0,0.25) !important;
16980 right: 0 !important;
16981 }
16982 .popover.right .arrow:after {
16983 left: 1px !important;
16984 border-right-width: 0 !important;
16985 border-right-color: #fff !important;
16986 }
16987 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
16988 min-width: 200px;
16989 max-width: 200px;
16990 white-space: nowrap;
16991 overflow: hidden;
16992 text-overflow: ellipsis;
16993 }
16994 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
16995 white-space: nowrap;
16996 overflow: hidden;
16997 text-overflow: ellipsis;
16998 width: 130px;
16999 display: inline-block;
17000 }
17001 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
17002 box-sizing: border-box;
17003 width: 100%;
17004 }
17005 .vbo-dashboard-today-roomocc-customers {
17006 border: 0;
17007 }
17008 .wp-editor-container .quicktags-toolbar input[type="button"] {
17009 width: auto !important;
17010 }
17011 .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 {
17012 width: 100%;
17013 }
17014 .vbo-config-gr-services {
17015 width: 100%;
17016 }
17017 .vbo-config-gr-services .vbo-config-gr-service {
17018 display: flex;
17019 }
17020 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
17021 flex: 1;
17022 margin-right: 5px;
17023 }
17024 .vbo-smstpl-bgroup button.btn {
17025 margin: 2px !important;
17026 }
17027 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
17028 width: 100%;
17029 }
17030 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17031 flex-basis: calc(50% - 38px);
17032 }
17033 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
17034 width: auto !important;
17035 }
17036 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
17037 width: auto !important;
17038 }
17039 .vbo-tariffs-params-container .vbo-param-setting {
17040 margin-top: 30px;
17041 }
17042 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
17043 width: auto !important;
17044 }
17045 .vbo-params-container .vbo-param-setting select#val_pcent {
17046 width: auto !important;
17047 }
17048 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
17049 width: 100px !important;
17050 }
17051 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
17052 width: 130px !important;
17053 }
17054 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
17055 width: auto !important;
17056 }
17057 #vbo-row-people .vbo-param-setting select {
17058 width: auto !important;
17059 }
17060 #vbo-close-all-rooms-sel {
17061 width: 100%;
17062 }
17063 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17064 flex-grow: 1;
17065 }
17066 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
17067 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
17068 width: 100%;
17069 margin-bottom: 5px;
17070 }
17071 .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 {
17072 width: 100% !important;
17073 flex-grow: 1;
17074 }
17075 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17076 margin-left: 0;
17077 }
17078 .vbo-param-confirm-btn .btn {
17079 width: 100%;
17080 }
17081 }
17082 @media screen and (max-width : 640px) {
17083 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17084 flex-basis: 50%;
17085 }
17086 .vbo-calcrates-rateblock > span {
17087 width: 20%;
17088 margin: 5px 10px 5px 0;
17089 }
17090 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17091 widows: 50%;
17092 }
17093 .vbo-calcrates-rateblock > span {
17094 width: 35%;
17095 }
17096 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
17097 width: 100%;
17098 margin-top: 10px;
17099 }
17100 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17101 flex-basis: 100%;
17102 }
17103 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17104 flex-basis: 100%;
17105 }
17106 .vbrestrdrangesp {
17107 display: block;
17108 margin-bottom: 4px;
17109 }
17110 .vbrestrdrangesp + .wp-calendar-box {
17111 margin-right: 5px;
17112 }
17113 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17114 width: 100%;
17115 }
17116 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17117 width: 100%;
17118 }
17119 .vbo-checkin-custdet-entry {
17120 margin-bottom: 10px;
17121 display: inline-block;
17122 width: 100%;
17123 margin: 5px;
17124 vertical-align: top;
17125 }
17126 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
17127 flex-basis: 100% !important;
17128 }
17129 .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 {
17130 width: 100%;
17131 }
17132 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17133 margin-left: 0;
17134 }
17135 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17136 flex: 1;;
17137 }
17138 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17139 display: flex;
17140 }
17141 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17142 flex: 1;
17143 }
17144 .vbo-overlay-fests-addnew-elem input[type="text"] {
17145 width: 100% !important;
17146 }
17147 .vbo-overlay-fests-addnew-save .btn-success {
17148 width: 100% !important;
17149 }
17150 .vbo-dashboard-today-occ-listcont {
17151 width: 100%;
17152 box-sizing: border-box;
17153 }
17154 fieldset.adminform .vbo-list-table-rounded {
17155 max-width: 500px;
17156 }
17157 }
17158 @media screen and (max-width : 580px) {
17159 .vbo-calendar-cfields-search {
17160 width: 100%;
17161 width: 100%;
17162 background: var(--vbo-main-bg-color);
17163 padding: 10px 15px;
17164 float: none;
17165 margin-bottom: 10px;
17166 box-sizing: border-box;
17167 border: 1px solid var(--vbo-config-border-color);
17168 }
17169 .vbo-calendar-cfields-search input {
17170 margin-bottom: 0;
17171 }
17172 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
17173 margin-right: 0;
17174 }
17175 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
17176 width: 100% !important;
17177 }
17178 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
17179 flex: 100%;
17180 }
17181 .vbo-calendar-cfields-bottom {
17182 margin: 10px 0 15px 10px;
17183 display: flex;
17184 }
17185 .vbo-calendar-cfields-bottom .btn {
17186 flex: 1;
17187 }
17188 .vbo-calendar-cfields-bottom .btn-success {
17189 margin-left: 10px;
17190 }
17191 .vbo-ratesoverview-tabscont > div {
17192 margin: 4px 5px;
17193 }
17194 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
17195 margin: 5px 5px 0;
17196 }
17197 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
17198 width: 100%;
17199 margin: 10px 0 0;
17200 }
17201 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
17202 width: 100%;
17203 }
17204 .vbo-ratesoverview-tabscont div {
17205 width: 100%;
17206 box-sizing: border-box;
17207 }
17208 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
17209 white-space: inherit;
17210 }
17211 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
17212 width: 100%;
17213 }
17214 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
17215 width: 100% !important;
17216 }
17217 .vbo-bookingdet-admin-entry select {
17218 width: 100% !important;
17219 }
17220 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
17221 width: 48%;
17222 }
17223 .vbo-booking-history-container td {
17224 white-space: initial !important;
17225 }
17226 .vbo-dashboard-chart-container {
17227 flex-basis: 100%;
17228 }
17229 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17230 width: 50%;
17231 }
17232 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17233 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17234 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17235 width: calc(100% - 80px);
17236 }
17237 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
17238 width: auto;
17239 display: block;
17240 text-align: left;
17241 padding: 3px 5px;
17242 }
17243 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
17244 margin-right: 5px;
17245 }
17246 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
17247 width: 110px;
17248 }
17249 .vbo-menu-right > .vbo-menu-ul {
17250 display: contents;
17251 }
17252 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
17253 margin-bottom: 8px;
17254 }
17255 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17256 flex-basis: 100% !important;
17257 }
17258 .vbo-translation-tab {
17259 width: calc(50% - 29px);
17260 }
17261 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17262 width: 86%;
17263 }
17264 #alwaysavcont {
17265 flex-basis: 100%;
17266 }
17267 .vbo-tariffs-wizard-price {
17268 flex-basis: 100%;
17269 }
17270 .vbo-param-setting .vbwdaytwodiv {
17271 width: 100%;
17272 margin-top: 10px;
17273 margin-left: 0;
17274 }
17275 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
17276 flex-wrap: wrap;
17277 }
17278 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
17279 flex-basis: 100%;
17280 }
17281 .vbo-info-overlay-content .vbo-add-room-entry > div {
17282 width: 100%;
17283 margin: 5px 0;
17284 }
17285 .vbo-info-overlay-content .vbo-add-room-entry select {
17286 width: 100% !important;
17287 }
17288 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17289 flex-basis: 100%;
17290 }
17291 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17292 flex-grow: 0;
17293 margin-bottom: 0px;
17294 }
17295 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
17296 width: 100px !important;
17297 flex: 1;
17298 }
17299 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17300 flex: 1;
17301 display: flex;
17302 flex-wrap: nowrap;
17303 }
17304 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
17305 align-self: center;
17306 margin-right: 5px;
17307 }
17308 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17309 flex: 1;
17310 margin-left: 0;
17311 }
17312 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
17313 width: 80px !important;
17314 flex-grow: 1;
17315 }
17316 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
17317 width: 100%;
17318 display: flex;
17319 }
17320 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17321 width: 55vw;
17322 }
17323 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
17324 flex: 1;
17325 }
17326 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
17327 width: 100% !important;
17328 }
17329 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
17330 margin-left: 0;
17331 }
17332 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
17333 margin-bottom: 5px;
17334 display: inline-block;
17335 }
17336 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
17337 width: 100%;
17338 }
17339 .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 {
17340 width: 100%;
17341 }
17342 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
17343 flex: 1;
17344 }
17345 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17346 display: flex;
17347 }
17348 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17349 flex: 1;
17350 }
17351 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
17352 margin-left: 5px;
17353 }
17354 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
17355 flex-wrap: wrap;
17356 }
17357 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
17358 flex-wrap: wrap;
17359 }
17360 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
17361 flex-basis: 100%;
17362 margin-top: 5px;
17363 }
17364 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
17365 width: 100%;
17366 }
17367 .vbo-quickres-head .vbo-quickres-head-right {
17368 margin-top: 10px;
17369 width: 100%;
17370 }
17371 .vbo-list-form-filters .btn-toolbar #rname {
17372 width: 200px !important;
17373 }
17374 .vbo-calcrates-rateblock > span {
17375 flex-basis: 100%;
17376 margin: 5px 0 5px 0;
17377 border-bottom: 1px solid var(--vbo-config-border-color);
17378 padding-bottom: 5px;
17379 text-align: right;
17380 }
17381 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17382 border: 0;
17383 }
17384 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
17385 text-align: left;
17386 }
17387 .vbo-calcrates-rateblock > span > span {
17388 float: left;
17389 }
17390 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
17391 font-size: 18px;
17392 }
17393 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17394 margin-right: 0;
17395 font-size: 18px;
17396 }
17397 .vbo-modal-wguestmessages-chat-info-booking .badge {
17398 margin-bottom: 2px;
17399 }
17400 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
17401 display: flex;
17402 }
17403 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
17404 flex-basis: 25px !important;
17405 flex-grow: 0 !important;
17406 }
17407 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
17408 width: 25px;
17409 height: 25px;
17410 }
17411 .vbo-submenu-wrap {
17412 display: none;
17413 }
17414 .vbo-menu-ul li:hover .vbo-submenu-wrap {
17415 display: block;
17416 }
17417 .vbo-config-tabs-wrap dl.tabs dt {
17418 padding: 10px 0;
17419 width: 50%;
17420 }
17421 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
17422 width: 100%;
17423 }
17424 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
17425 display: inline-block;
17426 width: 100%;
17427 }
17428 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
17429 display: block;
17430 }
17431 .vbo-btn-toolbar .input-append input#code {
17432 max-width: 150px;
17433 }
17434 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17435 min-width: 180px;
17436 }
17437 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17438 width: 100%;
17439 }
17440 .vbo-info-overlay-content {
17441 height: 90%;
17442 }
17443 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
17444 margin-top: 0px;
17445 }
17446 .vbo-avcalendars-roomphoto img {
17447 width: 100%;
17448 }
17449 .vbcsvexport {
17450 margin: 2px !important;
17451 }
17452 .vbo-editbooking-totrefund {
17453 margin: 10px 0 0;
17454 }
17455 .vbo-param-setting #pin + .btn.vbo-config-btn {
17456 margin: 5px 0 !important;
17457 }
17458 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
17459 max-width: 100px !important;
17460 }
17461 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
17462 flex-basis: 100%;
17463 }
17464 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
17465 border-left: 1px solid var(--vbo-config-border-color);
17466 }
17467 .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 {
17468 border-radius: 6px !important;
17469 }
17470 }
17471 @media screen and (max-width : 550px) {
17472 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
17473 -webkit-flex: 100%;
17474 -ms-flex: 100%;
17475 flex: 100%;
17476 }
17477 .vbo-ratesoverview-tabscont div > i {
17478 margin-bottom: 3px;
17479 }
17480 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17481 flex-basis: 36%;
17482 }
17483 .vbo-trackings-chart-avgvals {
17484 flex: 1;
17485 padding-right: 0;
17486 }
17487 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
17488 width: 100% !important;
17489 margin-bottom: 3px;
17490 }
17491 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17492 flex: 100%;
17493 }
17494 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
17495 margin: 10px auto;
17496 }
17497 .vbmodelink {
17498 margin: 5px;
17499 }
17500 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17501 flex-basis: 100%;
17502 }
17503 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17504 margin: 0 0 10px;
17505 }
17506 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17507 width: 100%;
17508 }
17509 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
17510 flex-basis: 100%;
17511 }
17512 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17513 flex-basis: calc(100% - 34px);
17514 }
17515 fieldset.adminform .vbo-list-table-rounded {
17516 max-width: 400px;
17517 }
17518 .vbo-widget-finance-data-block-rankings {
17519 grid-template-columns: repeat(1, 1fr);
17520 }
17521 }
17522 @media screen and (max-width : 500px) {
17523 .vbo-translation-tab.vbo-translation-tab-ini {
17524 float: none;
17525 }
17526 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
17527 width: auto !important;
17528 }
17529 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
17530 width: 100%;
17531 margin: 5px 0;
17532 }
17533 .vbo-bookdet-container .vbo-bookdet-wrap {
17534 width: auto;
17535 border-bottom: 1px solid var(--vbo-config-border-color);
17536 padding: 0 0 5px;
17537 margin: 5px;
17538 box-sizing: border-box;
17539 display: block;
17540 }
17541 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
17542 border: 0;
17543 }
17544 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17545 width: 100%;
17546 display: inline-block;
17547 margin: 5px 3px;
17548 }
17549 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17550 flex-basis: 100%;
17551 }
17552 .vbo-calcrates-rateblock > span {
17553 width: 100%;
17554 }
17555 .modal-header .box-close {
17556 padding: 0 !important;
17557 border-bottom: 0 !important;
17558 }
17559 .modal .modal-header .box-close {
17560 border-left: 0 !important;
17561 }
17562 .vbo-cal-splitstay-details {
17563 min-width: initial;
17564 width: 100%;
17565 }
17566 .vbo-cal-splitstay-details > div {
17567 grid-template-columns: repeat(1, 1fr);
17568 }
17569 .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 {
17570 border-right: 0;
17571 }
17572 }
17573
17574 /* form fieldset */
17575 .admin-form-wrapper {
17576 display: flex;
17577 flex-wrap: wrap;
17578 justify-content: space-between;
17579 }
17580 .admin-form-fieldset {
17581 width: calc(100% / 2 - 10px);
17582 }
17583 @media screen and (max-width: 1440px) {
17584 .admin-form-fieldset select {
17585 max-width: 250px !important;
17586 }
17587 }
17588 @media screen and (max-width: 1280px) {
17589 .admin-form-fieldset {
17590 width: 100%;
17591 }
17592 }
17593 /* main menu screen size adjustments */
17594 @media screen and (max-width: 1400px) {
17595 .vbo-menu-updates > button span {
17596 display: none;
17597 }
17598 }
17599 @media screen and (max-width: 1280px) {
17600 .vbo-menu-left {
17601 max-width: 100px;
17602 }
17603 }
17604
17605 /* new medias drag&drop */
17606 .vbo-dropfiles-target {
17607 padding: 5% 20px;
17608 text-align:center;
17609 border: 2px dashed var(--vbo-config-border-color);
17610 border-radius: 4px;
17611 color: var(--vbo-config-text-color-light);
17612 background: var(--vbo-config-child-bg-color);
17613 }
17614 .vbo-dropfiles-target.drag-enter {
17615 border-color: var(--vbo-config-border-color);
17616 }
17617 .vbo-dropfiles-target .lead {
17618 font-size: 16px;
17619 font-weight: bold;
17620 }
17621 .vbo-dropfiles-target a:hover {
17622 text-decoration: none;
17623 }
17624
17625 .vbo-uploaded-files {
17626 display: flex;
17627 flex-wrap: wrap;
17628 }
17629 .vbo-uploaded-files i.fa-file {
17630 font-size: 128px;
17631 }
17632 .vbo-uploaded-files .file-elem {
17633 width: calc(100% / 5);
17634 margin-bottom: 20px;
17635 }
17636 .vbo-uploaded-files .file-elem-inner {
17637 width: auto;
17638 display: inline-block;
17639 position: relative;
17640 }
17641 .vbo-uploaded-files .file-elem a {
17642 position: relative;
17643 }
17644 .vbo-uploaded-files .file-elem.uploading a,
17645 .vbo-uploaded-files .file-elem.removing a {
17646 cursor: default;
17647 color: var(--vbo-config-text-color-light);
17648 }
17649 .vbo-uploaded-files .file-elem.removing a {
17650 opacity: 0.7;
17651 }
17652 .vbo-uploaded-files .file-elem a .file-extension {
17653 position: absolute;
17654 bottom: 20px;
17655 left: 50%;
17656 color: #fff;
17657 transform: translateX(-50%);
17658 font-size: 30px;
17659 text-transform: uppercase;
17660 font-weight: 500;
17661 }
17662 .vbo-uploaded-files .file-elem .file-summary {
17663 word-break: break-all;
17664 margin-top: 5px;
17665 }
17666 .vbo-uploaded-files .file-elem .file-summary .filename {
17667 font-weight: 500;
17668 }
17669 .vbo-uploaded-files .file-elem .file-summary .filesize {
17670 font-size: smaller;
17671 }
17672 .vbo-uploaded-files .file-elem .delete-file {
17673 position: absolute;
17674 top: -10px;
17675 left: -10px;
17676 background: var(--vbo-config-bg-color);
17677 width: 32px;
17678 height: 32px;
17679 border-radius: 50%;
17680 color: var(-vbo-body-text-color);
17681 line-height: 32px;
17682 text-align: center;
17683 visibility: hidden;
17684 }
17685 .vbo-uploaded-files .file-elem .delete-file i.fa {
17686 font-size: 34px;
17687 color: var(--vbo-body-text-color);
17688 }
17689 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
17690 color: var(--vbo-blue-color);
17691 }
17692 .vbo-uploaded-files .file-elem.do-shake .file-link {
17693 color: var(--vbo-config-text-color-light);
17694 cursor: default;
17695 }
17696 .vbo-uploaded-files .file-elem.do-shake .delete-file {
17697 visibility: visible;
17698 }
17699 .vbo-uploaded-files .file-elem.do-shake {
17700 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
17701 }
17702
17703 @-webkit-keyframes shake-files {
17704 from {
17705 -webkit-transform: rotate(4deg);
17706 }
17707 to {
17708 -webkit-transform-origin: center center;
17709 -webkit-transform: rotate(-4deg);
17710 }
17711 }
17712
17713 .stop-managing-files-hint {
17714 background: #333c;
17715 color: #fff;
17716 padding: 20px 30px;
17717 text-align: center;
17718 position: fixed;
17719 bottom: 20px;
17720 border-radius: 6px;
17721 left: 50%;
17722 transform: translateX(-50%);
17723 font-size: 20px;
17724 width: 80%;
17725 font-weight: 500;
17726 display: none;
17727 }
17728
17729 .drop-files-hint {
17730 float: right;
17731 margin-top: -25px;
17732 margin-right: 6px;
17733 }
17734 .drop-files-hint i.fa-question-circle {
17735 color: #999;
17736 }
17737
17738 @media screen and (max-width: 1440px) {
17739 .vbo-uploaded-files .file-elem {
17740 width: calc(100% / 4);
17741 }
17742 }
17743 @media screen and (max-width: 1280px) {
17744 .vbo-uploaded-files .file-elem {
17745 width: calc(100% / 5);
17746 }
17747 }
17748 @media screen and (max-width: 800px) {
17749 .vbo-uploaded-files .file-elem {
17750 width: calc(100% / 4);
17751 }
17752 }
17753 @media screen and (max-width: 550px) {
17754 .vbo-uploaded-files .file-elem {
17755 width: calc(100% / 3);
17756 }
17757 }
17758
17759 /*** @WPonly ***/
17760 .vbo-invoices-inv-frontleft {
17761 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
17762 border-right: 1px solid var(--vbo-config-border-color);
17763 float: left;
17764 height: 128px;
17765 max-height: 100%;
17766 min-height: 100%;
17767 vertical-align: middle;
17768 width: 128px;
17769 margin-right: 10px;
17770 }
17771 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
17772 position: relative;
17773 }
17774