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

18,185 lines 498.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @package VikBooking
3 * @subpackage back-end styles
4 * @author E4J s.r.l.
5 * @link https://vikwp.com
6 */
7
8 /* Variable declarations
9 * Guidelines input elements:
10 * -- Config Input and Select:
11 Background: --vbo-input-style / Border-color: --vbo-config-border-color
12 * -- Config Input and Select - Status DEACTIVE
13 Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color
14 * -- Nested Config Input and Select:
15 Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color
16 * -- Nested Config Input and Select - Status DEACTIVE:
17 Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive
18 * -- Generic btn gray:
19 Background: --vbo-basic-btn / --vbo-config-border-color
20 */
21
22 :root {
23 /* body color */
24 --vbo-body-bg-color: #fff;
25 --vbo-body-text-color: #444;
26
27 /* main bg and text color */
28 --vbo-main-bg-color: #eee;
29 --vbo-container-text-color: inherit;
30 --vbo-contrast-text-color: #fff;
31 --vbo-base-color: #2282bd;
32 --vbo-base-color-hover: #1890ce;
33 --vbo-link-text-color: #2271b1;
34 --vbo-basic-btn: #eee;
35 --vbo-basic-btn-hover: #ddd;
36 --vbo-basic-btn-focus: #cacaca;
37 --vbo-light-color-btn: #e9f3fa;
38 --vbo-middle-color-btn: #999;
39
40 /* Config bg and text color */
41 --vbo-config-bg-color: #fff;
42 --vbo-config-text-color: inherit;
43 --vbo-config-border-color: #ddd;
44 --vbo-config-titles-color-light: #666;
45 --vbo-config-child-bg-color: #f6f6f6;
46 --vbo-config-text-color-light: #999;
47 --vbo-config-title-color: #1d2327;
48
49 /* Input Style */
50 --vbo-input-style: #fff;
51 --vbo-input-style-deactive: #f6f7f7;
52 --vbo-input-style-nested-deactive: #eee;
53
54 /* Page Lists */
55 --vbo-toolbar-bg-color: #d4dae5;
56
57 /* General Colors */
58 --vbo-red-color: #b90c0d;
59 --vbo-red-color-hover: #e61717;
60 --vbo-red-color-focus: #9d0101;
61 --vbo-orange-color: #ffab48;
62 --vbo-orange-color-hover: #ad6704;
63 --vbo-green-color: #46a546;
64 --vbo-green-color-hover: #428242;
65 --vbo-green-color-focus: #65c265;
66 --vbo-blue-color: #31708f;
67 --vbo-blue-color-hover: #498fb3;
68
69 /* Notification Status */
70 --vbo-info-bg: #c8e4fb;
71 --vbo-info-border: #72abcc;
72 --vbo-warning-bg: #fbf3c8;
73 --vbo-warning-border: #d69b3c;
74 --vbo-error-bg: #ffe3e3;
75 --vbo-error-border: #ea6060;
76 }
77
78 legend.adminlegend {
79 color: var(--vbo-config-title-color);
80 border-bottom: 1px solid var(--vbo-config-border-color);
81 }
82
83 /*
84 * Classes .label and .badge
85 */
86 .label, .badge {
87 display: inline-block;
88 padding: 2px 4px;
89 font-size: 10.998px;
90 font-weight: bold;
91 line-height: 14px;
92 color: var(--vbo-contrast-text-color);
93 vertical-align: baseline;
94 white-space: nowrap;
95 background-color: var(--vbo-middle-color-btn);
96 }
97 .label {
98 border-radius: 3px;
99 }
100 .badge {
101 border-radius: 9px;
102 }
103 .label-success, .badge-success {
104 background-color: var(--vbo-green-color);
105 }
106 a.label-success:hover, a.badge-success:hover {
107 background-color: var(--vbo-green-color-hover);
108 }
109 .label-warning, .badge-warning {
110 background-color: var(--vbo-orange-color);
111 }
112 a.label-warning:hover, a.badge-warning:hover {
113 background-color: var(--vbo-orange-color-hover);
114 }
115 .label-info, .badge-info {
116 background-color: var(--vbo-blue-color);
117 }
118 a.label-info:hover, a.badge-info:hover {
119 background-color: var(--vbo-blue-color-hover);
120 }
121 a.label, a.badge, a.label:hover, a.badge:hover {
122 color: var(--vbo-contrast-text-color);
123 }
124 .vbo-label-nested {
125 padding: 1px 4px !important;
126 font-weight: 500;
127 line-height: 12px;
128 font-size: 11px;
129 }
130
131 /* @joomlaonly - forced border color for the Joomla top toolbar */
132 .subhead .btn-toolbar .btn {
133 border: 1px solid var(--vbo-config-border-color);
134 }
135 .subhead .btn-toolbar .btn-success {
136 border: 1px solid var(--vbo-green-color);
137 border: 1px solid rgba(0,0,0,0.2);
138 }
139
140 /*** @WPonly - Load Reservation from other booking plugins ***/
141 .vbo-modal-lock-scroll {
142 overflow: hidden !important;
143 }
144 .vbo-importbftpp-plugins-list {
145 border-radius: 4px;
146 padding: 20px;
147 border: 1px solid var(--vbo-config-border-color);
148 background: var(--vbo-config-bg-color);
149 }
150 .vbo-importbftpp-plugins-list-inner label {
151 display: block;
152 margin-bottom: 5px;
153 }
154 .vbo-importbftpp-plugins-list-bottom {
155 margin-top: 15px;
156 }
157 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
158 display: block;
159 margin-bottom: 5px;
160 }
161 .vbo-importbftpp-roomsmapping-wrap {
162 margin-bottom: 20px;
163 }
164 .vbo-importbftpp-roomsmapping-inner {
165 display: flex;
166 flex-wrap: wrap;
167 }
168 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
169 width: calc(33% - 48px);
170 margin: 5px;
171 border: 1px solid var(--vbo-config-border-color);
172 background: var(--vbo-config-bg-color);
173 padding: 20px;
174 border-radius: 4px;
175 }
176 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
177 display: block;
178 margin-bottom: 5px;
179 font-weight: 500;
180 }
181 .vbo-importbftpp-roomsmapping-block-thirdparty {
182 margin-bottom: 10px;
183 }
184 .vbo-importbftpp-subtitle {
185 font-size: 1.2em;
186 margin-bottom: 8px;
187 }
188 .vbo-importbftpp-reservations-inner {
189 display: flex;
190 flex-wrap: wrap;
191 }
192 .vbo-importbftpp-reservation-block {
193 flex-basis: 50%;
194 }
195 .vbo-importbftpp-reservation-inner {
196 border-radius: 4px;
197 border: 1px solid var(--vbo-config-border-color);
198 padding: 15px;
199 background: var(--vbo-config-bg-color);
200 margin: 5px;
201 }
202 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
203 margin: 4px 0;
204 }
205 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
206 display: inline-block;
207 min-width: 150px;
208 font-weight: 500;
209 }
210 .vbo-importbftpp-reservation-import {
211 margin-top: 14px;
212 border-top: 1px solid var(--vbo-config-border-color);
213 padding-top: 10px;
214 display: inline-block;
215 width: 100%;
216 box-sizing: border-box;
217 min-height: 40px;
218 }
219 .vbo-importbftpp-reservation-import-toggle {
220 display: inline-block;
221 }
222 .vbo-importbftpp-reservation-import-rooms {
223 float: right;
224 font-weight: bold;
225 font-size: 1.1em;
226 }
227 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
228 min-width: inherit;
229 margin-right: 10px;
230 }
231 .vbo-importbftpp-confirm-wrap {
232 text-align: center;
233 margin-top: 15px;
234 }
235 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
236 font-size: 1.3em;
237 font-weight: bold;
238 margin-bottom: 10px;
239 }
240 .vbo-importbftpp-reservation-noteligible {
241 opacity: .7;
242 }
243 .vbo-importbftpp-reservations-btns {
244 text-align: right;
245 padding-right: 5px;
246 }
247 div.modal .close {
248 color: inherit;
249 }
250 .modal .modal-footer {
251 border-top: 1px solid var(--vbo-config-border-color);
252 background: var(--vbo-config-bg-color);
253 box-shadow: none;
254 }
255 a:focus, a:hover {
256 text-decoration: none !important;
257 }
258 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
259 padding: 10px 10px;
260 border-color: var(--vbo-config-border-color);
261 }
262 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
263 padding: 10px 30px;
264 }
265 .btn-secondary {
266 color: var(--vbo-config-title-color);
267 background-color: var(--vbo-basic-btn);
268 border-color: var(--vbo-config-border-color);
269 }
270 .btn-secondary:hover {
271 color: var(--vbo-config-title-color);
272 background-color: var(--vbo-basic-btn-hover);
273 }
274 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
275 border-radius: 3px;
276 padding: 10px 14px;
277 margin-bottom: 0;
278 }
279 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
280 height: auto;
281 }
282 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
283 margin-right: 5px;
284 }
285 body #content .input-append > input, body #wpcontent .input-append > input {
286 border-color: var(--vbo-config-border-color);
287 }
288 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
289 color: #fff;
290 background-color: var(--vbo-green-color);
291 border: 1px solid var(--vbo-green-color);
292 }
293 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
294 color: #fff;
295 font-weight: normal;
296 background-color: var(--vbo-green-color-hover);
297 border-color: var(--vbo-green-color-hover);
298 }
299 body #content .btn-success:focus, body #wpcontent .btn-success:focus, .vbo-modal-overlay-block .btn-success:focus, body #content .btn-success:active, body #wpcontent .btn-success:active, .vbo-modal-overlay-block .btn-success:active {
300 color: #fff;
301 font-weight: normal;
302 background-color: var(--vbo-green-color-focus);
303 border-color: var(--vbo-green-color-focus);
304 }
305 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
306 color: #fff;
307 background-color: var(--vbo-red-color);
308 border: 1px solid var(--vbo-red-color);
309 }
310 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
311 color: #fff;
312 background-color: var(--vbo-red-color-hover);
313 border-color: var(--vbo-red-color-hover)
314 }
315 body #content .btn-danger:focus, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:focus, body #content .btn-danger:active, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:active {
316 color: #fff;
317 background-color: var(--vbo-red-color-focus);
318 border-color: var(--vbo-red-color-focus)
319 }
320 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 {
321 color: #fff;
322 background-color: var(--vbo-blue-color);
323 border: 1px solid var(--vbo-blue-color);
324 }
325 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 {
326 color: #fff;
327 background-color: var(--vbo-blue-color-hover);
328 border: 1px solid var(--vbo-blue-color-hover);
329 }
330 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
331 color: #fff;
332 background-color: var(--vbo-orange-color);
333 border: 1px solid var(--vbo-orange-color);
334 }
335 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
336 color: #fff;
337 background-color: var(--vbo-orange-color-hover);
338 border: 1px solid var(--vbo-orange-color-hover);
339 }
340 .select2-container .select2-dropdown {
341 background-color: var(--vbo-config-bg-color);
342 border-color: var(--vbo-config-border-color) !important;
343 }
344 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
345 background-color: var(--vbo-blue-color);
346 }
347 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
348 line-height: 38px;
349 }
350 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
351 background-color: var(--vbo-config-bg-color);
352 color: var(--vbo-base-color);
353 border: 1px solid var(--vbo-base-color);
354 }
355 .select2-container.select2-container--default .select2-selection--single {
356 background-color: var(--vbo-input-style);
357 border: 1px solid var(--vbo-config-border-color) !important;
358 height: 40px;
359 border-radius: 2px;
360 }
361 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
362 height: 40px;
363 }
364 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
365 color: var(--vbo-config-titles-color-light);
366 }
367 /*** Chrome Hack for the select ***/
368 .selector:not(*:root), select {
369 border: 0 !important;
370 outline: 1px solid var(--vbo-config-border-color);
371 outline-offset: -1px;
372 height: 36px !important;
373 }
374 /***/
375
376 .input-append .btn.vbo-btn-dont-append {
377 margin-left: 5px;
378 }
379
380 /* Skeleton structure */
381 .vbo-skeleton-loading {
382 position: relative;
383 overflow: hidden;
384 background-color: #DDDBDD;
385 display: inline-block;
386 }
387 .vbo-skeleton-loading:after {
388 position: absolute;
389 top: 0;
390 right: 0;
391 bottom: 0;
392 left: 0;
393 transform: translateX(-100%);
394 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));
395 animation: shimmer 2s infinite;
396 content: '';
397 }
398
399 .fancybox-type-iframe.fancybox-opened {
400 height: 80% !important;
401 }
402 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
403 height: 100% !important;
404 }
405
406 .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 {
407 white-space: nowrap;
408 }
409 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
410 white-space: inherit;
411 }
412 .vbo-table-td-wrap .btn {
413 margin-top: 5px;
414 }
415 .successmade {
416 margin: 10px 0px;
417 padding: 12px 12px 12px 40px;
418 color: var(--vbo-green-color);
419 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
420 border: 2px solid var(--vbo-green-color);
421 background-size: 20px;
422 }
423 .info {
424 margin: 10px 0px;
425 padding: 12px;
426 background-color: #c8e4fb;
427 border: 1px solid #72abcc;
428 }
429 .err {
430 margin: 10px 0px;
431 padding: 12px 12px 12px 40px;
432 border: 2px solid var(--vbo-red-color);
433 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
434 background-size: 20px;
435 }
436 .warn {
437 margin: 10px 0px;
438 padding: 12px 12px 12px 40px;
439 border: 2px solid var(--vbo-orange-color);
440 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
441 background-size: 20px;
442 }
443 .label-error, .badge-error, .label-danger, .badge-danger {
444 background-color: var(--vbo-red-color) !important;
445 }
446 .ui-datepicker-multi .ui-datepicker-group-first {
447 border-right: 1px solid var(--vbo-config-border-color);
448 }
449 .select2-container--default .select2-results__option[role="group"] {
450 border-top: 1px solid var(--vbo-config-border-color);
451 }
452 #hmfooter {
453 font-size: x-small;
454 text-align: center;
455 margin: 20px 0;
456 }
457 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
458 margin-top: 5px;
459 }
460 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
461 margin-top: 15px;
462 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
463 display: grid;
464 }
465 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
466 background-color: var(--vbo-config-bg-color);
467 border-radius: 10px;
468 border: 1px solid var(--vbo-basic-btn);
469 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
470 margin: 10px;
471 }
472 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
473 height: 100%;
474 }
475 .vbadmincaltable td {
476 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
477 font-size: 11px;
478 width: 45px;
479 padding: 0 !important;
480 text-align: center !important;
481 height: 30px;
482 box-sizing: content-box;
483 vertical-align: middle !important;
484 }
485 .vbadmincaltable tr:last-child td {
486 border-bottom: 0 !important;
487 }
488 .vbadmincaltable tr:last-child td:first-child {
489 border-bottom-left-radius: 10px;
490 }
491 .vbadmincaltable tr:last-child td:last-child {
492 border-bottom-right-radius: 10px;
493 }
494 .vbadmincaltable td:last-child {
495 border-right: 0 !important;
496 }
497 .vbadmincaltable td:first-child {
498 border-left: 0 !important;
499 }
500 .vbadmincaltable td:hover {
501 background-color: var(--vbo-config-border-color);
502 }
503 .vbadmincaltable td:active {
504 background-color: var(--vbo-blue-color);
505 color: #fff;
506 }
507 .vbadmincaltable .busy {
508 background: var(--vbo-red-color);
509 }
510 .vbadmincaltable .busy:hover {
511 background: var(--vbo-red-color-hover);
512 }
513 .busy.busy-closure {
514 background: var(--vbo-config-title-color);
515 }
516 .busy.busy-closure:hover {
517 background: var(--vbo-config-titles-color-light);
518 }
519 .vbadmincaltable .busy > * {
520 font-weight:bold;
521 color:#fff;
522 }
523 .vbadmincaltable td.free {
524 cursor: pointer;
525 }
526 .vbadmincaltrmon td {
527 color: var(--vbo-config-title-color);
528 font-weight:bold;
529 font-size: 14px;
530 border: 0 !important;
531 padding: 6px 5px !important;
532 }
533 .vbadmincaltrmon td:hover {
534 background-color: transparent;
535 }
536 .vbadmincaltrmdays td {
537 font-weight: bold;
538 text-align:center;
539 background-color: var(--vbo-config-child-bg-color);
540 }
541 .vbadmincaltrmdays td:hover {
542 background-color: var(--vbo-config-child-bg-color);
543 }
544 .vborderof {
545 padding:10px 0;
546 font-size:14px;
547 }
548 .vborderof a {
549 font-size:12px;
550 }
551 .vborderpar {
552 margin:10px 0 5px 0;
553 padding:0;
554 font-weight:bold;
555 font-size:13px;
556 }
557 .vborderspan {
558 font-weight:bold;
559 }
560 p.vborderpartot {
561 padding:5px 10px;
562 margin:10px 5px;
563 background: var(--vbo-light-color-btn);
564 border: 1px solid var(--vbo-config-border-color);
565 border-radius:4px;
566 -moz-border-radius:4px;
567 -webkit-border-radius:4px;
568 font-weight:bold;
569 }
570 div.vborderpartot {
571 display: block;
572 padding:5px 10px;
573 margin:10px 5px;
574 background:var(--vbo-light-color-btn);
575 border: 1px solid var(--vbo-config-border-color);
576 border-radius:4px;
577 -moz-border-radius:4px;
578 -webkit-border-radius:4px;
579 font-weight:bold;
580 width: 300px;
581 }
582 .vborderseatasconf {
583 background:var(--vbo-green-color);
584 border: 1px solid var(--vbo-green-color);
585 border-radius:4px;
586 -moz-border-radius:4px;
587 -webkit-border-radius:4px;
588 margin:5px 0 10px;
589 width:133px;
590 display:block;
591 padding:10px;
592 }
593 .vborderseatasconf a {
594 color:#fff !important;
595 font-weight:bold;
596 text-decoration:none;
597 text-transform:uppercase;
598 }
599 .maxthirty {
600 cursor: pointer;
601 max-height: 30px;
602 height: expression(this.height > 30 ? "30px" : true);
603 max-width: 30px;
604 width: expression(this.width > 30 ? "30px" : true);
605 }
606 .maxfifty {
607 max-height: 60px;
608 height: expression(this.height > 50 ? "50px" : true);
609 border:0;
610 border-radius: 4px;
611
612 transition-delay: 0s;
613 transition-duration: 0.15s;
614 transition-property: transform, box-shadow;
615 transition-timing-function: ease-in-out;
616 -webkit-transition-delay: 0s;
617 -webkit-transition-duration: 0.15s;
618 -webkit-transition-property: transform, box-shadow;
619 -webkit-transition-timing-function: ease-in-out;
620 }
621 .maxfifty:hover {
622 box-shadow: 0 0 10px rgba(0,0,0,0.5);
623
624 transform: translateY(-2px);
625 -webkit-transform: translateY(-2px);
626 }
627 .maxninety {
628 max-height: 190px;
629 height: expression(this.height > 190 ? "190px" : true);
630 }
631 .imgresult {
632 max-height: 85px;
633 height: expression(this.height > 85 ? "85px" : true);
634 max-width: 130px;
635 width: expression(this.width > 130 ? "130px" : true);
636 }
637 .vbmenutable td {
638 position:relative;
639 padding:0 12px 0 0;
640 }
641 .vbmenuentries {
642 float:left;
643 width:117px;
644 margin:8px 0 0 85px;
645 }
646 .vbmenuentries a {
647
648 }
649 .vbsubmitfares {
650 background: none repeat scroll 0 0 #708827 !important;
651 border: 1px solid #5D7120 !important;
652 border-radius: 4px 4px 4px 4px;
653 color: #FFFFFF !important;
654 font-size: 14px;
655 padding: 5px 15px;
656 margin:10px 0 0 0;
657 }
658 .vbsubmithfares {
659 background: none repeat scroll 0 0 #0B9E9E !important;
660 border: 1px solid #007171 !important;
661 border-radius: 4px 4px 4px 4px;
662 color: #FFFFFF !important;
663 font-size: 14px;
664 padding: 5px;
665 margin:10px 0 0 0;
666 }
667
668 .vbsubmithcharges {
669 background: none repeat scroll 0 0 #386B16 !important;
670 border: 1px solid #2D5511 !important;
671 border-radius: 4px 4px 4px 4px;
672 color: #FFFFFF !important;
673 font-size: 14px;
674 padding: 5px;
675 margin:10px 0 0 0;
676 cursor:pointer;
677 }
678 .vbo-checkin-commands-wrap .btn.btn-success {
679 padding: 8px 14px;
680 }
681 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
682 border: 1px solid var(--vbo-green-color);
683 background-color: var(--vbo-green-color);
684 color: #fff;
685 border-radius: 3px;
686 margin-bottom: 0;
687 font-size: inherit;
688 }
689 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
690 padding: 10px 14px;
691 }
692 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
693 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
694 background-color: var(--vbo-green-color-hover) !important;
695 border: 1px solid var(--vbo-green-color-hover) !important;
696 }
697 .container-main .btn.btn-warning {
698 border: 1px solid var(--vbo-orange-color);
699 background-color: var(--vbo-orange-color);
700 border-radius: 3px;
701 padding: 10px 14px;
702 margin-bottom: 0;
703 }
704 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
705 background-color: var(--vbo-orange-color-hover) !important;
706 border: 1px solid var(--vbo-orange-color-hover) !important;
707 }
708 .vbo-checkin-commands-wrap .btn.btn-danger {
709 padding: 8px 14px;
710 }
711 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
712 border: 1px solid var(--vbo-red-color);
713 background-color: var(--vbo-red-color);
714 border-radius: 3px;
715 margin-bottom: 0;
716 font-size: inherit;
717 }
718 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
719 color: #fff;
720 }
721 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
722 background-color: var(--vbo-red-color-hover) !important;
723 border: 1px solid var(--vbo-red-color-hover) !important;
724 }
725 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
726 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
727 background-color: var(--vbo-red-color-focus) !important;
728 border: 1px solid var(--vbo-red-color-focus) !important;
729 }
730 /* UI Calendar */
731 .ui-widget-content {
732 background: var(--vbo-config-bg-color) !important;
733 color: inherit !important;
734 }
735 .ui-widget-header {
736 background: var(--vbo-config-bg-color) !important;
737 border: 1px solid var(--vbo-config-border-color) !important;
738 color: inherit !important;
739 }
740 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
741 background: var(--vbo-config-bg-color) !important;
742 border-color: var(--vbo-config-border-color) !important;
743 color: inherit !important;
744 }
745 .ui-widget.ui-widget-content {
746 border: 1px solid var(--vbo-config-border-color) !important;
747 }
748 .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 {
749 background: var(--vbo-light-color-btn) !important;
750 }
751 .free{
752 color: var(--vbo-body-text-color);
753 }
754
755 .busy{
756 color: var(--vbo-body-text-color);
757 background: var(--vbo-red-color);
758 }
759
760 .notbusy{
761 color: var(--vbo-body-text-color);
762 background: var(--vbo-config-bg-color);
763 }
764 .bluedays{
765 min-width: 2.7%;
766 background: none repeat scroll 0 0 #02679a;
767 color: #FFFFFF;
768 font-weight: bold;
769 padding: 4px 0;
770 text-align: center;
771 cursor: pointer;
772 }
773 .skip-bluedays-click {
774 cursor: inherit;
775 }
776 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
777 background: #b0c0d1;
778 }
779 .bluedays.vbo-overv-todaycell {
780 background: #074666;
781 }
782 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
783 background: #d9b9d3;
784 }
785 .bluedays.vbo-overv-festcell {
786 cursor: pointer;
787 background: #a07e9a;
788 }
789 .vbo-overview-month {
790 font-size: 105%;
791 }
792 .vbo-overview-redday, .vbo-overview-subredday {
793 color: #fff;
794 }
795 .vboverviewtablerow .busy:not(.vbo-checkinday) {
796 cursor: pointer;
797 }
798 .vbo-checkinday {
799 border-top: 3px solid var(--vbo-green-color);
800 }
801 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
802 background: var(--vbo-red-color) !important;
803 }
804 .busy:hover {
805 background: var(--vbo-red-color-hover);
806 }
807 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
808 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
809 }
810 .vbo-partially {
811 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
812 }
813 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
814 background: var(--vbo-orange-color-hover) !important;
815 }
816 .busy-sharedcalendar {
817 position: relative;
818 }
819 .busy-sharedcalendar:before {
820 position: absolute;
821 z-index: 0;
822 width: 100%;
823 height: 100%;
824 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
825 content: "";
826 top: 0;
827 left: 0;
828 }
829 .vbo-avov-legend {
830 margin: 9px 10px 0;
831 }
832 .vbo-overview-legend-init {
833 display: inline-block;
834 vertical-align: middle;
835 font-size: 13px;
836 font-weight: bold;
837 margin-right: 10px;
838 }
839 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
840 display: inline-block;
841 margin-right: 10px;
842 font-size: 12px;
843 vertical-align: middle;
844 }
845 .vbo-overview-legend-box {
846 display: inline-block;
847 width: 15px;
848 height: 15px;
849 vertical-align: middle;
850 border-radius: 2px;
851 margin-right: 2px;
852 }
853 .vbo-overview-legend-red .vbo-overview-legend-box {
854 background: none repeat scroll 0 0 var(--vbo-red-color);
855 }
856 .vbo-overview-legend-yellow .vbo-overview-legend-box {
857 background: none repeat scroll 0 0 #f0ad4e;
858 }
859 .vbo-overview-legend-green .vbo-overview-legend-box {
860 border-top: 2px solid var(--vbo-green-color);
861 background: var(--vbo-config-bg-color);
862 }
863 .vbo-overview-legend-title {
864 display: inline-block;
865 vertical-align: middle;
866 }
867 #jmodal-vbo-new-res {
868 width: 90% !important;
869 top: 50%;
870 left: 50%;
871 transform: translate(-50%, -50%);
872 margin: 0 !important;
873 }
874 td.roomname {
875 background: var(--vbo-config-child-bg-color);
876 height: 40px;
877 padding: 5px 10px 5px 6px;
878 text-align: left;
879 }
880 td.roomname.subroomname {
881 background: var(--vbo-config-bg-color) !important;
882 }
883 .vbo-overview-room-info {
884 display: flex;
885 }
886 .vbo-overview-room-info > span {
887 align-self: center;
888 }
889 .vbo-overview-roomname {
890 font-weight: bold;
891 font-size: 14px;
892 display: inline-block;
893 max-width: 185px;
894 }
895 .vbo-overview-roomunits {
896 display: inline-block;
897 margin: 0 5px 0 2px;
898 background: none repeat scroll 0 0 #3e6372;
899 border-radius: 50%;
900 color: #fff;
901 font-size: 12px;
902 font-weight: bold;
903 min-height: 20px;
904 min-width: 20px;
905 padding: 4px;
906 text-align: center;
907 }
908 .vbo-overview-subroomname {
909 font-weight: bold;
910 font-size: 13px;
911 }
912 .vbo-overview-subroomunits {
913 display: inline-block;
914 margin: 0 5px 0 2px;
915 font-size: 12px;
916 min-height: 20px;
917 min-width: 20px;
918 padding: 4px;
919 text-align: center;
920 }
921 .vbo-overview-subroomunits i {
922 margin: 0;
923 }
924 .subroom-busy {
925 background: var(--vbo-red-color) none repeat scroll 0 0;
926 color: var(--vbo-body-text-color);
927 }
928 .subnotbusy {
929 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
930 color: #000000;
931 }
932 .dailypricesactive {
933 text-align: center;
934 float: left;
935 font-weight: bold;
936 width: 100%;
937 height: 34px;
938 font-size:14px;
939 line-height:34px;
940 text-transform:uppercase;
941 color:var(--vbo-green-color);
942 background:var(--vbo-input-style-nested-deactive);
943 }
944 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
945 border-radius: 4px;
946 }
947 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
948 flex-wrap: wrap;
949 }
950 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
951 margin: 15px 0;
952 }
953 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
954 margin: 0;
955 }
956 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
957 flex-basis: 100%;
958 font-weight: 500;
959 }
960 .vbo-tariffs-params-container .vbo-param-setting > h4 {
961 margin-top: 0;
962 font-size: 16px;
963 }
964 .vbo-insertrates-cont > div {
965 background-color: var(--vbo-config-bg-color);
966 box-shadow: 0 0 10px rgba(0,0,0,.15);
967 border-radius: 8px;
968 padding: 20px;
969 margin: 0 0 15px;
970 }
971 .vbo-insertrates-cont input[type="number"] {
972 width: 100px !important;
973 }
974 .vbo-ratestable-lbl {
975 font-weight: bold;
976 color: var(--vbo-config-titles-color-light);
977 font-size: 16px;
978 padding: 0px 0px 7px;
979 }
980 .vbo-ratestable-nights > div {
981 display: flex;
982 margin: 5px 0 8px;
983 }
984 .vbo-ratestable-nights > div > span {
985 display: inline-block;
986 min-width: 100px;
987 }
988 .vbo-insertrates-bottom .vbo-ratestable-newprice {
989 display: flex;
990 flex-wrap: wrap;
991 margin: 5px 0;
992 border: 1px solid var(--vbo-main-bg-color);
993 padding: 10px 10px;
994 }
995 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
996 align-self: center;
997 }
998 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
999 font-weight: 500;
1000 }
1001 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1002 margin-left: auto;
1003 }
1004 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1005 flex-basis: 100%;
1006 margin-top: 5px;
1007 }
1008 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1009 display: block;
1010 margin-bottom: 5px;
1011 }
1012 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1013 display: block;
1014 }
1015 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1016 width: 100% !important;
1017 box-sizing: border-box;
1018 height: auto;
1019 }
1020 .vbo-insertrates-save {
1021 margin-top: 20px;
1022 }
1023 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1024 padding: 10px 25px;
1025 font-size: 13px;
1026 }
1027 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1028 background: transparent;
1029 }
1030 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1031 text-align: right;
1032 margin: 0 auto;
1033 }
1034 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1035 width: 100%;
1036 margin-top: 15px;
1037 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1038 }
1039 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1040 color: var(--vbo-config-titles-color-light);
1041 }
1042 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1043 border: 1px solid var(--vbo-config-border-color);
1044 border-radius: 2px;
1045 padding: 5px 10px;
1046 margin-bottom: 0;
1047 width: 120px !important;
1048 }
1049 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1050 display: block;
1051 text-transform: initial;
1052 max-width: 200px;
1053 white-space: normal;
1054 margin: 0 auto;
1055 font-weight: 600;
1056 }
1057 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1058 font-size: 10px;
1059 text-transform: initial;
1060 }
1061 .vbo-config-gr-services .vbo-config-gr-service {
1062 margin: 4px 0;
1063 }
1064 .vbo-config-gr-services .vbo-config-gr-service i {
1065 margin-right: 0 !important;
1066 }
1067 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1068 padding: 11px 14px;
1069 vertical-align: top;
1070 }
1071 .vbadminfaresctitle {
1072 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1073 border: 1px solid var(--vbo-config-border-color);
1074 border-radius: 4px 4px 4px 4px;
1075 font-size: 13px;
1076 font-weight: bold;
1077 margin: 0 0 10px;
1078 padding: 10px;
1079 text-transform: uppercase;
1080 width: 100%;
1081 display: inline-block;
1082 }
1083 .vbadminfaresctitle form {
1084 margin: 0;
1085 }
1086 .vbadminfaresctitle form select {
1087 margin: 0;
1088 }
1089 .vbdashparag {
1090 font-size:12px;
1091 }
1092 .vbdashparagred span {
1093 font-weight: bold;
1094 color:var(--vbo-red-color);
1095 display: inline-block;
1096 min-width: 200px;
1097 }
1098 .vbdashspanright {
1099 float: right;
1100 padding:0 0 20px 0;
1101 font-size:12px;
1102 }
1103 .vbdashspanright form {
1104 padding:0 0 0 3px;
1105 display:inline;
1106 }
1107 .vbdashdivleft {
1108 float:left;
1109 border: 1px solid var(--vbo-config-border-color);
1110 border-radius:10px;
1111 -moz-border-radius:10px;
1112 -webkit-border-radius:10px;
1113 background:var(--vbo-config-bg-color);
1114 padding:20px;
1115 box-shadow:0 0 2px rgba(0,0,0,0.2);
1116 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1117 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1118 margin:15px 30px 15px 0;
1119 width:55%;
1120 }
1121 .vbdashdivleft .vbdashdivlefthead {
1122 margin:0 0 10px 0;
1123 padding:0;
1124 text-transform:uppercase;
1125 font-size:14px;
1126 color:var(--vbo-green-color);
1127 }
1128 .vbdashdivleft .vbdashtable {
1129 width:100%;
1130 }
1131 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1132 padding:3px 0;
1133 }
1134 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1135 font-size:12px;
1136 color:var(--vbo-blue-color);
1137 }
1138 .vbdashdivright {
1139 float:right;
1140 border: 1px solid var(--vbo-config-border-color);
1141 border-radius:10px;
1142 -moz-border-radius:10px;
1143 -webkit-border-radius:10px;
1144 background:var(--vbo-config-bg-color);
1145 padding:20px;
1146 box-shadow:0 0 2px rgba(0,0,0,0.2);
1147 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1148 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1149 margin:15px 0 15px 0;
1150 width:30%;
1151 }
1152 .vbdashdivright .vbdashdivrighthead {
1153 margin:0 0 10px 0;
1154 padding:0;
1155 text-transform:uppercase;
1156 font-size:14px;
1157 color:var(--vbo-green-color);
1158 }
1159 .vbdashdivright .vbdashtable {
1160 width:100%;
1161 }
1162 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1163 font-size:12px;
1164 font-weight:bold;
1165 color:var(--vbo-config-title-color);
1166 text-transform:uppercase;
1167 padding:0 0 5px 0;
1168 }
1169 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1170 padding:0 5px;
1171 }
1172 #vbadultsdiffbox p {
1173 margin: 0px 0 10px;
1174 border: 1px solid var(--vbo-basic-btn);
1175 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1176 border-radius: 10px;
1177 padding: 10px;
1178 }
1179 #vbadultsdiffbox p:last-child {
1180 margin-bottom: 0;
1181 }
1182 #vbadultsdiffbox .vbo-adults-usage {
1183 margin-right: 15px;
1184 display: block;
1185 margin-bottom: 4px;
1186 font-weight: 500;
1187 }
1188
1189 .vbplusminus {
1190 cursor: pointer;
1191 vertical-align: middle;
1192 display: inline-block;
1193 margin: -7px 0 0 5px;
1194 text-align: center;
1195 width: 20px;
1196 height: 20px;
1197 font-size: 20px;
1198 }
1199
1200 .vbplusminuscont {
1201 display: inline-block;
1202 text-align: right;
1203 }
1204 .vbplusminuscont > span {
1205 display: inline-block;
1206 min-width: 35px;
1207 text-align: left;
1208 }
1209 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1210 display: inline-block;
1211 vertical-align: middle;
1212 }
1213 p.vbpfiltconfnumb {
1214 text-align: right;
1215 }
1216
1217 .vbotaspblock {
1218 display: block;
1219 background: none repeat scroll 0 0 var(--vbo-blue-color);
1220 border: 0;
1221 border-radius: 5px 5px 5px 5px;
1222 margin: 0 3px 5px 0;
1223 padding: 4px;
1224 color: var(--vbo-body-text-color);
1225 font-weight: bold;
1226 position: relative;
1227 }
1228 .vbotaspblock:before {
1229 content: "";
1230 height: 20px;
1231 left: -1px;
1232 position: absolute;
1233 top: -11px;
1234 width: 20px;
1235 }
1236 .vboverviewtable {
1237 width: 100%;
1238 border: 0;
1239 border-collapse: inherit;
1240 border-spacing: 0;
1241 }
1242 .vboverviewtable {
1243 font-size: 105%;
1244 }
1245 .vboverviewtablerowone {
1246 height: 30px;
1247 }
1248 .vbo-overv-montable-wrap {
1249 margin-bottom: 20px;
1250 }
1251 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1252 min-width: 80px;
1253 }
1254 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1255 min-width: 80px;
1256 max-width: 80px;
1257 }
1258 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1259 min-width: 250px;
1260 }
1261 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1262 display: block;
1263 }
1264 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1265 color: #fff;
1266 font-size: 12px;
1267 }
1268 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1269 font-size: 24px;
1270 margin: 3px 0;
1271 }
1272 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1273 position: sticky;
1274 left: 0;
1275 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1276 z-index: 10;
1277 background-clip: padding-box !important;
1278 }
1279 .vboverviewtablerow {
1280 height: 30px;
1281 }
1282 .vboverviewtdone {
1283 min-width: 130px !important;
1284 text-align: left !important;
1285 padding-left: 1px;
1286 }
1287 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1288 padding: 10px 10px 0;
1289 vertical-align: top;
1290 }
1291 .vbo-roverv-rplan-restrictions {
1292 font-size: 10px;
1293 position: absolute;
1294 left: 10px;
1295 bottom: 4px;
1296 }
1297 .vbo-roverv-rplan .vbo-rplan-name {
1298 width: 150px;
1299 overflow: hidden;
1300 display: inline-block;
1301 white-space: nowrap;
1302 text-overflow: ellipsis;
1303 font-size: 14px;
1304 }
1305 .vbo-roverv-rplan-haslosrates {
1306 bottom: 3px;
1307 }
1308 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1309 font-size: 10px;
1310 }
1311 .vbo-roverv-gonext-cell {
1312 vertical-align: middle;
1313 padding: 0 10px;
1314 }
1315 .vbcloseroom{
1316 float: right;
1317 text-align: right;
1318 }
1319 .vbcloseroomsp i {
1320 color: var(--vbo-red-color);
1321 padding: 4px;
1322 font-size: 15px;
1323 border-radius: 4px;
1324 margin-right: 3px;
1325 }
1326 .vbcloseroomsp label {
1327 display: inline;
1328 }
1329 .vbordersroomclosed {
1330 color: var(--vbo-red-color);
1331 font-weight: bold;
1332 }
1333 .vbordcancelled {
1334 color: var(--vbo-red-color);
1335 font-weight: bold;
1336 background-position: left center;
1337 background-repeat: no-repeat;
1338 padding: 5px 0 5px 18px;
1339 }
1340 .vbcsvexport {
1341 cursor: pointer;
1342 background: var(--vbo-config-bg-color);
1343 color: var(--vbo-config-titles-color-light);
1344 border-radius: 3px;
1345 display: inline-block;
1346 font-weight: bold;
1347 border: 1px solid var(--vbo-green-color);
1348 font-size: 12px;
1349 margin: 0 3px;
1350 }
1351 .vbcsvexport:hover {
1352 text-decoration: none;
1353 background: var(--vbo-green-color-hover);
1354 color: #fff;
1355 }
1356 .vbcsvexport > i {
1357 background: var(--vbo-green-color);
1358 color: #fff;
1359 padding: 11px 12px;
1360 font-size: 16px;
1361 display: inline-block;
1362 }
1363 .vbcsvexport:hover > i {
1364 background: var(--vbo-green-color-hover);
1365 }
1366 .vbo-perms-operators {
1367 cursor: pointer;
1368 background: var(--vbo-config-bg-color);
1369 color: var(--vbo-config-titles-color-light);
1370 border-radius: 3px;
1371 display: inline-block;
1372 font-weight: bold;
1373 border: 1px solid var(--vbo-blue-color);
1374 font-size: 12px;
1375 margin: 0 3px;
1376 }
1377 .vbo-perms-operators:hover {
1378 text-decoration: none;
1379 background: var(--vbo-blue-color-hover);
1380 color: #fff;
1381 }
1382 .vbo-perms-operators > i {
1383 background: var(--vbo-blue-color);
1384 color: #fff;
1385 padding: 11px 12px;
1386 font-size: 16px;
1387 display: inline-block;
1388 float: left;
1389 }
1390 .vbo-perms-operators:hover > i {
1391 background: var(--vbo-blue-color-hover);
1392 }
1393 .vbo-perms-operators > span {
1394 padding: 9px 12px 0 7px;
1395 display: inline-block;
1396 float: left;
1397 }
1398 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1399 margin: 0 2px;
1400 }
1401 .vbicsexport {
1402 cursor: pointer;
1403 background: var(--vbo-config-bg-color);
1404 color: var(--vbo-config-titles-color-light);
1405 border-radius: 3px;
1406 display: inline-block;
1407 font-weight: bold;
1408 border: 1px solid var(--vbo-orange-color);
1409 font-size: 12px;
1410 }
1411 .vbicsexport > i {
1412 background: var(--vbo-orange-color);
1413 color: #fff;
1414 padding: 10px 12px;
1415 font-size: 16px;
1416 }
1417 .vbicsexport:hover {
1418 text-decoration: none;
1419 background: var(--vbo-orange-color-hover);
1420 color: #fff;
1421 }
1422 .vbicsexport:hover > i {
1423 background: var(--vbo-orange-color-hover);
1424 }
1425 .vbcsvexport > span, .vbicsexport > span {
1426 padding: 9px 12px 0 7px;
1427 display: inline-block;
1428 vertical-align: top;
1429 }
1430 /* VikBooking 1.3 */
1431 .vbrestrdrangesp {
1432 display: inline-block;
1433 min-width: 80px;
1434 }
1435 .vbwdaytwodiv {
1436 margin-left:5px;
1437 }
1438 #vbwdaytwodivid > span {
1439 display: none;
1440 margin: 10px 4px 0 0;
1441 }
1442 .vbwdaycombodiv {
1443 margin-top: 10px;
1444 }
1445 .vbwdaycombodiv .vbwdaycombop > label {
1446 min-width: 125px
1447 }
1448 .vbwdaycombosp {
1449 display: block;
1450 font-weight:bold;
1451 }
1452 .vbwdaycombohelp {
1453 display: block;
1454 font-size:smaller;
1455 }
1456 .vbrestrroomssp {
1457 display: block;
1458 font-weight: bold;
1459 margin-top: 10px;
1460 }
1461 .vbo-bookingdet-noteslogs pre {
1462 word-break: break-all;
1463 white-space: break-spaces;
1464 }
1465 #vbpaymentlogdiv {
1466 display: none;
1467 height: 250px;
1468 margin-top: 5px;
1469 overflow-x: hidden;
1470 overflow-y: auto;
1471 padding: 5px;
1472 }
1473 #vbpaymentlogdiv pre {
1474 border: 1px solid var(--vbo-main-bg-color);
1475 }
1476 .vbordersp {
1477 font-weight:bold;
1478 }
1479 .vbordersphighlight {
1480 background: none repeat scroll 0 0 var(--vbo-base-color);
1481 border: 0 none;
1482 border-radius: 5px;
1483 color: #ffffff;
1484 display: inline-block;
1485 margin: 0 0 0 -1px;
1486 padding: 4px;
1487 }
1488 #vbadminnotesdiv, #vbinvnotesdiv {
1489 display: none;
1490 border-radius: 5px;
1491 min-height: 250px;
1492 max-width: 500px;
1493 margin-top: 5px;
1494 overflow-x: auto;
1495 overflow-y: auto;
1496 padding: 5px;
1497 }
1498 textarea.vbadminnotestarea {
1499 width: 490px !important;
1500 height: 240px !important;
1501 border: 1px solid var(--vbo-main-bg-color);
1502 border-radius: 5px;
1503 padding: 3px;
1504 margin-bottom: 10px;
1505 }
1506 .vbroomparamp {
1507 margin-bottom: 0;
1508 padding-bottom: 6px;
1509 }
1510 .vbroomparamp.vbroomparampactive {
1511 border-left: 1px solid var(--vbo-config-titles-color-light);
1512 }
1513 #defcalcostp {
1514 margin-bottom: 4px;
1515 }
1516 p.vbroomparamp label {
1517 padding-right: 8px;
1518 display: inline-block !important;
1519 min-width: 195px;
1520 }
1521 p.vbroomparamp span {
1522 font-size: smaller;
1523 font-style: italic;
1524 display: inline-block;
1525 padding-left: 8px;
1526 max-width: 300px;
1527 }
1528 .vbapplydiscsp {
1529 float: right;
1530 cursor: pointer;
1531 }
1532 .vbdiscenter {
1533 display: none;
1534 margin-top: 5px;
1535 font-weight: normal;
1536 padding:5px 0 0 0;
1537 border-top:1px solid var(--vbo-config-border-color);
1538 }
1539 .vbdiscenter-entry {
1540 padding:3px 0;
1541 }
1542 .vbdiscenter-label {
1543 font-weight:bold;
1544 display:inline-block;
1545 min-width:50%;
1546 }
1547 .vbdiscenter-entrycentered {
1548 text-align: right;
1549 }
1550 .vbdiscenter-entrycentered input {
1551 background:var(--vbo-green-color);
1552 color:#fff;
1553 border-radius:4px;
1554 }
1555 .vbflushsession {
1556 background: none repeat scroll 0 0 var(--vbo-blue-color);
1557 border: 1px solid var(--vbo-blue-color);
1558 border-radius: 1px;
1559 color: #FFFFFF;
1560 display: inline-block;
1561 font-size: 12px;
1562 padding: 4px 12px;
1563 border-radius: 4px;
1564 text-decoration: none;
1565 }
1566 .vbflushsession:hover {
1567 text-decoration: none;
1568 color: #FFFFFF;
1569 background: var(--vbo-blue-color-hover);
1570 border-color: var(--vbo-blue-color-hover);
1571 }
1572 .vbflushsession:active {
1573 background: var(--vbo-blue-color-hover);
1574 border-color: var(--vbo-blue-color-hover);
1575 color: #fff;
1576 }
1577 .vbotasp {
1578 background: none repeat scroll 0 0 var(--vbo-blue-color);
1579 border: 0 none;
1580 border-radius: 5px;
1581 color: #FFFFFF;
1582 display: inline-block;
1583 font-weight: bold;
1584 margin: 0 3px 0 0;
1585 min-width: 67px;
1586 padding: 4px;
1587 position: relative;
1588 }
1589 .vbotasp:before {
1590 content: "";
1591 height: 20px;
1592 left: -27px;
1593 position: absolute;
1594 top: 0;
1595 width: 20px;
1596 }
1597 .vbexplaination {
1598 font-style: italic;
1599 padding: 5px;
1600 }
1601 .vborderiddata {
1602 margin:10px 0 0 0;
1603 }
1604 .vborderiddata span {
1605 padding: 0 0 0 10px;
1606 }
1607 .vborderdatatab {
1608 line-height:1.4em;
1609 width:80%;
1610 }
1611 .vbordactionlink {
1612 background: none repeat scroll 0 0 var(--vbo-blue-color);
1613 border: 0 none;
1614 border-radius: 5px;
1615 color: #FFFFFF !important;
1616 display: inline-block;
1617 font-weight: bold;
1618 margin: 0 3px 0 0;
1619 padding: 4px;
1620 }
1621 .vbordroominfo {
1622 background: var(--vbo-config-child-bg-color);
1623 border-radius:5px;
1624 border: 1px solid var(--vbo-config-border-color);
1625 padding:10px;
1626 margin:0 0 10px 0;
1627 max-width:400px;
1628 }
1629 .vborderinfoblock {
1630 background: var(--vbo-config-child-bg-color);
1631 border-radius:5px;
1632 border: 1px solid var(--vbo-config-border-color);
1633 padding:10px;
1634 margin:0 0 10px 0;
1635 }
1636 .vbroomselfilter {
1637 margin-right: 5px;
1638 }
1639 .vbmodelink {
1640 border: 1px solid var(--vbo-config-border-color);
1641 border-radius: 3px;
1642 display: inline-block;
1643 color: var(--vbo-config-titles-color-light);
1644 }
1645 .vbmodelink:hover {
1646 border: 1px solid var(--vbo-base-color-hover);
1647 }
1648 .vbmodelink > span {
1649 display: inline-block;
1650 padding: 0 8px 0 3px;
1651 }
1652 .vbmodelink > i {
1653 background: var(--vbo-main-bg-color);
1654 font-size: 15px;
1655 padding: 8px 10px;
1656 border-right: 1px solid var(--vbo-config-border-color);
1657 }
1658 .vbmodelink:hover > i, .vbmodelink:active > i {
1659 background-color: var(--vbo-base-color);
1660 color: #fff;
1661 border-right: 1px solid var(--vbo-base-color);
1662 }
1663 .vbmodelink-active {
1664 background: var(--vbo-config-bg-color) !important;
1665 border-color: var(--vbo-base-color);
1666 color: var(--vbo-base-color);
1667 }
1668 .vbmodelink-active > i {
1669 background: var(--vbo-base-color);
1670 color: #fff;
1671 }
1672 .vbimagedetbox {
1673 border: 1px solid var(--vbo-config-border-color);
1674 border-radius: 3px;
1675 padding: 20px;
1676 position: absolute;
1677 width: 300px;
1678 background-color: var(--vbo-config-bg-color);
1679 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1680 color: var(--vbo-config-title-color);
1681 z-index: 1000;
1682 right: 0;
1683 }
1684 .captionlabel {
1685 padding:0 0 10px;
1686 display:inline-block;
1687 width: 95%;
1688 font-weight: bold;
1689 }
1690 .captionlabel span {
1691 display:block;
1692 margin:0 0 4px 0;
1693 }
1694 .captionlabel input {
1695 border-radius:3px;
1696 padding:2px;
1697 width: 100% !important;
1698 }
1699 .captionsubmit {
1700 background: none repeat scroll 0 0 var(--vbo-green-color);
1701 border: 1px solid var(--vbo-green-color) !important;
1702 border-radius: 2px;
1703 color: #fff;
1704 cursor: pointer;
1705 padding: 10px 14px !important;
1706 line-height: 18px;
1707 font-size: 13px;
1708 }
1709 .captionsubmit:hover {
1710 background-color: var(--vbo-green-color-hover) !important;
1711 }
1712 .captionsubmit:active {
1713 background-color: var(--vbo-green-color-hover) !important;
1714 }
1715 .captionremoveimg {
1716 float: right;
1717 text-align: right;
1718 }
1719 .captionremoveimg span {
1720 float: left;
1721 display: inline-block;
1722 margin: 8px 6px 0px;
1723 }
1724 .captionremoveimg a {
1725 float:left;
1726 display:inline-block;
1727 }
1728 .captionremoveimg .icon-remove {
1729 font-size: 10px;
1730 margin-left: -5px;
1731 margin-right: 5px;
1732 }
1733 .vbheadfourblue {
1734 background: #02679a;
1735 color: #fff;
1736 margin-bottom: -5px !important;
1737 padding: 6px 3px 6px 6px;
1738 border-radius: 3px;
1739 }
1740 .vbswitchrblock {
1741 float: right;
1742 display: block;
1743 padding: 5px;
1744 border: 1px solid #ccc;
1745 border-radius: 3px;
1746 clear: both;
1747 }
1748 .vbswitchrblock select {
1749 margin: 0 !important;
1750 }
1751 .vbo-ebusy-lbl {
1752 display: block;
1753 font-weight: bold;
1754 font-size: larger;
1755 margin-left: 3px;
1756 }
1757 .vbo-ebusy-opt-table tr td {
1758 padding-right: 15px !important;
1759 }
1760 .vbo-ebusy-opt-table tr td:last-child {
1761 text-align: center;
1762 padding: 0 !important;
1763 }
1764 .vbo-ebusy-tars-table tr td {
1765 padding-right: 15px !important;
1766 }
1767 .vbo-ebusy-toggle-aduchild {
1768 border-left: 1px solid rgb(255, 255, 255);
1769 color: #e6e6e6;
1770 cursor: pointer;
1771 display: inline-block;
1772 float: right;
1773 height: 100%;
1774 min-width: 25px;
1775 padding-left: 0.7em;
1776 padding-top: 1px;
1777 padding-bottom: 1px;
1778 }
1779 .vbo-ebusy-rmroom {
1780 border-left: 1px solid rgb(255, 255, 255);
1781 color: #ff0000;
1782 cursor: pointer;
1783 display: inline-block;
1784 float: right;
1785 height: 100%;
1786 min-width: 25px;
1787 padding-left: 0.7em;
1788 padding-top: 1px;
1789 padding-bottom: 1px;
1790 }
1791 .vbo-ebusy-toggle-aduchild-on {
1792 color: #fff;
1793 }
1794 .vbo-ebusy-addextracost {
1795 margin-left: 50px;
1796 }
1797 .vbo-ebusy-extracosts-table tr {
1798 border-bottom:1px solid #ddd;
1799 background: #eee;
1800 }
1801 .vbo-ebusy-extracosts-table td {
1802 padding: 10px !important;
1803 }
1804 .vbo-ebusy-extracosts-table td input {
1805 margin-bottom: 0;
1806 }
1807 .vbo-ebusy-extracosts-cellrm {
1808 vertical-align: top;
1809 }
1810 .vbo-ebusy-extracosts-cellrm .btn {
1811 margin: 0;
1812 }
1813 .vbo-ebusy-extracosts-celltax select {
1814 margin: 0 !important;
1815 }
1816 .vbo-add-room-overlay {
1817 padding: 10px 10px 20px;
1818 }
1819 .vbo-add-room-overlay .vbo-add-room-entry {
1820 display: flex;
1821 flex-wrap: wrap;
1822 width: 100%;
1823 }
1824 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1825 display: block;
1826 width: 100% !important;
1827 max-width: 100%;
1828 }
1829 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1830 display: inline-block;
1831 vertical-align: top;
1832 flex: 1;
1833 margin: 8px 0;
1834 }
1835 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1836 margin-right: 20px;
1837 }
1838 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1839 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1840 width: 100% !important;
1841 box-sizing: border-box;
1842 height: auto;
1843 }
1844 /* START: VikBooking v1.6 */
1845 .add-tax-breakdown-cont {
1846 margin-bottom: 0;
1847 border: 1px solid var(--vbo-config-border-color);
1848 padding: 10px;
1849 border-radius: 4px;
1850 margin: 4px 0 10px;
1851 display: flex;
1852 flex-wrap: wrap;
1853 }
1854 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1855 margin-left: auto;
1856 order: 3;
1857 align-self: end;
1858 }
1859 .add-tax-breakdown-cont > div {
1860 display: inline-block;
1861 vertical-align: top;
1862 margin: 3px 0;
1863 }
1864 .add-tax-breakdown-cont .add-tax-breakdown-name {
1865 flex-basis: 100%;
1866 }
1867 .add-tax-breakdown-cont div span {
1868 display: inline-block;
1869 min-width: 100px;
1870 }
1871 .add-tax-breakdown-cont .add-tax-breakdown-rate {
1872 display: block;
1873 }
1874 .add-tax-breakdown-remove {
1875 cursor: pointer;
1876 font-size: 20px;
1877 }
1878 .vbo-select-all {
1879 display: block;
1880 width: 180px;
1881 margin: 0 0 5px 0;
1882 padding: 5px 2px;
1883 background: var(--vbo-basic-btn);
1884 border: 1px solid var(--vbo-config-border-color);
1885 cursor: pointer;
1886 text-align: center;
1887 }
1888 .vbo-select-all:hover {
1889 background: var(--vbo-basic-btn-hover);
1890 }
1891 #vbo-pkg-calcexcld {
1892 display: inline-block;
1893 margin-right: 10px;
1894 }
1895 #vbo-pkg-excldates-td {
1896 display: inline-block;
1897 vertical-align: top;
1898 }
1899 #vbo-pkg-excldates-td select {
1900 height: 90px !important;
1901 }
1902 .promotr {
1903 display: none;
1904 }
1905 #promovalidity {
1906 display: inline-block;
1907 padding-left: 5px;
1908 }
1909 /* END: VikBooking v1.6 */
1910 /* Back-end Menu */
1911 .vbo-menu-container {
1912 display: flex;
1913 align-items: flex-start;
1914 margin-bottom: 50px;
1915 }
1916 .vbo-menu-container-closer {
1917 margin-bottom: 10px;
1918 }
1919 .vbo-menu-left {
1920 float: left;
1921 display: inline-block;
1922 margin-right: 15px;
1923 max-width: 150px;
1924 border-radius: 5px;
1925 padding: 10px;
1926 margin-top: -10px;
1927 }
1928 .vbo-menu-left:hover {
1929 background: #ddd;
1930 }
1931 .vbo-menu-left img {
1932 max-width: 100%;
1933 border: 0;
1934 position: relative;
1935 display: inline-block;
1936 -webkit-transform: translateZ(0);
1937 -moz-transform: translateZ(0);
1938 transform: translateZ(0);
1939 }
1940 .vbo-menu-left a {
1941 position: relative;
1942 display: block;
1943 overflow: hidden;
1944 }
1945 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
1946 text-decoration: none;
1947 }
1948 .vbo-menu-left a:after {
1949 opacity: 0;
1950 }
1951 .vbo-menu-left a:hover:after {
1952 animation: shine 5s ease-in-out infinite;
1953 animation-fill-mode: forwards;
1954 content: "";
1955 position: absolute;
1956 top: -110%;
1957 left: -210%;
1958 width: 100%;
1959 height: 200%;
1960 opacity: 0;
1961 transform: rotate(30deg);
1962
1963 background: rgba(255, 255, 255, 0.13);
1964 background: linear-gradient(
1965 to right,
1966 rgba(255, 255, 255, 0.13) 0%,
1967 rgba(255, 255, 255, 0.13) 77%,
1968 rgba(255, 255, 255, 0.5) 92%,
1969 rgba(255, 255, 255, 0.0) 100%
1970 );
1971 }
1972 @keyframes shine{
1973 10% {
1974 opacity: 1;
1975 top: -60%;
1976 left: -20%;
1977 transition-property: left, top, opacity;
1978 transition-duration: 0.7s, 0.7s, 0.15s;
1979 transition-timing-function: ease;
1980 }
1981 100% {
1982 opacity: 0;
1983 top: -60%;
1984 left: -20%;
1985 transition-property: left, top, opacity;
1986 }
1987 }
1988 .vbo-menu-right {
1989 flex: 1;
1990 background: #22485d;
1991 border-radius: 6px;
1992 }
1993 .vbo-menu-right ul {
1994 list-style-type: none;
1995 margin: 0;
1996 padding: 0 0 0 2px;
1997 }
1998 .vbo-menu-right > .vbo-menu-ul {
1999 display: inline-block;
2000 }
2001 .vbo-menu-updates {
2002 float: right;
2003 display: inline-block;
2004 }
2005 .vbo-menu-updates > button {
2006 float: right;
2007 display: inline-block;
2008 background: #3f708b;
2009 color: #fff;
2010 font-weight: bold;
2011 border: 1px solid #3f708b;
2012 padding: 13px 15px;
2013 border-radius: 36px;
2014 margin: 7px 8px 6px 2px;
2015 }
2016 .vbo-menu-updates button span {
2017 max-width: 120px;
2018 white-space: nowrap;
2019 overflow: hidden;
2020 text-overflow: ellipsis;
2021 display: inline-block;
2022 vertical-align: top;
2023 }
2024 .vbo-menu-updates button i {
2025 display: inline-block;
2026 vertical-align: middle;
2027 margin-right: 5px;
2028 }
2029 .vbo-menu-updates button.vbo-multitasking-apps i {
2030 margin-right: 0;
2031 vertical-align: middle;
2032 }
2033 .vbo-menu-updates.vbo-menu-needupdate button {
2034 background: var(--vbo-green-color);
2035 border: 1px solid var(--vbo-green-color);
2036 }
2037 .vbo-submenu-wrap {
2038 background: var(--vbo-config-bg-color);
2039 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2040 min-width: 180px;
2041 padding: 5px 0;
2042 border-radius: 10px;
2043 margin: 0;
2044 position: absolute;
2045 z-index: 100;
2046
2047 visibility: hidden;
2048 opacity: 0;
2049 transform: scale(0.99) translateY(-0.7em);
2050 transform-origin: top;
2051 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2052 transition-duration: 500ms;
2053 transition-property: opacity,transform;
2054 }
2055 @media screen and (min-width: 1012px) {
2056 .vbo-submenu-wrap {
2057 width: 230px;
2058 padding: 22px;
2059 }
2060 .vbo-submenu-wrap-multi {
2061 width: 400px;
2062 display: flex;
2063 }
2064 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2065 padding-right: 10px;
2066 min-width: 45%;
2067 border-right: 1px solid var(--vbo-config-border-color);
2068 }
2069 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2070 padding-left: 22px;
2071 }
2072 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2073 right: 0;
2074 }
2075 }
2076 @media screen and (max-width: 1012px) {
2077 .vbo-submenu-wrap {
2078 padding: 15px 20px;
2079 }
2080 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2081 border-bottom: 1px solid var(--vbo-config-border-color);
2082 padding-bottom: 10px;
2083 }
2084 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2085 margin-top: 10px;
2086 }
2087 }
2088 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2089 visibility: visible;
2090 opacity: 1;
2091 transform: scale(1) translateY(0);
2092 }
2093 .vbo-menu-ul li {
2094 display: inline-block;
2095 text-align: left;
2096 position: relative;
2097 padding: 5px 4px;
2098 }
2099 .vbo-submenu-wrap ul li {
2100 display: block;
2101 width: 100%;
2102 line-height: initial;
2103 padding: 0;
2104 }
2105 .vbo-submenu-wrap li > div {
2106 display: block;
2107 font-size: 14px;
2108 }
2109 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2110 font-weight: bold;
2111 font-size: 15px;
2112 margin-bottom: 5px;
2113 }
2114 .vbo-menu-parent-li > span {
2115 display: inline-block;
2116 color:#ffffff;
2117 cursor: pointer;
2118 padding: 14px 22px;
2119 font-size: 14px;
2120 font-weight: bold;
2121 position: relative;
2122 border-radius: 8px;
2123 }
2124 .vbo-menu-parent-li > span a {
2125 color: #fff !important;
2126 }
2127 .vbo-menu-parent-li > span a:hover {
2128 text-decoration: none !important;
2129 }
2130 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2131 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2132 transition-duration: 500ms;
2133 transition-property: opacity,transform;
2134 font-size: 12px;
2135 opacity: .7;
2136 margin-left: 4px;
2137 }
2138 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2139 transform: translateY(2px);
2140 }
2141 .vbo-menu-parent-li-active > span {
2142 background: #c2880e;
2143 }
2144 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2145 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2146 background: #3f708b;
2147 }
2148 .vbo-menu-parent-li > span > i {
2149 margin-left: -2px;
2150 margin-right: 7px;
2151 font-size: 17px;
2152 }
2153 .vbo-submenu-wrap li {
2154 margin: 0;
2155 }
2156 .vbo-submenu-wrap li > div a {
2157 padding: 8px 0;
2158 display: flex;
2159 }
2160 .vbo-submenu-wrap li > div a i {
2161 margin-right: 6px;
2162 margin-top: 2px;
2163 font-size: 16px;
2164 color: var(--vbo-config-titles-color-light);
2165 min-width: 22px;
2166 }
2167 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2168 display: inline-block;
2169 margin-right: 8px;
2170 }
2171 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2172 max-width: 100%;
2173 border-radius: 50%;
2174 object-fit: cover;
2175 height: 20px;
2176 width: 20px;
2177 }
2178 .vbo-submenu-wrap li .vbo-submenu-item {
2179 line-height: 1.4em;
2180 }
2181 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2182 display: block;
2183 }
2184 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2185 font-weight: bold;
2186 font-size: 16px;
2187 }
2188 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2189 font-size: 14px;
2190 color: var(--vbo-config-titles-color-light);
2191 }
2192 .vbo-submenu-wrap li:first-child a {
2193 padding-top: 0;
2194 }
2195 .vbo-submenu-wrap li:last-child a {
2196 padding-bottom: 0;
2197 }
2198 .vmenulink a {
2199 display: block;
2200 }
2201 .vmenulink a {
2202 color: var(--vbo-body-text-color) !important;
2203 }
2204 .vmenulinkactive a {
2205 display: block;
2206 color: var(--vbo-contrast-text-color) !important;
2207 }
2208 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2209 text-decoration: none;
2210 color: var(--vbo-base-color) !important;
2211 }
2212 .vbo-submenu-helper-ul > li > .vmenulink {
2213 display: flex;
2214 padding: 8px 0;
2215 }
2216 .vbo-submenu-helper-ul > li div a {
2217 padding: 0;
2218 margin-right: 13px;
2219 }
2220 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2221 align-self: center;
2222 margin-left: auto;
2223 font-size: 12px;
2224 display: inline-block;
2225 padding: 2px 3px;
2226 cursor: pointer;
2227 }
2228 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2229 opacity: 0;
2230 }
2231 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2232 color: var(--vbo-base-color);
2233 opacity: .7;
2234 }
2235 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2236 opacity: 1;
2237
2238 transition: all 200ms ease-in-out 200ms;
2239 -moz-transition: all 200ms ease-in-out 200ms;
2240 -webkit-transition: all 200ms ease-in-out 200ms;
2241 -o-transition: all 200ms ease-in-out 200ms;
2242 }
2243 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2244 color: var(--vbo-config-text-color-light);
2245 }
2246 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2247 opacity: 1;
2248 color: var(--vbo-base-color);
2249 }
2250
2251
2252 /* END Back-end Menu */
2253 .vbo-config-warn {
2254 display: block;
2255 font-style: italic;
2256 margin: 5px 0 0;
2257 }
2258 /* Bookings List - Begin */
2259 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2260 vertical-align: middle;
2261 font-size: 13px;
2262 }
2263 table.vbo-list-table tbody tr .vbo-highlighted-td {
2264 font-weight: bold;
2265 }
2266 .vbo-coupon-use-count a {
2267 display: inline-block;
2268 background: var(--vbo-base-color);
2269 padding: 0 5px;
2270 border-radius: 4px;
2271 color: var(--vbo-contrast-text-color);
2272 }
2273 .vbo-coupon-use-count a:hover {
2274 background: var(--vbo-base-color-hover);
2275 color: var(--vbo-contrast-text-color);
2276 }
2277 .vbo-list-table .btn {
2278 white-space: nowrap;
2279 }
2280 .vbo-list-table .btn i {
2281 margin-right: 3px;
2282 }
2283 a.vbo-bookingslist-viewdet-link {
2284 display: inline-block;
2285 cursor: pointer;
2286 color: #fff;
2287 min-width: 60%;
2288 }
2289 a.vbo-bookingslist-viewdet-link:hover {
2290 text-decoration: none;
2291 }
2292 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2293 border-radius: 50%;
2294 object-fit: cover;
2295 border: 1px solid var(--vbo-config-border-color);
2296 display: inline-block;
2297 vertical-align: top;
2298 width: 32px;
2299 height: 32px;
2300 line-height: 30px;
2301 font-weight: bold;
2302 margin: 2px 0;
2303 }
2304 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2305 display: inline-block;
2306 line-height: initial;
2307 }
2308 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2309 width: 20px;
2310 height: 20px;
2311 vertical-align: middle;
2312 object-fit: cover;
2313 }
2314 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2315 line-height: 34px;
2316 }
2317 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2318 border-radius: 50%;
2319 margin: 2px;
2320 width: 32px;
2321 height: 32px;
2322 text-align: center;
2323 }
2324 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2325 width: 20px;
2326 height: 20px;
2327 object-fit: cover;
2328 }
2329 .vbo-room-sharedcalendar {
2330 border: 1px solid var(--vbo-config-border-color);
2331 padding: 3px 6px;
2332 border-radius: 4px;
2333 background: var(--vbo-basic-btn);
2334 display: inline-block;
2335 margin-right: 3px;
2336 }
2337 .vbo-allbookings-fm, .vbo-list-form {
2338 background: var(--vbo-main-bg-color);
2339 }
2340 form[name="invoicesform"] {
2341 margin-bottom: 0;
2342 }
2343 form[name="invoicesform"] .btn-toolbar {
2344 margin-bottom: 0;
2345 }
2346 .vbo-allbookings-fm .btn-group {
2347 position: relative;
2348 }
2349 .vbo-list-form {
2350 padding-top: 10px;
2351 }
2352 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2353 margin-top: 0 !important;
2354 height: auto !important;
2355 background: var(--vbo-toolbar-bg-color);
2356 padding: 10px;
2357 box-sizing: border-box;
2358 }
2359 .vbo-allbookings-fm #vbo-search-tools-cont {
2360 margin-top: 5px;
2361 height: auto !important;
2362 padding: 10px;
2363 box-sizing: border-box;
2364 }
2365 .vbo-btn-toolbar #filter-bar {
2366 margin-top: 0;
2367 }
2368 .vbo-btn-toolbar .btn[type="submit"],
2369 .vbo-btn-toolbar .btn[type="button"] {
2370 padding: 8px 15px;
2371 box-shadow: none;
2372 border-color: var(--vbo-config-border-color);
2373 }
2374 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2375 font-weight: bold;
2376 }
2377 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2378 font-weight: normal;
2379 }
2380 .vbo-btn-toolbar .field-calendar .input-append,
2381 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2382 margin-bottom: 0;
2383 }
2384 .vbo-btn-toolbar .input-append .btn {
2385 padding: 8px 12px;
2386 border: 1px solid var(--vbo-config-border-color);
2387 border-radius: 0 2px 2px 0;
2388 }
2389 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2390 background: var(--vbo-blue-color);
2391 border: 1px solid var(--vbo-blue-color);
2392 color: #fff;
2393 padding: 7.5px 15px;
2394 }
2395 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2396 background: var(--vbo-config-bg-color);
2397 border-color: var(--vbo-blue-color)6;
2398 color: var(--vbo-blue-color);
2399 }
2400 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2401 border-top: 4px solid #fff !important;
2402 border-bottom: 0 !important;
2403 border-right: 4px solid transparent;
2404 border-left: 4px solid transparent;
2405 margin-left: 4px;
2406 }
2407 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2408 background: var(--vbo-config-bg-color);
2409 border-color: var(--vbo-blue-color);
2410 color: var(--vbo-blue-color);
2411 }
2412 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2413 border-bottom: 4px solid #fff !important;
2414 border-top: 0 !important;
2415 border-right: 4px solid transparent;
2416 border-left: 4px solid transparent;
2417 }
2418 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2419 border-top: 4px solid var(--vbo-blue-color) !important;
2420 border-bottom: 0 !important;
2421 border-right: 4px solid transparent;
2422 border-left: 4px solid transparent;
2423 }
2424 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2425 border-bottom: 4px solid #fff !important;
2426 border-top: 0 !important;
2427 border-right: 4px solid transparent;
2428 border-left: 4px solid transparent;
2429 }
2430 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2431 font-weight: normal;
2432 font-size: 14px !important;
2433 border: 1px solid var(--vbo-config-border-color) !important;
2434 border-radius: 2px !important;
2435 background: var(--vbo-input-style);
2436 }
2437 .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 {
2438 padding: 4px 5px;
2439 display: inherit;
2440 }
2441 .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 {
2442 display: inline-block;
2443 margin-left: 3px;
2444 margin-right: 0;
2445 width: 18px;
2446 height: 18px;
2447 line-height: 15px;
2448 font-size: 16px;
2449 text-align: center;
2450 border-radius: 50%;
2451 color: var(--vbo-config-titles-color-light);
2452 float: right;
2453 }
2454 .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 {
2455 background: var(--vbo-config-border-color);
2456 color: var(--vbo-config-titles-color-light);
2457 }
2458 .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 {
2459 height: 36px;
2460 }
2461 .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 {
2462 background-color: #b6d8ee;
2463 border: 1px solid #b8d1e1;
2464 border-radius: 30px;
2465 padding: 5px 10px;
2466 color: var(--vbo-base-color);
2467 font-weight: bold;
2468 font-size: 12px;
2469 }
2470 .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 {
2471 display: inline-block;
2472 margin-left: 3px;
2473 margin-right: 0;
2474 width: 18px;
2475 height: 18px;
2476 line-height: 15px;
2477 font-size: 16px;
2478 text-align: center;
2479 border-radius: 50%;
2480 color: var(--vbo-base-color);
2481 float: right;
2482 }
2483 .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 {
2484 background: var(--vbo-base-color-hover);
2485 color: #fff;
2486 }
2487 .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 {
2488 margin-top: 5px;
2489 margin-bottom: 5px !important;
2490 padding: 0;
2491 }
2492
2493 .vbo-list-form-filters {
2494 padding: 10px 20px;
2495 }
2496 .vbo-list-form-filters form {
2497 margin-bottom: 0;
2498 display: flex;
2499 flex-wrap: wrap;
2500 }
2501 .vbo-list-form-filter-select {
2502 display: inline-block;
2503 margin-right: 10px;
2504 }
2505 .vbo-list-form-filters form > .vbo-right-btn-container {
2506 margin-left: auto;
2507 align-self: end;
2508 }
2509 .vbo-avov-toolbar select {
2510 margin-bottom: 0;
2511 border-radius: 2px;
2512 border: 1px solid var(--vbo-config-border-color);
2513 padding: 8px 10px;
2514 height: inherit;
2515 }
2516 #vbo-search-tools-cont {
2517 width: 100%;
2518 display: inline-block;
2519 padding: 0px !important;
2520 }
2521 .pagination.pagination-toolbar {
2522 margin-bottom: 20px;
2523 }
2524 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2525 width: 98%;
2526 margin: 10px auto 20px;
2527 border-radius: 10px;
2528 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2529 }
2530 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2531 margin-bottom: 0;
2532 }
2533 .vbo-list-form .table-responsive table {
2534 margin-top: 0;
2535 }
2536 .vbo-orders-review-link {
2537 display: inline-block;
2538 margin-left: 5px;
2539 }
2540 .vbo-orders-review-link a {
2541 color: #ffbd3f;
2542 }
2543 .vbo-bookslist-snapshot {
2544 cursor: pointer;
2545 }
2546 .vbo-bookslist-snapshot:hover {
2547 background-color: var(--vbo-blue-color-hover);
2548 }
2549 .vbo-orders-substatus {
2550 margin-top: 2px;
2551 }
2552 .vbo-orders-substatus .label {
2553 border-radius: 10px;
2554 }
2555 /* Search Tools Caret - Start */
2556 .btn-primary .caret {
2557 border-top: 0;
2558 border-bottom: 4px solid #FFF !important;
2559 margin-top: 7px;
2560 margin-bottom: 8px;
2561 }
2562 /* Search Tools Caret - End */
2563 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2564 color: var(--vbo-config-titles-color-light);
2565 }
2566 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2567 margin-left: 5px;
2568 }
2569 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2570 .vbo-bookingslist-table thead th a:hover,
2571 .vbo-list-table thead th .vbo-list-activesort,
2572 .vbo-list-table thead th a:hover {
2573 color: var(--vbo-base-color);
2574 text-decoration: none;
2575 }
2576 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2577 font-size: 14px;
2578 font-weight: bold;
2579 color: var(--vbo-config-titles-color-light);
2580 vertical-align: baseline;
2581 white-space: nowrap;
2582 }
2583 .vbo-bookingslist-viewdet:hover {
2584 color: var(--vbo-base-color-hover);
2585 }
2586 .vbo-bookingslist-viewdet-date {
2587 display: block;
2588 }
2589 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2590 font-size: 11px;
2591 font-weight: bold;
2592 color: var(--vbo-config-titles-color-light);
2593 }
2594 .vbo-bookingslist-viewdet-time span {
2595 display: inline-block;
2596 }
2597 .vbo-bookingslist-booktime-hour {
2598 color: var(--vbo-base-color);
2599 }
2600 .vbo-bookingslist-booktime-twrap {
2601 display: inline-block;
2602 min-width: 60px;
2603 }
2604 .vbo-bookingslist-roomunit {
2605 display: block;
2606 font-size: smaller;
2607 color: var(--vbo-config-titles-color-light);
2608 }
2609 .vbo-bookingslist-booktime-checkedin {
2610 display: inline-block;
2611 color: var(--vbo-green-color);
2612 }
2613 .vbo-bookingslist-booktime-checkedout {
2614 display: inline-block;
2615 color: var(--vbo-green-color);
2616 }
2617 .vbo-bookingslist-booktime-noshow {
2618 display: inline-block;
2619 color: var(--vbo-red-color);
2620 }
2621 .vbo-bookingslist-viewdet-fulldate {
2622 display: inline-block;
2623 margin-right: 15px;
2624 }
2625 .vbo-bookingslist-viewdet-open {
2626 float: right;
2627 }
2628 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2629 min-width: 20px;
2630 margin-right: -3px;
2631 }
2632 .vbo-provenience {
2633 display: inline-block;
2634 min-width: 85px;
2635 border: 0;
2636 border-radius: 3px;
2637 margin: 0 3px 0 0;
2638 padding: 7px 5px;
2639 color: var(--vbo-base-color);
2640 font-weight: bold;
2641 position: relative;
2642 font-size: 16px;
2643 word-break: break-all;
2644 }
2645 span.label.vbo-status-label {
2646 padding: 5px 14px !important;
2647 font-size: 12px;
2648 border-radius: 24px;
2649 letter-spacing: .3px;
2650 min-width: 70px;
2651 text-align: center;
2652 }
2653 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2654 background-color: var(--vbo-green-color);
2655 }
2656 span.vbo-label-small, .vbo-label-small {
2657 padding: 5px 8px !important;
2658 font-size: 11px;
2659 line-height: 14px;
2660 }
2661 .vbo-bookingslist-total-totpaid {
2662 font-size: 11px;
2663 font-weight: bold;
2664 }
2665 .vbo-bookingslist-total-refunded {
2666 color: var(--vbo-red-color);
2667 display: inline-block;
2668 margin-left: 4px;
2669 }
2670 .vbo-admin-tipsicon i {
2671 font-size: 20px;
2672 color: var(--vbo-config-titles-color-light);
2673 }
2674 .vbo-admin-notes-icn {
2675 cursor: pointer;
2676 }
2677 .vbo-admin-invoiceicon i {
2678 font-size: 20px;
2679 color: var(--vbo-config-titles-color-light);
2680 }
2681 .vbo-timeline-content {
2682 background: var(--vbo-config-bg-color);
2683 }
2684 .vbo-bookings-guestmessages-bubble-cont i {
2685 font-size: 20px;
2686 color: var(--vbo-config-titles-color-light);
2687 position: relative;
2688 }
2689 .vbo-bookings-guestmessages-bubble-cont i:after {
2690 position: absolute;
2691 content: attr(data-message-count);
2692 width: 20px;
2693 height: 20px;
2694 border-radius: 50%;
2695 background: var(--vbo-red-color);
2696 color: #fff;
2697 font-weight: bold;
2698 font-size: 11px;
2699 line-height: 20px;
2700 font-family: Arial;
2701 top: -7px;
2702 right: -11px;
2703 text-align: center;
2704 }
2705 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2706 display:none;
2707 }
2708 #vbo-geninv-form .vbo-calendar-cfield-entry {
2709 margin: 15px 0;
2710 }
2711 .vbo-info-overlay-content-invoices h4 {
2712 font-size: 20px;
2713 border-bottom: 1px solid var(--vbo-config-border-color);
2714 padding-bottom: 10px;
2715 }
2716 /* Bookings List - End */
2717 /* Rates, Restrictions and Seasons Calendar - Begin */
2718 .vbo-warning {
2719 margin: 10px 0px;
2720 padding: 12px;
2721 color: var(--vbo-orange-color);
2722 border: 1px solid var(--vbo-orange-color);
2723 background-color: var(--vbo-config-bg-color);
2724 }
2725 .vbo-ratesoverview-top-container {
2726 background: var(--vbo-config-child-bg-color);
2727 padding-bottom: 20px;
2728 padding-top: 20px;
2729 }
2730 .vbo-ratesoverview-right-block {
2731 float: right;
2732 }
2733 .vbo-ratesoverview-right-inner {
2734 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2735 border: 1px solid var(--vbo-config-border-color);
2736 border-radius: 3px;
2737 display: none;
2738 margin-left: 20px;
2739 min-height: 60px;
2740 padding: 10px 10px;
2741 position: relative;
2742 vertical-align: top;
2743 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2744 margin-bottom: 10px;
2745 }
2746 .vbo-ratesoverview-vcmwarn-close {
2747 cursor: pointer;
2748 position: absolute;
2749 right: -8px;
2750 top: -8px;
2751 }
2752 .vbo-ratesoverview-vcmwarn-close i {
2753 color: var(--vbo-red-color);
2754 font-size: 16px;
2755 margin: 0;
2756 }
2757 .vbo-ratesoverview-vcmwarn-count {
2758 display: block;
2759 padding: 5px 5px 0;
2760 text-align: center;
2761 }
2762 .vbo-ratesoverview-vcmwarn-count i {
2763 color: var(--vbo-blue-color);
2764 }
2765 .vbo-ratesoverview-vcmwarn-open {
2766 display: block;
2767 text-align: center;
2768 margin-top: 10px;
2769 }
2770 .vbo-ratesoverview-roomsel-block {
2771 margin: 0 20px;
2772 }
2773 .vbo-ratesoverview-roomsel-block > form {
2774 display: flex;
2775 margin-bottom: 0;
2776 background: var(--vbo-config-child-bg-color);
2777 border: 1px solid var(--vbo-config-border-color);
2778 border-bottom-color: var(--vbo-config-border-color);
2779 border-bottom-style: solid;
2780 border-bottom-width: 1px;
2781 border-radius: 4px;
2782 border-bottom: 2px solid var(--vbo-config-border-color);
2783 box-shadow: 0 0 10px rgba(0,0,0,.1);
2784 }
2785 .vbo-ratesoverview-roomsel-block label {
2786 display: block;
2787 font-weight: bold;
2788 margin-bottom: 9px;
2789 }
2790 .vbo-ratesoverview-roomsel-entry {
2791 display: inline-block;
2792 vertical-align: top;
2793 background: var(--vbo-config-bg-color);
2794 padding: 15px;
2795 flex: 1;
2796 flex-basis: auto;
2797 }
2798 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2799 font-size: 16px;
2800 }
2801 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2802 color: var(--vbo-config-titles-color-light);
2803 font-size: 14px;
2804 margin-right: 5px;
2805 }
2806 .vbo-ratesoverview-roomsel-entry-forecast {
2807 flex-basis: 35%;
2808 }
2809 .vbo-ratesoverview-roomsel-entry-forecast > label {
2810 float: left;
2811 }
2812 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2813 margin-bottom: 20px;
2814 display: flex;
2815 justify-content: flex-end;
2816 }
2817 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2818 width: 36%;
2819 float: left;
2820 display: inline-block;
2821 }
2822 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2823 width: 100%;
2824 }
2825 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2826 padding: 10px 20px;
2827 }
2828 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2829 margin-bottom: 5px;
2830 }
2831 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2832 font-size: 22px;
2833 }
2834 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2835 width: 57% !important;
2836 height: auto !important;
2837 }
2838 .vbo-reportwidget-ratesoverv .chart-line-legend {
2839 margin-left: 0;
2840 }
2841 .vbo-ratesoverview-roomsel-entry-los {
2842 border-left: 1px solid var(--vbo-config-border-color);
2843 }
2844 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2845 flex-basis: 18%;
2846 border-right: 1px solid var(--vbo-config-border-color);
2847 background-color: var(--vbo-config-bg-color);
2848 border-top-left-radius: 4px;
2849 border-bottom-left-radius: 4px;
2850 }
2851 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2852 margin-bottom: 0;
2853 border-radius: 2px;
2854 border: 1px solid var(--vbo-config-border-color);
2855 padding: 8px 10px;
2856 height: inherit;
2857 }
2858 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2859 margin-bottom: 0;
2860 }
2861 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
2862 width: 80% !important;
2863 }
2864 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
2865 border: 0;
2866 background: transparent;
2867 }
2868 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2869 padding: 0;
2870 }
2871 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice {
2872 background-color: #b6d8ee;
2873 border: 1px solid #b8d1e1;
2874 border-radius: 30px;
2875 padding: 5px 10px;
2876 color: #2d5593;
2877 font-weight: bold;
2878 }
2879 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2880 display: inline-block;
2881 margin-left: 3px;
2882 margin-right: 0;
2883 width: 18px;
2884 height: 18px;
2885 line-height: 15px;
2886 font-size: 16px;
2887 text-align: center;
2888 border-radius: 50%;
2889 color: var(--vbo-base-color);
2890 float: right;
2891 }
2892 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2893 background: var(--vbo-base-color);
2894 color: #fff;
2895 }
2896 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
2897 width: 100%;
2898 }
2899 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
2900 width: 98% !important;
2901 background: var(--vbo-config-bg-color);
2902 border: 1px solid var(--vbo-config-border-color);
2903 border-radius: 2px;
2904 padding: 8px 10px;
2905 }
2906 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
2907 vertical-align: bottom;
2908 margin-bottom: 16px;
2909 }
2910 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
2911 border: 0;
2912 }
2913 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
2914 border-right: 1px solid var(--vbo-config-border-color);
2915 flex-basis: calc(53%);
2916 }
2917 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
2918 line-height: 35px;
2919 }
2920 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
2921 font-weight: normal;
2922 font-size: 14px;
2923 }
2924 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
2925 height: 36px;
2926 border: 1px solid var(--vbo-config-border-color);
2927 border-radius: 2px;
2928 }
2929 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
2930 height: 36px;
2931 }
2932 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
2933 background: var(--vbo-config-bg-color);
2934 border: 1px solid var(--vbo-config-border-color);
2935 border-radius: 2px;
2936 padding: 8px 10px;
2937 width: 70% !important;
2938 }
2939 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
2940 padding: 8px 10px;
2941 border-radius: 0 2px 2px 0;
2942 border: 1px solid var(--vbo-config-border-color);
2943 }
2944 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
2945 margin-right: 0;
2946 }
2947 .vbo-ratesoverview-roomsel-entry .select2-container {
2948 margin-bottom: 9px;
2949 min-width: 200px;
2950 }
2951 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
2952 display: none;
2953 }
2954 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
2955 flex-basis: 100%;
2956 }
2957 .vbo-ratesoverview-entryinline {
2958 display: inline-block;
2959 margin-right: 5px;
2960 vertical-align: top;
2961 }
2962 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
2963 min-width: 110px;
2964 }
2965 .vbo-ratesoverview-rcalc-srooms {
2966 display: block;
2967 }
2968 .vbo-ratesoverview-numnight {
2969 display: inline-block;
2970 padding: 2px 8px;
2971 margin-right: 13px;
2972 border-radius: 3px;
2973 border: 1px solid var(--vbo-base-color);
2974 color: var(--vbo-base-color);
2975 position: relative;
2976 font-weight: bold;
2977 }
2978 .vbo-ratesoverview-numnight:after {
2979 background: var(--vbo-red-color) none repeat scroll 0 0;
2980 border-radius: 50%;
2981 color: #fff;
2982 content: "x";
2983 cursor: pointer;
2984 font-size: 11px;
2985 height: 16px;
2986 line-height: 14px;
2987 position: absolute;
2988 right: -15px;
2989 text-align: center;
2990 top: -9px;
2991 width: 16px;
2992 border: 2px solid #fff;
2993 }
2994 .vbo-ratesoverview-numnight:hover:after {
2995 background-color: var(--vbo-red-color);
2996 }
2997 .vbo-ratesoverview-numnight:active:after {
2998 background-color: var(--vbo-red-color-hover);
2999 }
3000 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3001 width: 35px !important;
3002 margin: 0 0 0 5px;
3003 display: inline-block;
3004 }
3005 #vbo-addnumnight-act {
3006 cursor: pointer;
3007 display: inline-block;
3008 margin-top: 10px;
3009 vertical-align: top;
3010 }
3011 #vbo-addnumnight-act i {
3012 color: var(--vbo-green-color);
3013 font-size: 18px;
3014 }
3015 .vbo-apply-los-btn {
3016 margin-left: 10px;
3017 }
3018 .vbo-seasons-calendar-table {
3019 width: 100%;
3020 margin-bottom: 0 !important;
3021 }
3022 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3023 background: var(--vbo-config-child-bg-color);
3024 border-top: 0 !important;
3025 padding: 15px 0;
3026 }
3027 tr.vbo-seasons-calendar-nightsrow td:first-child {
3028 width: 20%;
3029 }
3030 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3031 text-align: center;
3032 }
3033 tr.vbo-seasons-calendar-nightsrow td span {
3034 font-weight: bold;
3035 font-size: 15px;
3036 }
3037 tr.vbo-seasons-calendar-offseasonrow {
3038 border-bottom: 1px solid var(--vbo-basic-btn);
3039 }
3040 tr.vbo-seasons-calendar-offseasonrow td {
3041 height: 40px;
3042 }
3043 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3044 text-align: center;
3045 }
3046 tr.vbo-seasons-calendar-seasonrow {
3047 border-bottom: 1px solid var(--vbo-basic-btn);
3048 }
3049 tr.vbo-seasons-calendar-seasonrow td {
3050 height: 40px;
3051 }
3052 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3053 text-align: center;
3054 }
3055 .vbo-seasons-calendar-offseasonname {
3056 font-style: italic;
3057 font-size: 15px;
3058 }
3059 .vbo-seasons-calendar-offseasoncosts {
3060 display: block;
3061 }
3062 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3063 display: block;
3064 margin: 8px 0;
3065 }
3066 .vbo-seasons-calendar-seasoncost-notaffected {
3067 opacity: 0.3;
3068 }
3069 .vbo-seasons-calendar-pricename {
3070 display: block;
3071 font-style: italic;
3072 }
3073 .vbo-seasons-calendar-pricecost {
3074 display: block;
3075 font-weight: bold;
3076 }
3077 .vbo-seasons-calendar-seasondates {
3078 display: block;
3079 }
3080 .vbo-seasons-calendar-seasonchargedisc {
3081 display: block;
3082 float: right;
3083 }
3084 .vbo-seasons-calendar-slabel {
3085 border-radius: 0.25em;
3086 color: #fff;
3087 display: inline;
3088 font-size: 95%;
3089 font-weight: 700;
3090 line-height: 1;
3091 padding: 0.2em 0.6em 0.3em;
3092 text-align: center;
3093 vertical-align: baseline;
3094 white-space: nowrap;
3095 }
3096 .vbo-seasons-calendar-season-charge {
3097 background-color: #777;
3098 }
3099 .vbo-seasons-calendar-season-discount {
3100 background-color: #f0ad4e;
3101 }
3102 .vbo-seasons-calendar-operator {
3103 display: inline-block;
3104 margin-right: 3px;
3105 font-weight: bold;
3106 font-size: 105%;
3107 }
3108 .vbo-seasons-calendar-seasonfrom {
3109 display: inline-block;
3110 }
3111 .vbo-seasons-calendar-seasondates-separe {
3112 display: inline-block;
3113 margin: 0 3px 0 3px;
3114 }
3115 .vbo-seasons-calendar-seasonto {
3116 display: inline-block;
3117 }
3118 .vbo-seasons-calendar-seasonname {
3119 display: block;
3120 font-weight: bold;
3121 white-space: initial;
3122 }
3123 .vbo-seasons-calendar-restrictions {
3124 display: block;
3125 }
3126 .vbo-seasons-calendar-restriction-minlos {
3127 display: inline-block;
3128 padding: 6px 6px 5px 7px;
3129 background: var(--vbo-config-border-color);
3130 font-size: 12px;
3131 font-weight: bold;
3132 border-radius: 2px;
3133 margin-top: 3px;
3134 }
3135 .vbo-seasons-calendar-restriction-minlos-badge {
3136 display: inline-block;
3137 min-width: 20px;
3138 min-height: 20px;
3139 background: var(--vbo-config-bg-color);
3140 color: var(--vbo-body-text-color);
3141 font-size: 13px;
3142 font-weight: bold;
3143 padding: 4px;
3144 border-radius: 50%;
3145 text-align: center;
3146 margin-left: 2px;
3147 }
3148 .vbo-seasons-calendar-restriction-maxlos {
3149 display: inline-block;
3150 padding: 2px 3px 2px 3px;
3151 background: var(--vbo-config-text-color-light);
3152 font-size: 12px;
3153 font-weight: bold;
3154 border-radius: 4px;
3155 }
3156 .vbo-seasons-calendar-restriction-maxlos-badge {
3157 display: inline-block;
3158 min-width: 20px;
3159 min-height: 20px;
3160 background: var(--vbo-config-bg-color);
3161 color: var(--vbo-body-text-color);
3162 font-size: 13px;
3163 font-weight: bold;
3164 padding: 4px;
3165 border-radius: 50%;
3166 text-align: center;
3167 margin-left: 2px;
3168 }
3169 .vbo-seasons-calendar-restriction-wdays {
3170 display: block;
3171 }
3172 .vbo-seasons-calendar-restriction-wdays label {
3173 display: block;
3174 font-style: italic;
3175 }
3176 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3177 display: inline-block;
3178 padding: 2px 3px 2px 3px;
3179 margin-right: 4px;
3180 background: var(--vbo-base-color);
3181 color: #fff;
3182 border-radius: 4px;
3183 }
3184 .vbo-ratesoverview-roomsel-entry-calc-inner {
3185 border-bottom: 1px solid var(--vbo-basic-btn);
3186 padding: 0 0 10px;
3187 margin: 10px 0 0;
3188 }
3189 .vbo-ratesoverview-calculation-response {
3190 margin: 10px 0 0;
3191 }
3192 .vbo-ratesoverview-calculation-response-room {
3193 margin: 10px 0 40px;
3194 }
3195 .vbo-ratesoverview-calculation-response-room:last-child {
3196 margin-bottom: 0;
3197 padding-bottom: 0;
3198 border: 0;
3199 }
3200 .vbo-ratesoverview-calculation-response-room h4 {
3201 font-weight: normal;
3202 font-size: 14px;
3203 }
3204 .vbo-ratesoverview-calculation-response-room-name {
3205 display: block;
3206 font-weight: bold;
3207 font-size: 16px;
3208 margin-bottom: 5px;
3209 }
3210 .vbo-calcrates-rateblock {
3211 padding: 15px;
3212 margin: 15px 0;
3213 background: var(--vbo-config-bg-color);
3214 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3215 border-radius: 10px;
3216 display: flex;
3217 flex-wrap: wrap;
3218 }
3219 .vbo-calcrates-rateblock > span {
3220 display: inline-block;
3221 flex: 1;
3222 margin-right: 15px;
3223 font-size: 15px;
3224 color: var(--vbo-config-titles-color-light);
3225 }
3226 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3227 font-weight: bold;
3228 font-size: 17px;
3229 flex-basis: 100%;
3230 margin-bottom: 8px;
3231 vertical-align: top;
3232 align-self: center;
3233 }
3234 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3235 display: inline-block;
3236 font-weight: bold;
3237 margin-right: 55px;
3238 font-size: 16px;
3239 }
3240 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3241 width: 15%;
3242 }
3243 .vbo-calcrates-rateblock > span > span {
3244 display: block;
3245 font-size: 12px;
3246 font-weight: bold;
3247 color: var(--vbo-config-titles-color-light);
3248 }
3249 .vbo-calcrates-rateblock .vbo-calcrates-info {
3250 margin-top: 14px;
3251 }
3252 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3253 align-self: center;
3254 background-color: var(--vbo-base-color);
3255 color: #fff;
3256 border: 0;
3257 padding: 9px 14px;
3258 font-weight: bold;
3259 display: inline-block;
3260 margin-left: auto;
3261 }
3262 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3263 background-color: var(--vbo-base-color-hover);
3264 }
3265 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3266 background-color: var(--vbo-link-text-color);
3267 }
3268 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3269 display: inline-block;
3270 min-width: 100px;
3271 margin: 0 15px 0 0;
3272 font-weight: bold;
3273 font-size: 12px;
3274 }
3275 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3276 display: inline-block;
3277 font-style: italic;
3278 margin-right: 5px;
3279 color: var(--vbo-config-titles-color-light);
3280 }
3281
3282 .vbo-ratesoverview-tabscont {
3283 margin: 0 0 10px 0;
3284 text-align: right;
3285 float: right;
3286 }
3287 .vbo-ratesoverview-tabscont div {
3288 cursor: pointer;
3289 display: inline-block;
3290 text-align: center;
3291 padding: 12px;
3292 margin: 0 5px;
3293 border-radius: 2px;
3294 font-size: 14px;
3295 }
3296 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3297 background: var(--vbo-blue-color);
3298 color: #fff;
3299 font-weight: bold;
3300 border: 2px solid var(--vbo-blue-color);
3301 }
3302 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3303 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3304 border: 2px solid var(--vbo-config-child-bg-color);
3305 }
3306 .vbo-roverw-rplan-on {
3307 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3308 color: var(--vbo-body-text-color);
3309 cursor: pointer;
3310 font-size: 15px;
3311 }
3312 .vbo-roverw-rplan-on:hover {
3313 background: var(--vbo-light-color-btn);
3314 }
3315 .vbo-roverw-rplan-off {
3316 background: var(--vbo-red-color) none repeat scroll 0 0;
3317 color: #fff;
3318 cursor: not-allowed;
3319 }
3320 .block-picked-start, .block-picked-middle, .block-picked-end,
3321 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3322 background: var(--vbo-orange-color) none repeat scroll 0 0;
3323 }
3324 .vbo-smallersp {
3325 font-size: smaller;
3326 }
3327 .vbo-roverw-infoblock {
3328 display: block;
3329 padding-bottom: 8px;
3330 margin-bottom: 8px;
3331 text-align: center;
3332 border-bottom: 1px solid var(--vbo-config-border-color);
3333 }
3334 .vbo-roverw-infoblock span {
3335 display: inline-block;
3336 font-weight: bold;
3337 font-size: 13px;
3338 }
3339 .vbo-roverw-infoblock span#rovervw-roomname {
3340 display: block;
3341 text-align: center;
3342 font-weight: bold;
3343 font-size: 18px;
3344 margin-bottom: 7px;
3345 }
3346 .vbo-roverw-alldays {
3347 display: table;
3348 width: 100%;
3349 }
3350 .vbo-roverw-alldays-inner {
3351 display: table-cell;
3352 text-align: center;
3353 vertical-align: middle;
3354 }
3355 .vbo-roverw-daymod {
3356 display: inline-block;
3357 vertical-align: top;
3358 margin: 4px 6px;
3359 padding: 12px 10px;
3360 background: var(--vbo-blue-color) none repeat scroll 0 0;
3361 border-radius: 4px;
3362 text-align: center;
3363 width: 19%;
3364 }
3365 .vbo-roverw-daymod-innercell {
3366 position: relative;
3367 }
3368 .vbo-roverw-daymod-infospids {
3369 bottom: -10px;
3370 color: #d6e2ff;
3371 cursor: pointer;
3372 font-size: 15px;
3373 font-weight: bold;
3374 right: -8px;
3375 padding: 0;
3376 position: absolute;
3377 }
3378 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3379 color: #fff;
3380 }
3381 .vbo-roverw-daymod-infospids span {
3382 display: inline-block;
3383 margin: 0;
3384 }
3385 .vbo-roverw-daymod-infospids-outcont {
3386 display: none;
3387 position: absolute;
3388 transform: translate(-50%, 0%);
3389 padding: 10px;
3390 border: 2px solid var(--vbo-config-border-color);
3391 border-radius: 2px;
3392 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3393 box-shadow: 0 0 10px rgba(0,0,0,.15);
3394 top: 72px;
3395 left: 50%;
3396 min-width: 150px;
3397 z-index: 101;
3398 }
3399 .vbo-roverw-daymod-infospids-incont ul {
3400 margin: 0;
3401 }
3402 .vbo-roverw-daymod-infospids-incont ul li {
3403 list-style-type: none;
3404 border-bottom: 1px solid var(--vbo-config-border-color);
3405 padding: 5px 0;
3406 }
3407 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3408 border: 0;
3409 }
3410 .vbo-roverw-daymod-infospids-incont ul li a {
3411 color: var(--vbo-config-title-color);
3412 font-weight: bold;
3413 }
3414 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3415 color: var(--vbo-blue-color);
3416 }
3417 .vbo-roverw-daydate {
3418 display: inline-block;
3419 text-align: center;
3420 width: 96%;
3421 color: #fff;
3422 padding-bottom: 5px;
3423 margin-bottom: 0;
3424 }
3425 .vbo-roverw-dayprice {
3426 display: inline-block;
3427 text-align: center;
3428 color: #fff;
3429 font-weight: bold;
3430 border: 1px solid var(--vbo-base-color);
3431 border-radius: 4px;
3432 padding: 7px;
3433 width: 100%;
3434 box-sizing: border-box;
3435 font-size: 15px;
3436 }
3437 .vbo-roverw-setnewrate {
3438 display: block;
3439 margin-top: 20px;
3440 width: 100%;
3441 border-top: 1px solid var(--vbo-config-border-color);
3442 padding: 10px 0;
3443 }
3444 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3445 display: flex;
3446 margin-bottom: 10px;
3447 }
3448 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3449 flex: 1;
3450 text-align: center;
3451 border: 1px solid var(--vbo-config-border-color);
3452 border-radius: 4px;
3453 margin: 5px 10px;
3454 padding: 12px;
3455 box-shadow: 0 0 10px rgba(0,0,0,.1);
3456 }
3457 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3458 background: var(--vbo-config-bg-color);
3459 border: 1px solid var(--vbo-config-border-color);
3460 border-radius: 2px;
3461 padding: 8px 10px;
3462 }
3463 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3464 display: inline-block;
3465 }
3466 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3467 width: 100px !important;
3468 }
3469 .vbo-roverw-closeopenrp {
3470 display: table;
3471 margin: 0 auto 20px;
3472 margin-top: 30px;
3473 padding: 0;
3474 background: var(--vbo-config-child-bg-color);
3475 border-radius: 5px;
3476 }
3477 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3478 padding: 4px 0;
3479 text-align: center;
3480 margin: 0 0 7px;
3481 font-size: 16px;
3482 }
3483 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3484 color: var(--vbo-config-titles-color-light);
3485 font-size: 14px;
3486 margin-right: 5px;
3487 }
3488
3489 .vbo-roverw-closeopenrp h4 {
3490 cursor: pointer;
3491 background: var(--vbo-middle-color-btn);
3492 border-radius: 5px;
3493 padding: 15px 20px;
3494 margin: 0;
3495 color: #fff;
3496 font-weight: normal;
3497 }
3498 .vbo-roverw-closeopenrp-btns {
3499 display: none;
3500 text-align: center;
3501 margin-top: 30px;
3502 margin-bottom: 20px;
3503 }
3504 .vbo-roverw-closeopenrp-btns button {
3505 margin: 0 3px;
3506 padding: 8px 12px;
3507 }
3508 .vbo-roverw-setnewrate-inner {
3509 display: block;
3510 text-align: center;
3511 }
3512 .vbo-roverw-setnewrate-btns {
3513 display: block;
3514 text-align: center;
3515 margin-top: 15px;
3516 }
3517 .vbo-roverw-setnewrate-btns button {
3518 margin: 0 3px;
3519 }
3520 .vbo-roverw-setnewrate-btns button.btn-danger {
3521 border-radius: 3px;
3522 padding: 10px 14px;
3523 margin-bottom: 0;
3524 }
3525 .vbo-info-overlay-loading {
3526 display: none;
3527 position: fixed;
3528 left: 40%;
3529 top: 40%;
3530 width: 20%;
3531 height: 20%;
3532 z-index: 101;
3533 padding: 10px;
3534 color: #fff;
3535 font-size: 30px;
3536 text-align: center;
3537 }
3538 .vbo-modal-overlay-content-body-scroll {
3539 height: calc(100% - 200px);
3540 overflow: hidden;
3541 overflow-y: scroll;
3542 }
3543 .vbo-roverviewrowone .bluedays {
3544 background: var(--vbo-base-color);
3545 color: #fff;
3546 padding: 6px 15px;
3547 cursor: pointer;
3548 }
3549 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3550 color: var(--vbo-body-text-color);
3551 }
3552 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3553 background: #095880;
3554 }
3555 .vbo-roverviewrowone .vbo-roverv-festcell {
3556 background: #a07e9a !important;
3557 cursor: pointer;
3558 }
3559 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3560 background-color: #bf8cb6 !important;
3561 }
3562 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3563 background-color: #cca5c5 !important;
3564 }
3565 .vbo-roverviewrowone .bluedays > span {
3566 display: block;
3567 }
3568 .vbo-roverw-roomdaynote-icn {
3569 position: relative;
3570 }
3571 .vbo-roverw-roomdaynote-icn i {
3572 position: absolute;
3573 right: -10px;
3574 top: 2px;
3575 font-size: 12px;
3576 }
3577 .vbo-roverw-roomdaynote-icn:hover i {
3578 color: var(--vbo-body-text-color);
3579 }
3580 .vbo-roverviewrowone .vbo-roverw-tablewday {
3581 color: #fff;
3582 font-size: 12px;
3583 }
3584 .vbo-roverviewrowone .vbo-roverw-tablemday {
3585 font-size: 24px;
3586 margin: 3px 0;
3587 }
3588 .vbo-roverw-tablemonth {
3589 font-size: 12px;
3590 color: #fff;
3591 text-transform: uppercase;
3592 font-weight: normal;
3593 }
3594 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3595 display: inline-block;
3596 vertical-align: top;
3597 }
3598 .vbo-roverview-datecmd {
3599 margin-bottom: 3px;
3600 }
3601 .vbo-roverview-datecmd form {
3602 margin: 0 !important;
3603 }
3604 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3605 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3606 color: var(--vbo-blue-color);
3607 font-size: 15px;
3608 text-decoration: none;
3609 margin-top: 5px;
3610 background: var(--vbo-body-bg-color);
3611 padding: 3px 5px;
3612 display: inline-block;
3613 width: 15px;
3614 border-radius: 2px;
3615 vertical-align: top;
3616 }
3617 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3618 text-decoration: none;
3619 color: var(--vbo-config-titles-color-light);
3620 }
3621 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3622 margin-right: 10px;
3623 }
3624 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3625 margin-bottom: 0;
3626 padding: 0 10px;
3627 }
3628 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3629 font-size: 15px;
3630 text-decoration: none;
3631 margin-top: 5px;
3632 background: var(--vbo-input-style);
3633 padding: 8px 5px;
3634 display: inline-block;
3635 width: 112px;
3636 border-radius: 2px;
3637 vertical-align: top;
3638 }
3639 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3640 width: 70px !important;
3641 cursor: pointer;
3642 margin: -3px 0 0 3px;
3643 border: 0;
3644 padding: 0;
3645 font-weight: bold;
3646 }
3647 .vbo-roverview-datecmd a {
3648 display: inline-block;
3649 }
3650 .vbo-roverviewtablerow td {
3651 padding: 15px 10px;
3652 }
3653 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3654 padding: 9px 10px 18px;
3655 }
3656 .vbo-roverviewtableavrow td {
3657 padding: 10px 10px;
3658 }
3659 .vbo-roverviewtablerow td:first-child {
3660 font-weight: bold;
3661 background: var(--vbo-config-child-bg-color);
3662 background-clip: padding-box;
3663 }
3664 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3665 background: var(--vbo-config-bg-color) !important;
3666 font-weight: bold;
3667 padding: 10px;
3668 font-size: 14px;
3669 }
3670 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3671 border: 0;
3672 }
3673 td.vbo-roverw-daynotbusy {
3674 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3675 color: var(--vbo-body-text-color);
3676 cursor: not-allowed;
3677 }
3678 td.vbo-roverw-daybusy {
3679 background: var(--vbo-red-color) none repeat scroll 0 0;
3680 color: #fff;
3681 cursor: not-allowed;
3682 }
3683 td.vbo-roverw-daybusypartially {
3684 background: var(--vbo-orange-color) none repeat scroll 0 0;
3685 color: #fff;
3686 cursor: not-allowed;
3687 }
3688 .vbo-roverview-roomunits {
3689 background: #3e6372 none repeat scroll 0 0;
3690 border-radius: 50%;
3691 color: #fff;
3692 display: inline-block;
3693 font-size: 11px;
3694 font-weight: bold;
3695 margin: 0 5px 0 0;
3696 height: 14px;
3697 width: 14px;
3698 line-height: 14px;
3699 padding: 3px;
3700 text-align: center;
3701 }
3702 .vbo-info-overlay-content-rovervw {
3703 padding: 20px 10px !important;
3704 height: 80% !important;
3705 }
3706 .ui-datepicker-multi-2 .ui-datepicker-group {
3707 width: 49% !important;
3708 }
3709 .vbo-roverw-setnewrate-vcm {
3710 padding: 4px;
3711 display: block;
3712 width: 50%;
3713 margin: 0 auto;
3714 }
3715 .vbo-roverw-setnewrate-vcm-head {
3716 margin-bottom: 5px;
3717 font-weight: bold;
3718 }
3719 .vbo-roverw-setnewrate-vcm-body {
3720 text-align: center;
3721 }
3722 .vbo-vcm-notinstalled {
3723 color: var(--vbo-red-color);
3724 }
3725 .vbo-vcm-installed {
3726 color: var(--vbo-config-title-color);
3727 }
3728 /* Rates, Restrictions and Seasons Calendar - End */
3729 /* Toggle Switch - Start */
3730 /* The switch - the box around the slider */
3731 .vbo-switch {
3732 position: relative;
3733 display: inline-block;
3734 width: 60px;
3735 height: 34px;
3736 }
3737 /* Hide default HTML checkbox */
3738 .vbo-switch input {
3739 display: none;
3740 }
3741 /* The slider */
3742 .vbo-slider {
3743 position: absolute;
3744 cursor: pointer;
3745 top: 0;
3746 left: 0;
3747 right: 0;
3748 bottom: 0;
3749 background-color: #ccc;
3750 -webkit-transition: .4s;
3751 transition: .4s;
3752 }
3753 .vbo-slider.vbo-slider-disabled {
3754 cursor: not-allowed;
3755 }
3756 .vbo-slider:before {
3757 position: absolute;
3758 content: "";
3759 height: 26px;
3760 width: 26px;
3761 left: 4px;
3762 bottom: 4px;
3763 background-color: white;
3764 -webkit-transition: .4s;
3765 transition: .4s;
3766 }
3767 input:checked + .vbo-slider {
3768 background-color: #2196F3;
3769 }
3770 input:focus + .vbo-slider {
3771 box-shadow: 0 0 1px #2196F3;
3772 }
3773 input:checked + .vbo-slider:before {
3774 -webkit-transform: translateX(26px);
3775 -ms-transform: translateX(26px);
3776 transform: translateX(26px);
3777 }
3778 /* Rounded sliders */
3779 .vbo-slider.vbo-round {
3780 border-radius: 34px;
3781 }
3782 .vbo-slider.vbo-round:before {
3783 border-radius: 50%;
3784 }
3785 /* Toggle Switch - End */
3786 .new_depovr_container {
3787 margin: 4px 0 15px;
3788 padding: 10px;
3789 border: 1px solid var(--vbo-config-border-color);
3790 border-radius: 4px;
3791 }
3792 .new_depovr_container > span {
3793 display: inline-block;
3794 vertical-align: top;
3795 margin-right: 23px;
3796 }
3797 .new_depovr_container > span:last-child {
3798 margin-right: 0;
3799 float: right;
3800 }
3801 .new_depovr_container > span > span {
3802 display: inline-block;
3803 margin: 0 5px;
3804 }
3805 .new_depovr_container > span > .btn-danger {
3806 padding: 8px 13px 11px;
3807 font-weight: bold;
3808 font-size: 20px;
3809 line-height: 16px;
3810 }
3811 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3812 margin: 0 !important;
3813 }
3814 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3815 width: 100px !important;
3816 }
3817 .cur_depoverrides {
3818 margin: 0 0 4px 0;
3819 display: inline-block;
3820 }
3821 .cur_depoverrides span {
3822 margin: 3px;
3823 border-bottom: 1px solid var(--vbo-config-text-color-light);
3824 border: 1px solid var(--vbo-config-border-color);
3825 padding: 5px 8px;
3826 border-radius: 3px;
3827 background: var(--vbo-config-child-bg-color);
3828 display: inline-block;
3829 }
3830 .cur_depoverrides span:first-child {
3831 margin-left: 0;
3832 }
3833 .cur_depoverrides + .btn {
3834 display: inline-block;
3835 vertical-align: top;
3836 margin-top: 3px;
3837 padding: 5px 10px;
3838 }
3839 /* Timeline Rates Overview - Start */
3840 .vbo-ratesoverview-lostab-cont .table-responsive {
3841 width: 98%;
3842 margin: 10px auto 20px;
3843 border-radius: 10px;
3844 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3845 }
3846 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3847 border-top: 1px solid var(--vbo-config-border-color);
3848 }
3849 .vbo-timeline-container {
3850 display: block;
3851 width: 100%;
3852 margin: auto auto 0;
3853 overflow: auto;
3854 }
3855 #vbo-timeline {
3856 list-style: none;
3857 margin: 70px auto 0;
3858 padding: 0;
3859 border-top: 8px solid var(--vbo-blue-color);
3860 display: table;
3861 border-spacing: 30px 0;
3862 text-align: center;
3863 }
3864 #vbo-timeline li {
3865 display: table-cell;
3866 height: 160px;
3867 }
3868 #vbo-timeline li .vbo-timeline-relative {
3869 position: relative;
3870 }
3871 #vbo-timeline p {
3872 margin: 0;
3873 }
3874 .vbo-timeline-date {
3875 text-align: center;
3876 top: -45px;
3877 left: 0;
3878 right: 0;
3879 font-size: 0.95em;
3880 line-height: 25px;
3881 position: absolute;
3882 font-weight: bold;
3883 }
3884 .vbo-timeline-circle {
3885 margin: 0 auto;
3886 top: -14px;
3887 left: 0;
3888 right: 0;
3889 width: 10px;
3890 height: 10px;
3891 background: var(--vbo-config-bg-color);
3892 border: 5px solid var(--vbo-blue-color);
3893 border-radius: 50%;
3894 display: block;
3895 position: absolute;
3896 cursor: pointer;
3897 }
3898 .vbo-timeline-content {
3899 border-color: var(--vbo-main-bg-color);
3900 width: 180px;
3901 max-height: 120px;
3902 margin-top: 25px;
3903 vertical-align: top;
3904 padding: 35px 15px 15px;
3905 transition: width 0.2s linear, max-height 0.2s linear;
3906 border-width: 2px;
3907 border-style: solid;
3908 border-radius: 0.5em;
3909 position: relative;
3910 }
3911 .vbo-timeline-content:before, .vbo-timeline-content:after {
3912 content: "";
3913 width: 0;
3914 height: 0;
3915 border: solid transparent;
3916 position: absolute;
3917 pointer-events: none;
3918 bottom: 100%;
3919 }
3920 .vbo-timeline-content:before {
3921 border-bottom-color: inherit;
3922 border-width: 15px;
3923 left: 50%;
3924 margin-left: -15px;
3925 }
3926 .vbo-timeline-content:after {
3927 border-bottom-color: var(--vbo-config-bg-color);
3928 border-width: 12px;
3929 left: 50%;
3930 margin-left: -12px;
3931 }
3932 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
3933 background-color: transparent !important;
3934 border: 1px solid var(--vbo-blue-color);
3935 color: var(--vbo-blue-color);
3936 padding: 8px 6px !important;
3937 vertical-align: top;
3938 }
3939 .vbo-timeline-content .label-info .badge {
3940 background: var(--vbo-blue-color) !important;
3941 margin-left: 2px;
3942 }
3943 .vbo-timeline-content .btn {
3944 padding: 8px 15px;
3945 box-shadow: none;
3946 border-color: var(--vbo-config-border-color);
3947 vertical-align: top;
3948 }
3949 .vbo-timeline-content .btn i {
3950 margin-right: 5px;
3951 }
3952 .vbo-timeline-content p {
3953 max-height: 0;
3954 color: transparent;
3955 text-align: center;
3956 /* text-align: justify; */
3957 word-break: break-word;
3958 -moz-hyphens: auto;
3959 overflow: hidden;
3960 }
3961 .vbo-ratesoverview-bottom-container {
3962 background: var(--vbo-config-bg-color);
3963 }
3964 label.vbo-timeline-label {
3965 font-size: 1.2em;
3966 position: absolute;
3967 z-index: 1;
3968 cursor: pointer;
3969 width: 180px;
3970 white-space: nowrap;
3971 text-overflow: ellipsis;
3972 overflow: hidden;
3973 display: block;
3974 top: 35px;
3975 left: 15px;
3976 }
3977 .vbo-timeline-radio {
3978 display: none;
3979 }
3980 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
3981 cursor: auto;
3982 width: 300px;
3983 }
3984 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
3985 background: var(--vbo-green-color);
3986 }
3987 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
3988 max-height: 180px;
3989 border-color: var(--vbo-blue-color);
3990 width: 300px;
3991 }
3992 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
3993 max-height: 180px;
3994 min-height: 35px;
3995 color: var(--vbo-config-title-color);
3996 transition: color 0.3s linear 0.3s;
3997 -webkit-transition: color 0.3s linear 0.3s;
3998 }
3999 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4000 max-height: 0;
4001 max-width: 0;
4002 color: transparent;
4003 word-break: break-word;
4004 -moz-hyphens: auto;
4005 overflow: hidden;
4006 }
4007 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4008 max-height: 180px;
4009 min-height: 35px;
4010 color: #fff;
4011 transition: color 0.3s linear 0.3s;
4012 -webkit-transition: color 0.3s linear 0.3s;
4013 }
4014 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4015 background-color: var(--vbo-orange-color);
4016 }
4017 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4018 background-color: var(--vbo-input-style-nested-deactive);
4019 color: var(--vbo-body-text-color);
4020 }
4021 /* Timeline Rates Overview - End */
4022 /* Translations - Start */
4023 .vbo-translation-langtabs {
4024 display: block;
4025 margin: 0;
4026 padding: 0;
4027 background: var(--vbo-config-bg-color);
4028 border: 1px solid var(--vbo-config-border-color);
4029 }
4030 .vbo-translation-tab {
4031 display: inline-block;
4032 cursor: pointer;
4033 vertical-align: middle;
4034 font-weight: bold;
4035 min-width: 120px;
4036 text-align: center;
4037 color: var(--vbo-config-titles-color-light);
4038 border-right: 1px solid var(--vbo-config-border-color);
4039 border-bottom: none;
4040 margin: 0 0 -1px;
4041 padding: 12px 14px;
4042 }
4043 .vbo-translation-tab .vbo-translation-flag {
4044 margin-right: 5px;
4045 }
4046 .vbo-translation-tab:hover {
4047 background: var(--vbo-config-child-bg-color);
4048 }
4049 .vbo-translation-tab-default {
4050 border-bottom: 2px solid var(--vbo-blue-color);
4051 color: var(--vbo-blue-color);
4052 }
4053 .vbo-translation-tabscontents {
4054 display: block;
4055 margin: 0;
4056 padding: 0;
4057 border: 1px solid var(--vbo-config-border-color);
4058 min-height: 200px;
4059 }
4060 .vbo-translation-langcontent {
4061 background: var(--vbo-main-bg-color);
4062 }
4063 .vbo-translation-langcontent .adminlegend {
4064 margin: 10px 20px 0;
4065 border-bottom: 0;
4066 color: var(--vbo-config-title-color);
4067 }
4068 .vbo-translations-tab-container {
4069 padding: 0 10px;
4070 }
4071 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4072 background: var(--vbo-config-bg-color);
4073 border-radius: 8px;
4074 padding: 20px;
4075 margin: 15px 10px;
4076 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4077 }
4078 .vbo-translations-element-title {
4079 border-bottom: 1px solid var(--vbo-basic-btn);
4080 font-size: 16px;
4081 font-weight: bold;
4082 padding-bottom: 10px;
4083 margin-bottom: 10px;
4084 }
4085 .vbo-translations-element-row {
4086 display: flex;
4087 margin: 25px 0;
4088 font-size: 14px;
4089 }
4090 .vbo-translations-element-row-nested {
4091 margin: 0 0 0 10px;
4092 padding: 10px;
4093 background: var(--vbo-config-child-bg-color);
4094 border-bottom: 1px solid var(--vbo-basic-btn);
4095 }
4096 .vbo-translations-element-row .vbo-translations-element-lbl {
4097 flex-basis: 250px;
4098 margin-right: 20px;
4099 margin-bottom: 5px;
4100 }
4101 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4102 margin-right: 0;
4103 }
4104 .vbo-translations-element-row .vbo-translations-element-val {
4105 flex: 1;
4106 }
4107 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4108 height: 250px !important;
4109 }
4110 .vbo-translations-element-row .vbo-translations-element-val textarea {
4111 width: 100%;
4112 }
4113 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4114 padding-left: 35px;
4115 }
4116 .vbo-translations-language-element .vbo-translations-element-lbl {
4117 position: relative;
4118 }
4119 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal {
4120 position: absolute;
4121 padding: 4px 8px;
4122 background-color: var(--vbo-basic-btn);
4123 border: 1px solid var(--vbo-config-border-color);
4124 cursor: pointer;
4125 margin-top: 5px;
4126 border-radius: 4px;
4127 }
4128 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal:hover {
4129 background-color: var(--vbo-basic-btn-hover);
4130 }
4131 .vbo-translate-column-cell {
4132 background: none repeat scroll 0 0 #e9e9e9;
4133 border-right: 1px solid #ddd;
4134 text-align: right !important;
4135 vertical-align: middle !important;
4136 }
4137 .vbo-translate-reference-cell {
4138 background: none repeat scroll 0 0 #e9e9e9;
4139 text-align: left !important;
4140 font-size: 105%;
4141 font-weight: bold;
4142 }
4143 .vbo-missing-translation,.vbo-field-translated {
4144 position: relative;
4145 }
4146 .vbo-missing-translation:before {
4147 border: 1px solid var(--vbo-orange-color);
4148 border-radius: 50%;
4149 color: var(--vbo-orange-color);
4150 content: "!";
4151 font-size: 12px;
4152 font-weight: bold;
4153 height: 18px;
4154 left: 2px;
4155 position: absolute;
4156 text-align: center;
4157 top: 0px;
4158 width: 18px;
4159 }
4160 .vbo-field-translated:before {
4161 border: 1px solid var(--vbo-green-color);
4162 border-radius: 50%;
4163 color: var(--vbo-green-color);
4164 content: "\2713";
4165 font-size: 12px;
4166 font-weight: bold;
4167 height: 18px;
4168 left: 2px;
4169 position: absolute;
4170 text-align: center;
4171 top: 0px;
4172 width: 18px;
4173 }
4174 .vbo-translation-tab.vbo-translation-tab-ini {
4175 float: right;
4176 border-right: 0;
4177 }
4178 .vbo-translation-tab-ini.vbo-translation-tab-default {
4179 border-bottom: 0;
4180 }
4181 .vbo-translation-iniflag {
4182 display: inline-block;
4183 padding: 1px 4px;
4184 background: none repeat scroll 0 0 #365868;
4185 color: #fff;
4186 border-radius: 2px;
4187 }
4188 .vbo-inifile-totrows {
4189 display: inline-block;
4190 margin-right: 8px;
4191 padding: 2px 4px;
4192 border: 1px solid #fff;
4193 border-radius: 5px;
4194 text-align: center;
4195 }
4196 .vbo-inifile-path {
4197 display: inline-block;
4198 margin-right: 8px;
4199 padding: 2px 4px;
4200 border: 1px solid #fff;
4201 border-radius: 5px;
4202 text-align: center;
4203 font-size: 90%;
4204 }
4205 .vbo-inifile-exists {
4206 background: none repeat scroll 0 0 #DFF2BF;
4207 color: #4F8A10;
4208 }
4209 .vbo-inifile-notfound {
4210 background: none repeat scroll 0 0 #FEEFB3;
4211 color: #9F6000;
4212 }
4213 /* Translations - End */
4214
4215 /* Dashboard - Start */
4216 .vbo-dashboard-fullcontainer {
4217 background: var(--vbo-main-bg-color);
4218 padding: 10px 0;
4219 }
4220 .vbo-dashboard-top-outer {
4221 display: flex;
4222 flex-wrap: wrap;
4223 padding: 18px
4224 }
4225 .vbo-dashboard-today-bookings {
4226 flex-basis: 70%;
4227 display: flex;
4228 -ms-flex-wrap: wrap;
4229 -webkit-flex-wrap: wrap;
4230 flex-wrap: wrap;
4231 }
4232 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4233 flex: 1;
4234 }
4235 .vbo-dashboard-forecast-wrap {
4236 background-color: #fff;
4237 border-radius: 16px;
4238 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4239 }
4240 .vbo-dashboard-forecast-wrap h4 {
4241 font-size: 20px;
4242 font-weight: bold;
4243 padding: 23px 0px 22px 15px;
4244 margin-top: 0;
4245 border-bottom: 1px solid #ddd;
4246 text-align: center;
4247 }
4248 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4249 display: flex;
4250 border: 2px solid var(--vbo-red-color);
4251 border-radius: 6px;
4252 padding: 14px;
4253 margin: 10px 20px 0;
4254 }
4255 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4256 border: 0;
4257 }
4258 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4259 flex-basis: 52px;
4260 }
4261 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4262 width: 36px;
4263 height: 36px;
4264 border-radius: 50%;
4265 line-height: 36px;
4266 background: var(--vbo-base-color);
4267 color: #fff;
4268 font-size: 16px;
4269 text-align: center;
4270 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4271 }
4272 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4273 cursor: pointer;
4274 display: inline-block;
4275
4276 transition-timing-function: ease-in;
4277 transition: 0.2s;
4278 transform: translateY(-10px);
4279 }
4280 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4281 cursor: inherit;
4282 }
4283 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4284 overflow: hidden;
4285 padding-bottom: 5px;
4286 padding-top: 10px;
4287 margin-top: 0;
4288 }
4289 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4290 backface-visibility: hidden;
4291 transform: translateZ(0);
4292 transition: all 0.2s ease-in;
4293 padding-bottom: 14px;
4294 }
4295 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4296 margin-top: 0;
4297
4298 transition-timing-function: ease-out;
4299 transition: 0.25s;
4300 transform: translateY(0px);
4301 }
4302 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4303 position: absolute;
4304 }
4305 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4306 transform: translateY(-25px);
4307 }
4308 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4309 transform: translateY(-60px);
4310 }
4311 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4312 flex: 1;
4313 position: relative;
4314 }
4315 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4316 margin-top: 0;
4317 margin-bottom: 5px;
4318 color: var(--vbo-base-color);
4319 font-size: 14px;
4320 }
4321 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4322 position: absolute;
4323 right: -24px;
4324 top: -24px;
4325 background: var(--vbo-config-title-color);
4326 border: 2px solid var(--vbo-basic-btn);
4327 color: var(--vbo-basic-btn);
4328 width: 20px;
4329 height: 20px;
4330 text-align: center;
4331 line-height: 20px;
4332 border-radius: 50%;
4333 cursor: pointer;
4334 }
4335 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4336 font-weight: bold;
4337 margin: 0;
4338 }
4339 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4340 margin: 0;
4341 }
4342 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4343 margin-top: 8px;
4344 }
4345 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4346 margin-right: 4px;
4347 }
4348 .vbo-admin-widget-head-commands {
4349 position: relative;
4350 }
4351 .vbo-reportwidget-commands {
4352 text-align: right;
4353 padding-right: 15px;
4354 margin-bottom: 10px;
4355 display: flex;
4356 justify-content: flex-end;
4357 }
4358 .vbo-reportwidget-commands > div {
4359 display: inline-block;
4360 }
4361 .vbo-reportwidget-commands-main {
4362 display: flex;
4363 align-self: center;
4364 }
4365 .vbo-reportwidget-commands-main > div {
4366 display: inline-block;
4367 vertical-align: top;
4368 }
4369 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4370 font-size: 16px;
4371 color: var(--vbo-base-color);
4372 cursor: pointer;
4373 }
4374 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4375 color: var(--vbo-blue-color);
4376 }
4377 .vbo-reportwidget-command-dates {
4378 margin-right: 5px;
4379 }
4380 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4381 font-weight: bold;
4382 font-size: 1.1em;
4383 }
4384 .vbo-reportwidget-command-chevron {
4385 margin-top: 4px;
4386 }
4387 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4388 margin-right: 5px;
4389 }
4390 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4391 margin-left: 5px;
4392 }
4393 .vbo-reportwidget-command-chevron > span {
4394 display: inline-block;
4395 font-size: 14px;
4396 border: 1px solid #ddd;
4397 padding: 5px 10px;
4398 border-radius: 2px;
4399 background: #f6f6f6;
4400 cursor: pointer;
4401 }
4402 .vbo-reportwidget-command-chevron > span:hover {
4403 background: #eee;
4404 }
4405 .vbo-reportwidget-command-chevron > span:active {
4406 background: #fff;
4407 }
4408 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4409 vertical-align: top;
4410 margin: 2px 0 0 4px;
4411 padding: 8px 0 8px 10px;
4412 font-size: 16px;
4413 cursor: pointer;
4414 display: inline-block;
4415 }
4416 .vbo-reportwidget-command-dots:hover {
4417 color: var(--vbo-base-color);
4418 }
4419 .vbo-reportwidget-filters {
4420 display: none;
4421 position: absolute;
4422 right: 30px;
4423 background: var(--vbo-config-bg-color);
4424 padding: 20px;
4425 border-radius: 10px;
4426 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4427 z-index: 1;
4428 min-width: 150px;
4429 }
4430 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4431 background-color: var(--vbo-input-style);
4432 border: 1px solid var(--vbo-config-border-color);
4433 border-radius: 2px;
4434 margin-bottom: 0;
4435 display: inline-block;
4436 box-sizing: border-box;
4437 padding: 0 0 0 10px;
4438 width: 100%;
4439 display: flex;
4440 }
4441 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4442 border: 0;
4443 height: auto;
4444 padding: 9px 10px 9px 15px;
4445 margin-bottom: 0;
4446 }
4447 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4448 color: var(--vbo-config-titles-color-light);
4449 font-size: 15px;
4450 margin-top: 15px;
4451 float: left;
4452 }
4453 .vbo-reportwidget-filters select {
4454 width: 100% !important;
4455 margin-bottom: 0;
4456 border-radius: 2px;
4457 border: 1px solid var(--vbo-config-border-color);
4458 padding: 8px 10px;
4459 height: inherit;
4460 }
4461 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4462 margin: 5px 0 8px;
4463 }
4464 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4465 width: 240px;
4466 }
4467 .vbo-reportwidget-filter-confirm button {
4468 width: 100%;
4469 }
4470 .vbo-reportwidget-chart {
4471 padding-bottom: 15px;
4472 }
4473 .vbo-reportwidget-chart .err {
4474 margin: 20px;
4475 }
4476 #vbo-report-chart-canvas {
4477 max-width: 100%;
4478 margin: 0 auto;
4479 }
4480 .vbo-reportwidget-chart-metas {
4481 display: flex;
4482 flex-wrap: wrap;
4483 justify-content: center;
4484 margin: 0 10px 15px;
4485 }
4486 .vbo-reportwidget-chart-meta {
4487 flex-basis: calc(33% - 10px);
4488 flex-grow: 1;
4489 }
4490 .vbo-reportwidget-chart-meta-inner {
4491 background: var(--vbo-config-bg-color);
4492 border: 1px solid var(--vbo-basic-btn);
4493 border-bottom: 3px solid var(--vbo-basic-btn);
4494 padding: 20px;
4495 border-radius: 16px;
4496 margin: 5px;
4497 position: relative;
4498 }
4499 .vbo-reportwidget-chart-meta-inner:after {
4500 height: 30px;
4501 width: 4px;
4502 background: var(--vbo-config-border-color);
4503 content: "";
4504 position: absolute;
4505 left: -3px;
4506 top: 17px;
4507 }
4508 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4509 background-color: var(--vbo-blue-color);
4510 }
4511 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4512 background-color: var(--vbo-red-color);
4513 }
4514 .vbo-reportwidget-chart-meta-lbl {
4515 font-weight: bold;
4516 color: var(--vbo-config-titles-color-light);
4517 margin-bottom: 6px;
4518 }
4519 .vbo-reportwidget-chart-meta-val {
4520 font-size: 26px;
4521 font-weight: bold;
4522 }
4523 .vbo-reportwidget-chart-meta-val-main {
4524 display: inline-block;
4525 margin: 4px 0 6px;
4526 white-space: nowrap;
4527 font-size: 20px;
4528 font-weight: bold;
4529 }
4530 .vbo-guestactivitywidget-commands {
4531 text-align: right;
4532 padding: 5px 15px 10px 0;
4533 }
4534 .vbo-guestactivitywidget-commands > div {
4535 display: inline-block;
4536 }
4537 .vbo-guestactivitywidget-commands-main > div {
4538 display: inline-block;
4539 vertical-align: top;
4540 }
4541 .vbo-guestactivitywidget-commands-main {
4542 display: flex;
4543 }
4544 .vbo-guestactivitywidget-command-chevron {
4545 margin-top: 4px;
4546 }
4547 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4548 margin-right: 5px;
4549 }
4550 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4551 margin-left: 5px;
4552 }
4553 .vbo-guestactivitywidget-command-chevron > span {
4554 display: inline-block;
4555 font-size: 14px;
4556 border: 1px solid var(--vbo-config-border-color);
4557 padding: 5px 10px;
4558 border-radius: 2px;
4559 background: var(--vbo-config-child-bg-color);
4560 cursor: pointer;
4561 }
4562 .vbo-guestactivitywidget-command-chevron > span:hover {
4563 background: var(--vbo-basic-btn);
4564 }
4565 .vbo-guestactivitywidget-command-chevron > span:active {
4566 background: var(--vbo-config-bg-color);
4567 }
4568 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4569 display: grid;
4570 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
4571 gap: 10px;
4572 padding: 10px;
4573 width: 100%;
4574 box-sizing: border-box;
4575 }
4576 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4577 background: var(--vbo-config-bg-color);
4578 border: 1px solid var(--vbo-basic-btn);
4579 border-bottom: 3px solid var(--vbo-basic-btn);
4580 padding: 15px;
4581 border-radius: 16px;
4582 }
4583 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4584 background: var(--vbo-config-bg-color);
4585 border: 1px solid var(--vbo-basic-btn);
4586 border-bottom: 3px solid var(--vbo-basic-btn);
4587 padding: 15px;
4588 border-radius: 16px;
4589 position: relative;
4590 }
4591 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4592 border-color: #4e9b0059;
4593 background: #4e9b000f;
4594 }
4595 .vbo-widget-finance-stat-info {
4596 display: flex;
4597 }
4598 .vbo-widget-finance-stat-cmd {
4599 margin-left: auto;
4600 cursor: pointer;
4601 display: inline-block;
4602 padding: 0 0 0px 10px;
4603 }
4604
4605 .vbo-widget-finance-stat-cmd:hover i {
4606 color: var(--vbo-base-color);
4607 }
4608 .vbo-widget-finance-stat-name {
4609 font-weight: 500;
4610 margin-bottom: 6px;
4611 }
4612 .vbo-widget-finance-stat-amount {
4613 margin-top: 6px;
4614 }
4615 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4616 font-weight: bold;
4617 font-size: 18px;
4618 }
4619 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4620 margin-top: 8px;
4621 font-size: 14px;
4622 margin-bottom: 3px;
4623 font-weight: 500;
4624 border-top: 1px solid var(--vbo-config-border-color);
4625 padding-top: 8px;
4626 }
4627 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4628 font-size: 12px;
4629 display: inline-block;
4630 margin-left: 2px;
4631 color: var(--vbo-config-titles-color-light);
4632 }
4633 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4634 color: var(--vbo-green-color);
4635 }
4636 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4637 color: var(--vbo-red-color);
4638 }
4639 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4640 color: var(--vbo-blue-color);
4641 }
4642 .vbo-widget-finance-data-block-rankings {
4643 padding: 0 10px 10px 10px;
4644 display: grid;
4645 grid-template-columns: repeat(2, 1fr);
4646 gap: 10px;
4647 }
4648 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4649 font-size: 14px;
4650 margin-bottom: 10px;
4651 }
4652 .vbo-widget-finance-stat-rank {
4653 display: flex;
4654 margin-bottom: 10px;
4655 }
4656 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4657 margin-right: 10px;
4658 }
4659 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4660 width: 25px;
4661 text-align: center;
4662 height: 25px;
4663 line-height: 25px !important;
4664 border: 1px solid var(--vbo-config-border-color);
4665 border-radius: 50%;
4666 background: var(--vbo-config-child-bg-color);
4667 font-size: 11px;
4668 }
4669 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4670 width: 25px;
4671 height: 25px;
4672 object-fit: cover;
4673 border-radius: 50%;
4674 }
4675 .vbo-widget-finance-stat-rank-score {
4676 display: flex;
4677 flex-wrap: wrap;
4678 width: 100%;
4679 }
4680 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4681 flex-basis: 100%;
4682 }
4683 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4684 .vbo-upload-progress progress {
4685 width: 100%;
4686 border-radius: 20px;
4687 height: 10px;
4688 -webkit-appearance: none;
4689 appearance: none;
4690 }
4691 .vbo-upload-progress progress {
4692 width: 200px;
4693 }
4694 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4695 .vbo-upload-progress progress::-webkit-progress-bar {
4696 background: var(--vbo-basic-btn);
4697 border-radius: 20px;
4698 }
4699 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4700 .vbo-upload-progress progress::-webkit-progress-value {
4701 background: var(--vbo-base-color);
4702 border-radius: 20px;
4703 }
4704 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4705 .vbo-upload-progress progress::-moz-progress-bar {
4706 background: var(--vbo-base-color);
4707 border-radius: 20px;
4708 }
4709 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4710 .vbo-upload-progress progress::-moz-progress-value {
4711 background: var(--vbo-basic-btn);
4712 border-radius: 20px;
4713 }
4714 .vbo-widget-finance-stat-rank-amount {
4715 margin-left: auto;
4716 font-weight: bold;
4717 }
4718 .vbo-widget-finance-skeleton-block {
4719
4720 }
4721
4722 /* Tooltip - Start **/
4723 .vbo-tooltip {
4724 position: relative;
4725 }
4726 .vbo-tooltip::before,
4727 .vbo-tooltip::after {
4728 position: absolute;
4729 opacity: 0;
4730 visibility: hidden;
4731 -webkit-transition:
4732 opacity 0.3s ease-in-out,
4733 visibility 0.3s ease-in-out,
4734 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4735 -moz-transition:
4736 opacity 0.3s ease-in-out,
4737 visibility 0.3s ease-in-out,
4738 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4739 transition:
4740 opacity 0.3s ease-in-out,
4741 visibility 0.3s ease-in-out,
4742 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4743 -webkit-transform: translate3d(0, 0, 0);
4744 -moz-transform: translate3d(0, 0, 0);
4745 transform: translate3d(0, 0, 0);
4746 pointer-events: none;
4747 }
4748 .vbo-tooltip:hover::before,
4749 .vbo-tooltip:hover::after,
4750 .vbo-tooltip:focus::before,
4751 .vbo-tooltip:focus::after {
4752 opacity: 1;
4753 visibility: visible;
4754 }
4755 .vbo-tooltip::before {
4756 content: attr(data-tooltiptext);
4757 z-index: 10001;
4758 width: calc(100% + 40px);
4759 color: var(--vbo-body-text-color);
4760 background: var(--vbo-body-bg-color);
4761 border-radius: 15px;
4762 border: 1px solid var(--vbo-config-border-color);
4763 padding: 5px;
4764 font-size: 12px;
4765 line-height: 1.2;
4766 text-align: center;
4767 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4768 font-weight: normal;
4769 }
4770 .vbo-inspector-hover.vbo-tooltip::before {
4771 width: auto;
4772 font-weight: bold;
4773 }
4774 .vbo-tooltip::after {
4775 content: "";
4776 width: 0;
4777 height: 0;
4778 }
4779 .vbo-tooltip.vbo-tooltip-top::before,
4780 .vbo-tooltip.vbo-tooltip-top::after {
4781 bottom: 100%;
4782 left: 50%;
4783 transform: translate(-50%);
4784 margin-bottom: 2px;
4785 }
4786 .vbo-tooltip.vbo-tooltip-bottom::before,
4787 .vbo-tooltip.vbo-tooltip-bottom::after {
4788 top: 100%;
4789 left: 50%;
4790 transform: translate(-50%);
4791 margin-top: 2px;
4792 }
4793 /* Tooltip - End **/
4794
4795 .vbo-dashboard-firstsetup-container {
4796 width: 80%;
4797 margin: 0 auto;
4798 border: 1px solid var(--vbo-config-border-color);
4799 border-radius: 4px;
4800 padding: 30px;
4801 background: var(--vbo-config-bg-color);
4802 }
4803 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
4804 font-size: 24px;
4805 margin-top: 0;
4806 }
4807 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
4808 font-weight: normal;
4809 font-size: 18px;
4810 }
4811 .vbo-dashboard-firstsetup-body {
4812 display: flex;
4813 flex-wrap: wrap;
4814 margin: 20px auto;
4815 }
4816 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
4817 flex-basis: 25%;
4818 }
4819 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
4820 border: 1px solid var(--vbo-config-border-color);
4821 border-radius: 8px;
4822 margin: 10px;
4823 padding: 20px;
4824 font-size: 14px;
4825 background: var(--vbo-config-bg-color);
4826 box-shadow: 0 0 10px rgba(0,0,0,.05);
4827 height: 94%;
4828 }
4829 .vbo-dashboard-firstsetup-task-number {
4830 color: #82b8d5;
4831 font-size: 32px;
4832 margin-bottom: 20px;
4833 font-weight: bold;
4834 }
4835 .vbo-dashboard-firstsetup-task-details {
4836 text-align: center;
4837 font-weight: bold;
4838 }
4839 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
4840 font-size: 14px;
4841 }
4842 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
4843 margin-top: 10px;
4844 font-size: 26px;
4845 }
4846 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
4847 display: inline-block;
4848 min-height: 10px;
4849 }
4850 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
4851 display: block;
4852 margin-top: 22px;
4853 font-size: 22px;
4854 color: var(--vbo-green-color);
4855 }
4856 .vbo-dashboard-firstsetup-task-action {
4857 text-align: center;
4858 margin-top: 20px;
4859 }
4860 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
4861 background: var(--vbo-base-color);
4862 color: #fff;
4863 border: 1px solid var(--vbo-base-color);
4864 padding: 5px 15px;
4865 font-weight: bold;
4866 }
4867 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
4868 background: var(--vbo-base-color-hover);
4869 }
4870 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
4871 background: var(--vbo-link-text-color);
4872 }
4873 .vbo-dashboard-firstsetup-task-description {
4874 border-top: 1px solid var(--vbo-config-border-color);
4875 padding: 5px 10px;
4876 margin-top: 15px;
4877 color: var(--vbo-config-titles-color-light);
4878 text-align: center;
4879 background: var(--vbo-config-child-bg-color);
4880 }
4881 .vbo-dashboard-firstsetup-importbftpp-title {
4882 font-size: 16px;
4883 margin-bottom: 10px;
4884 margin-top: 20px;
4885 }
4886 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
4887 border-color: var(--vbo-red-color);
4888 }
4889 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
4890 color: var(--vbo-red-color);
4891 }
4892 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
4893 font-size: 18px;
4894 font-weight: normal;
4895 margin: 0;
4896 padding: 0;
4897 }
4898 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
4899 display: inline-block;
4900 margin-bottom: 10px;
4901 margin-right: 5px;
4902 }
4903 .btn.vbo-sampledata-btn {
4904 background: var(--vbo-base-color);
4905 color: #fff;
4906 font-weight: bold;
4907 border: 1px solid var(--vbo-base-color);
4908 }
4909 .btn.vbo-sampledata-btn:hover {
4910 background-color: var(--vbo-config-bg-color);
4911 color: var(--vbo-base-color);
4912 }
4913 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
4914 font-size: 16px;
4915 }
4916 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
4917 font-size: 16px;
4918 line-height: 1.4em;
4919 }
4920 .vbo-dashboard-today-bookings > div {
4921 margin: 0 18px 18px 0;
4922 }
4923 .vbo-admin-widgets-widget {
4924 display: block;
4925 border-radius: 16px;
4926 margin: 12px 0;
4927 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4928 background: var(--vbo-config-bg-color);
4929 }
4930 .vbo-admin-widget-head {
4931 border-top-right-radius: 16px;
4932 border-top-left-radius: 16px;
4933 border-bottom: 1px solid var(--vbo-config-border-color);
4934 display: inline-block;
4935 width: 100%;
4936 box-sizing: border-box;
4937 }
4938 .vbo-admin-widget-head .btn-toolbar {
4939 margin: 10px 15px 10px 10px;
4940 display: inline-block;
4941 }
4942 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
4943 margin-top: 4px;
4944 }
4945 .vbo-admin-widget-head .form-control {
4946 border: 1px solid var(--vbo-config-border-color);
4947 border-radius: 2px;
4948 padding: 8px 10px;
4949 margin-bottom: 0;
4950 box-sizing: border-box;
4951 height: auto;
4952 }
4953 .vbo-admin-widget-head .btn {
4954 padding: 8px 10px;
4955 border-radius: 0 2px 2px 0;
4956 border: 1px solid var(--vbo-config-border-color);
4957 }
4958 .vvbo-admin-widget-head .btn i {
4959 margin-right: 0;
4960 }
4961 .btn.btn-small {
4962 padding: 2px 10px;
4963 font-size: 12px;
4964 -webkit-border-radius: 3px;
4965 -moz-border-radius: 3px;
4966 border-radius: 3px;
4967 }
4968 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 {
4969 padding: 0 !important;
4970 height: 40px;
4971 }
4972 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 {
4973 padding: 0 !important;
4974 background: var(--vbo-base-color);
4975 border: 1px solid var(--vbo-base-color) !important;
4976 color: var(--vbo-contrast-text-color);
4977 display: flex;
4978 height: auto;
4979 }
4980 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 {
4981 background: var(--vbo-base-color) !important;
4982 border: 1px solid var(--vbo-base-color);
4983 color: var(--vbo-contrast-text-color);
4984 }
4985 .vbo-context-menu-btn .vbo-context-menu-lbl {
4986 padding: 10px;
4987 display: inline-block;
4988 }
4989 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
4990 padding: 3px 10px 3px;
4991 }
4992 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
4993 background: var(--vbo-base-color-hover);
4994 color: var(--vbo-contrast-text-color);
4995 border: 0;
4996 border-top-left-radius: 3px;
4997 border-bottom-left-radius: 3px;
4998 }
4999 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 {
5000 background: var(--vbo-orange-color);
5001 }
5002 .btn-warning.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5003 background: var(--vbo-orange-color-hover);
5004 color: var(--vbo-contrast-text-color);
5005 border: 0;
5006 }
5007 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 {
5008 background: var(--vbo-red-color);
5009 }
5010 .btn-danger.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5011 background: var(--vbo-red-color-hover);
5012 color: var(--vbo-contrast-text-color);
5013 border: 0;
5014 }
5015 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5016 background-color: var(--vbo-green-color);
5017 border-color: var(--vbo-green-color);
5018 }
5019 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 {
5020 background-color: var(--vbo-green-color-hover);
5021 border-color: var(--vbo-green-color-hover);
5022 }
5023 body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus {
5024 background-color: var(--vbo-green-color-focus);
5025 border-color: var(--vbo-green-color-focus);
5026 }
5027 .vbo-context-menu-btn .vbo-context-menu-ico {
5028 padding: 12px 8px;
5029 text-align: center;
5030 border-top-right-radius: 3px;
5031 border-bottom-right-radius: 3px;
5032 }
5033 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5034 padding: 3px 8px 3px;
5035 }
5036 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5037 margin-right: 0;
5038 position: relative;
5039 top: -1px;
5040 vertical-align: initial;
5041 }
5042 .vbo-context-menu-btn .vbo-context-menu-ico:hover {
5043 background: var(--vbo-base-color-hover);
5044 }
5045 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5046 background: var(--vbo-base-color-hover);
5047 border-color: var(--vbo-base-color-hover);
5048 }
5049 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5050 border-radius: 3px;
5051 display: initial;
5052 vertical-align: initial;
5053 }
5054 .vik-context-menu.vbo-dropdown-cxmenu {
5055 background: var(--vbo-config-bg-color);
5056 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5057 z-index: 2147483647 !important;
5058 border: 1px solid rgba(0,0,0,.15);
5059 border-radius: .25rem;
5060 }
5061 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5062 color: var(--vbo-contrast-text-color);
5063 background: var(--vbo-base-color);
5064 cursor: pointer;
5065 }
5066 .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 {
5067 padding: 0;
5068 margin: 0;
5069 }
5070 .vik-context-menu.vbo-dropdown-cxmenu li a {
5071 color: var(--vbo-body-text-color);
5072 padding: 8px 12px;
5073 }
5074 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5075 background: var(--vbo-red-color);
5076 }
5077 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:active {
5078 background: var(--vbo-red-color-focus);
5079 }
5080 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5081 background: var(--vbo-orange-color-hover);
5082 }
5083 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5084 color: var(--vbo-config-text-color-light);
5085 font-size: 14px;
5086 min-width: 16px;
5087 }
5088 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5089 color: var(--vbo-contrast-text-color);
5090 }
5091 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5092 border-radius: 3px;
5093 }
5094 .vbo-admin-widget-head h4 {
5095 font-size: 18px;
5096 font-weight: bold;
5097 padding: 7px 0 3px 15px;
5098 margin: 12px 0;
5099 position: relative;
5100 display: inline-block;
5101 }
5102 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5103 vertical-align: middle;
5104 }
5105 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5106 display: inline-block;
5107 float: right;
5108 margin-top: 10px;
5109 }
5110 .vbo-dashboard-search-input {
5111 display: inline-block;
5112 vertical-align: middle;
5113 margin-left: 10px;
5114 margin-bottom: 2px;
5115 }
5116 .vbo-admin-widget-body {
5117 padding: 10px;
5118 }
5119 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5120 display: flex;
5121 padding: 10px 15px;
5122 border-bottom: 1px solid var(--vbo-basic-btn);
5123 cursor: pointer;
5124 }
5125 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5126 background: var(--vbo-light-color-btn);
5127 }
5128 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5129 border-bottom: 0;
5130 }
5131 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5132 width: 40px;
5133 margin-right: 15px;
5134 }
5135 .vbo-dashboard-guest-activity-avatar-icon {
5136 width: 40px;
5137 text-align: center;
5138 height: 40px;
5139 line-height: 40px !important;
5140 border: 1px solid var(--vbo-config-border-color);
5141 border-radius: 50%;
5142 background: var(--vbo-config-child-bg-color);
5143 font-size: 16px;
5144 }
5145 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5146 max-width: 100%;
5147 border-radius: 50%;
5148 object-fit: cover;
5149 }
5150 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5151 flex: 1;
5152 }
5153 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5154 margin: 0;
5155 }
5156 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5157 display: flex;
5158 }
5159 .vbo-dashboard-guest-activity-content-info-details {
5160 margin-bottom: 7px;
5161 flex: 1;
5162 }
5163 .vbo-w-guestmessages-message-staydates {
5164 font-size: 12px;
5165 position: relative;
5166 padding-left: 10px;
5167 color: var(--vbo-config-titles-color-light);
5168 }
5169 .vbo-w-guestmessages-message-staydates:after {
5170 content: "";
5171 width: 2px;
5172 height: 2px;
5173 background: var(--vbo-config-titles-color-light);
5174 top: 7px;
5175 left: 2px;
5176 position: absolute;
5177 border-radius: 50%;
5178 }
5179 .vbo-w-guestmessages-message-new {
5180 background: var(--vbo-toolbar-bg-color);
5181 }
5182 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle i {
5183 color: var(--vbo-base-color);
5184 font-size: 18px;
5185 margin: 0 0 0 5px;
5186 }
5187 .vbo-bookings-status-separator {
5188 margin-top: 5px;
5189 text-align: center;
5190 }
5191 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5192 height: calc(100% - 100px);
5193 }
5194 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5195 display: flex;
5196 padding: 12px 20px 6px;
5197 background: transparent;
5198 border-bottom: 1px solid var(--vbo-config-border-color);
5199 }
5200 .vbo-modal-wguestmessages-chat-wrap {
5201 height: 100%;
5202 }
5203 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5204 max-height: 540px;
5205 }
5206 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) {
5207 flex: 1;
5208 }
5209 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) span {
5210 display: inline-block;
5211 vertical-align: middle;
5212 }
5213 .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 {
5214 display: block;
5215 }
5216 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5217 display: inline-block;
5218 vertical-align: middle;
5219 line-height: 1em;
5220 }
5221 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label {
5222 margin-left: 10px;
5223 }
5224 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5225 background-color: var(--vbo-red-color);
5226 }
5227 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5228 margin-right: 10px;
5229 font-weight: bold;
5230 }
5231 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5232 margin-right: 10px;
5233 }
5234 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5235 width: 40px;
5236 height: 40px;
5237 object-fit: cover;
5238 border-radius: 50%;
5239 }
5240 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5241 margin-left: auto;
5242 align-self: center;
5243 }
5244 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5245 margin-right: 10px;
5246 margin-top: 2px;
5247 display: inline-block;
5248 width: 100%;
5249 }
5250 .vbo-dashboard-guest-activity-content-info-icon i {
5251 color: var(--vbo-base-color);
5252 font-size: 14px;
5253 }
5254 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5255 color: var(--vbo-orange-color);
5256 }
5257 .vbo-rdaybooking-subunits {
5258 margin-top: 6px;
5259 }
5260 .vbo-rdaybooking-subunits .label-warning {
5261 padding: 10px 6px !important;
5262 }
5263 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5264 display: inline-block;
5265 }
5266 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5267 min-height: 34px;
5268 line-height: 1.3em;
5269 margin: 3px 0;
5270 }
5271 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5272 font-weight: bold;
5273 margin-left: 2px;
5274 }
5275 .vbo-dashboard-guest-activity-content-info-date {
5276 margin-left: auto;
5277 font-size: .9em;
5278 text-align: right;
5279 color: var(--vbo-config-titles-color-light);
5280 }
5281 .vbo-dashboard-guest-activity-content-info-date span {
5282 display: block;
5283 }
5284 .vbo-dashboard-guest-activity-content-info-msg {
5285 color: var(--vbo-config-titles-color-light);
5286 font-size: 13px;
5287 }
5288 .vbo-dashboard-guest-activity-content-info-msg p {
5289 margin: 0;
5290 }
5291 .vbo-dashboard-guest-activity-skeleton {
5292 padding: 17px 15px;
5293 }
5294 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5295 width: 40px;
5296 height: 40px;
5297 border-radius: 50%;
5298 object-fit: cover;
5299 }
5300 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5301 width: 150px;
5302 height: 15px;
5303 }
5304 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5305 width: 70%;
5306 height: 15px;
5307 }
5308 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5309 width: 100%;
5310 height: 22px;
5311 }
5312 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5313 width: 50px;
5314 height: 11px;
5315 }
5316 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5317 width: 100%;
5318 height: 22px;
5319 }
5320 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5321 position: relative;
5322 overflow: hidden;
5323 display: inline-block;
5324 }
5325 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5326 position: absolute;
5327 top: 0;
5328 right: 0;
5329 bottom: 0;
5330 left: 0;
5331 transform: translateX(-100%);
5332 animation: shimmer 2s infinite;
5333 content: '';
5334 }
5335 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5336 margin-bottom: 5px;
5337 margin-top: 3px;
5338 }
5339
5340 @keyframes shimmer {
5341 100% {
5342 transform: translateX(100%);
5343 }
5344 }
5345
5346 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5347 display: flex;
5348 padding: 10px 15px;
5349 border-bottom: 1px solid var(--vbo-basic-btn);
5350 width: 100%;
5351 box-sizing: border-box;
5352 }
5353 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5354 width: 40px;
5355 margin-right: 15px;
5356 }
5357 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5358 max-width: 100%;
5359 border-radius: 50%;
5360 object-fit: cover;
5361 }
5362 .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 {
5363 width: 40px;
5364 text-align: center;
5365 height: 40px;
5366 line-height: 40px;
5367 border: 1px solid var(--vbo-config-border-color);
5368 border-radius: 50%;
5369 background: var(--vbo-config-child-bg-color);
5370 font-size: 16px;
5371 }
5372 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5373 flex: 1;
5374 }
5375 .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 {
5376 display: flex;
5377 }
5378 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5379 flex-wrap: wrap;
5380 }
5381 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5382 margin-bottom: 3px;
5383 flex: 1;
5384 }
5385 .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 {
5386 margin: 0;
5387 font-size: 16px;
5388 }
5389 .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 {
5390 margin-right: 10px;
5391 margin-top: 2px;
5392 font-size: .9em;
5393 }
5394 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5395 margin-left: auto;
5396 }
5397 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5398 text-align: right;
5399 font-weight: bold;
5400 font-size: 1.2em;
5401 }
5402 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5403 display: flex;
5404 font-size: .95em;
5405 justify-content: right;
5406 }
5407 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5408 margin-right: 6px;
5409 }
5410 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5411 margin-top: 6px;
5412 float: left;
5413 margin-right: 3px;
5414 }
5415 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5416 margin-top: 2px;
5417 float: left;
5418 margin-right: 3px;
5419 }
5420 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5421 margin: 0 0 5px;
5422 }
5423 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5424 margin: 0;
5425 }
5426 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5427 color: var(--vbo-green-color);
5428 }
5429 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5430 color: var(--vbo-red-color);
5431 }
5432 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5433 flex-basis: 100%;
5434 margin-bottom: 3px;
5435 }
5436 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5437 float: right;
5438 margin: 1px;
5439 }
5440 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5441 font-size: 12px;
5442 padding: 5px 8px !important;
5443 }
5444 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5445 margin-bottom: 3px;
5446 }
5447 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5448 display: flex;
5449 width: 100%;
5450 }
5451 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5452 margin-left: auto;
5453 text-align: right;
5454 }
5455 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5456 margin-right: 3px;
5457 color: var(--vbo-middle-color-btn);
5458 }
5459 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5460 display: flex;
5461 flex-wrap: wrap;
5462 }
5463 .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 {
5464 flex: 1;
5465 }
5466
5467 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5468 cursor: pointer;
5469 background: var(--vbo-light-color-btn);
5470 }
5471
5472 .vbo-widget-currconv-wrap {
5473 padding: 15px;
5474 }
5475 .vbo-widget-currconv-filters {
5476 display: flex;
5477 flex-wrap: wrap;
5478 }
5479 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5480 margin-bottom: 5px;
5481 }
5482 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5483 align-self: end;
5484 }
5485 .vbo-widget-currconv-filters label {
5486 display: block;
5487 margin-bottom: 5px;
5488 font-weight: 500;
5489 }
5490 .vbo-widget-currconv-filters-main {
5491 display: flex;
5492 flex-wrap: wrap;
5493 }
5494 .vbo-widget-currconv-filters-submit .btn {
5495 margin-left: 10px;
5496 }
5497 .vbo-widget-currconv-filters-main > div {
5498 margin-right: 10px;
5499 }
5500 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5501 height: 40px;
5502 border-radius: 2px;
5503 }
5504 .vbo-admin-widgets-widget-output .select2-container .select2-selection__rendered {
5505 font-weight: normal;
5506 font-size: 14px;
5507 line-height: 40px !important;
5508 }
5509 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5510 height: 40px;
5511 }
5512 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5513 align-self: end;
5514 flex-basis: 100%;
5515 }
5516 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5517 width: 100%;
5518 margin-left: 0;
5519 }
5520 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5521 margin-left: 0;
5522 }
5523
5524 .vbo-widget-checkav-wrap {
5525 padding: 15px;
5526 }
5527 .vbo-widget-checkav-filters {
5528 display: flex;
5529 flex-wrap: wrap;
5530 }
5531 .vbo-widget-checkav-filters > div {
5532 margin-bottom: 8px;
5533 }
5534 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5535 margin: 5px 0;
5536 }
5537 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5538 display: flex;
5539 flex-wrap: wrap;
5540 }
5541 .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 {
5542 margin-left: 10px;
5543 }
5544 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5545 margin-left: 8px;
5546 }
5547 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5548 flex: 1;
5549 }
5550 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5551 margin-right: 8px;
5552 }
5553 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5554 margin-left: 8px;
5555 }
5556 .vbo-widget-checkav-results {
5557 margin-top: 5px;
5558 }
5559 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5560 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5561 display: grid;
5562 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5563 }
5564 .vbo-widget-checkav-result-splitstays-wrap {
5565 width: 100%;
5566 }
5567 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5568 border: 1px solid var(--vbo-basic-btn);
5569 margin: 5px;
5570 border-radius: 6px;
5571 }
5572 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5573 border-color: var(--vbo-base-color);
5574 }
5575 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5576 display: grid;
5577 grid-template-columns: repeat(2, 1fr);
5578 }
5579 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5580 padding: 8px;
5581 }
5582 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5583 font-weight: bold;
5584 font-size: 1.2em;
5585 margin-bottom: 4px;
5586 }
5587 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5588 color: var(--vbo-base-color);
5589 margin-right: 3px;
5590 width: 16px;
5591 }
5592 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5593 display: block;
5594 margin-bottom: 3px;
5595 }
5596 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5597 margin-right: 3px;
5598 width: 16px;
5599 color: var(--vbo-config-text-color-light);
5600 }
5601 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5602 text-align: center;
5603 margin-bottom: 10px;
5604 }
5605 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5606 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5607 display: flex;
5608 flex-wrap: wrap;
5609 }
5610 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5611 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5612 flex-basis: 100%;
5613 }
5614 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5615 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5616 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5617 flex-basis: 100%;
5618 }
5619 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5620 display: flex;
5621 flex-wrap: wrap;
5622 }
5623 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5624 margin: 5px;
5625 }
5626 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5627 flex-basis: 100%;
5628 }
5629 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5630 flex-basis: 100%;
5631 text-align: center;
5632 margin-bottom: 5px;
5633 padding-top: 5px;
5634 }
5635 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5636 margin-right: 10px;
5637 }
5638 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5639 display: flex;
5640 flex-wrap: wrap;
5641 justify-content: center;
5642 width: 100%;
5643 }
5644 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5645 flex-basis: calc(33% - 34px);
5646 border: 1px solid var(--vbo-config-border-color);
5647 border-radius: 4px;
5648 padding: 10px;
5649 margin: 5px;
5650 text-align: center;
5651 }
5652 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5653 margin-right: 4px;
5654 }
5655 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5656 white-space: nowrap;
5657 overflow: hidden;
5658 text-overflow: ellipsis;
5659 max-width: 300px;
5660 }
5661 .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 {
5662 flex-basis: 100%;
5663 max-width: 100%;
5664 margin-bottom: 4px;
5665 }
5666 @media screen and (min-width: 1800px) {
5667 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5668 flex-basis: calc(33% - 30px);
5669 }
5670 .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 {
5671 flex-basis: calc(50% - 30px);
5672 margin: 5px;
5673 }
5674 .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 {
5675 width: 100%;
5676 display: grid;
5677 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5678 }
5679 .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 {
5680 grid-template-columns: repeat(3, 1fr);
5681 }
5682 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5683 border-color: var(--vbo-input-style);
5684 }
5685 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5686 border-color: var(--vbo-base-color);
5687 }
5688 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5689 display: inline-block;
5690 }
5691 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5692 display: block;
5693 }
5694 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5695 text-align: right;
5696 min-width: 80px;
5697 }
5698 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5699 text-align: left;
5700 min-width: initial;
5701 }
5702 }
5703 @media screen and (max-width: 1800px) {
5704 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
5705 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5706 flex-basis: 100%;
5707 }
5708 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5709 flex-basis: calc(100% - 30px);
5710 }
5711 }
5712 @media screen and (min-width: 2500px) {
5713 .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 {
5714 flex-basis: calc(33% - 30px);
5715 margin: 5px;
5716 }
5717 }
5718 @media screen and (min-width: 3000px) {
5719 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5720 display: inline-block;
5721 }
5722 }
5723 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
5724 font-weight: bold;
5725 font-size: 1.2em;
5726 margin-bottom: 5px;
5727 }
5728 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5729 display: flex;
5730 margin: 5px 0 8px;
5731 padding-bottom: 5px;
5732 border-bottom: 1px solid var(--vbo-config-border-color);
5733 }
5734 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
5735 border-bottom: 0;
5736 padding-bottom: 0px;
5737 }
5738 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
5739 display: inline-block;
5740 }
5741 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5742 padding: 10px;
5743 background-color: var(--vbo-input-style);
5744 margin: 0px 0 8px;
5745 border-radius: 6px;
5746 }
5747 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
5748 flex: 1;
5749 display: flex;
5750 }
5751 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5752 align-self: center;
5753 margin: 0 10px;
5754 }
5755 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
5756 display: block;
5757 }
5758 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
5759 font-weight: bold;
5760 }
5761 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5762 display: inline-block;
5763 min-width: 150px;
5764 align-self: center;
5765 }
5766 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5767 margin-left: auto;
5768 margin-right: 0;
5769 }
5770 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
5771 padding: 7px 12px;
5772 }
5773 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
5774 margin: 0 0 6px;
5775 }
5776 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5777 margin: 5px;
5778 }
5779 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
5780 display: flex;
5781 flex-wrap: wrap;
5782 }
5783 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5784 align-self: center;
5785 margin-right: 10px;
5786 flex: 1;
5787 }
5788 .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 {
5789 flex-basis: 100%;
5790 }
5791 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5792 margin-bottom: 3px;
5793 }
5794 .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 {
5795 margin-top: 8px;
5796 width: 100%;
5797 text-align: center;
5798 }
5799 .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 {
5800 width: 100%;
5801 }
5802 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
5803 margin-right: 10px;
5804 }
5805 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
5806 color: var(--vbo-config-text-color-light);
5807 width: 16px;
5808 margin-right: 3px;
5809 }
5810 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5811 margin-left: auto;
5812 }
5813 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5814 width: 100%;
5815 display: flex;
5816 flex-wrap: wrap;
5817 }
5818 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5819 flex: initial;
5820 }
5821 .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 {
5822 width: 110px !important;
5823 }
5824 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
5825 align-self: center;
5826 margin-right: 5px;
5827 }
5828 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
5829 flex: 1;
5830 width: 80px !important;
5831 }
5832 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
5833 .admin.com_vikbooking .vbo-widget-checkav-filters input {
5834 padding: 8px 10px;
5835 box-sizing: border-box;
5836 height: auto;
5837 }
5838 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5839 margin-top: 0;
5840 }
5841 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5842 display: flex;
5843 flex-wrap: wrap;
5844 }
5845 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
5846 flex: 1;
5847 }
5848 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
5849 margin-right: 8px;
5850 }
5851 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5852 width: 75px !important;
5853 }
5854 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5855 margin-left: 0;
5856 }
5857 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5858 width: 100%;
5859 margin-left: 0;
5860 }
5861 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
5862 width: 100%;
5863 }
5864 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5865 margin-right: 10px;
5866 min-width: initial;
5867 }
5868 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
5869 display: block;
5870 margin-bottom: 5px;
5871 }
5872 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5873 align-self: end;
5874 }
5875 @media screen and (max-width: 1000px) {
5876 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5877 flex: 1;
5878 flex-basis: 100%;
5879 margin-bottom: 8px;
5880 }
5881 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
5882 width: 100%;
5883 display: flex;
5884 }
5885 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
5886 flex: 1;
5887 width: 100%;
5888 }
5889 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
5890 margin: 0;
5891 width: 100%;
5892 display: inline-block;
5893 }
5894 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
5895 flex: 1;
5896 }
5897 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
5898 margin-right: 10px;
5899 align-self: center;
5900 }
5901 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
5902 align-self: auto;
5903 }
5904 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
5905 display: block;
5906 }
5907 }
5908 @media screen and (max-width: 2200px) {
5909 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5910 width: auto;
5911 flex-basis: 100%;
5912 }
5913 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5914 flex: 1;
5915 display: flex;
5916 }
5917 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5918 flex-basis: 100%;
5919 }
5920 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5921 width: 100% !important;
5922 }
5923 }
5924 @media screen and (max-width: 1800px) {
5925 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5926 flex-wrap: wrap;
5927 }
5928 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
5929 flex-basis: 100%;
5930 margin-right: 0;
5931 }
5932 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5933 margin-left: 0;
5934 margin-right: 16px;
5935 }
5936 .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 {
5937 margin-left: auto;
5938 }
5939 }
5940 @media screen and (min-width: 2200px) {
5941 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5942 width: auto;
5943 flex: inherit;
5944 }
5945 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5946 margin-right: 5px;
5947 }
5948 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5949 width: auto;
5950 }
5951 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5952 width: auto;
5953 margin-left: 8px;
5954 align-self: end;
5955 }
5956 }
5957 @media screen and (min-width: 1800px) {
5958 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
5959 display: flex;
5960 flex-wrap: wrap;
5961 }
5962 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
5963 flex-basis: 100%;
5964 }
5965 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5966 flex-basis: calc(33% - 40px);
5967 }
5968 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5969 flex-basis: 100%;
5970 }
5971 }
5972
5973 .vbo-widget-commands-right {
5974 text-align: right;
5975 padding: 5px 15px 10px 0;
5976 }
5977 .vbo-widget-commands > div {
5978 display: inline-block;
5979 }
5980 .vbo-widget-commands-main > div {
5981 display: inline-block;
5982 vertical-align: top;
5983 }
5984 .vbo-widget-commands-main .vbo-widget-command-chevron {
5985 margin-top: 4px;
5986 }
5987 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
5988 display: inline-block;
5989 font-size: 14px;
5990 border: 1px solid var(--vbo-config-border-color);
5991 padding: 5px 10px;
5992 border-radius: 2px;
5993 background: var(--vbo-config-child-bg-color);
5994 cursor: pointer;
5995 }
5996
5997 .vbo-dashboard-forecast-wrap h4 {
5998 padding: 23px 0px 22px 15px;
5999 margin-bottom: 20px;
6000 text-align: center;
6001 display: block;
6002 }
6003 .vbo-dash-chart-title .vbo-dash-chart-nav {
6004 display: inline-block;
6005 font-size: 14px;
6006 border: 1px solid #ddd;
6007 padding: 5px 10px;
6008 border-radius: 2px;
6009 background: #f6f6f6;
6010 cursor: pointer;
6011 }
6012 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6013 background: #eee;
6014 }
6015 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6016 margin-right: 0;
6017 }
6018 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6019 border: 0;
6020 }
6021 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6022 border: 1px solid var(--vbo-blue-color);
6023 display: inline-block;
6024 padding: 5px 8px;
6025 border-radius: 4px;
6026 text-transform: capitalize;
6027 font-size: 14px;
6028 margin-left: 7px;
6029 font-weight: bold;
6030 color: var(--vbo-blue-color);
6031 vertical-align: top;
6032 margin-top: -5px;
6033 }
6034 .vbo-admin-widget-wrapper h4 i {
6035 margin-right: 8px;
6036 font-size: 17px;
6037 }
6038 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6039 margin-right: 0;
6040 font-size: 14px;
6041 vertical-align: initial;
6042 }
6043 .vbo-admin-widget-wrapper table thead tr:first-child th,
6044 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6045 color: var(--vbo-config-titles-color-light);
6046 font-weight: bold;
6047 padding: 15px 15px;
6048 text-transform: uppercase;
6049 }
6050 .vbo-admin-widget-wrapper .table .searchable.center {
6051 white-space: inherit;
6052 }
6053 .vbo-admin-widget-wrapper .table td {
6054 padding: 11px 15px !important;
6055 border-top: 1px solid var(--vbo-basic-btn) !important;
6056 border-bottom: 0;
6057 }
6058 .vbo-dashboard-charts {
6059 width: 100%;
6060 display: inline-block;
6061 margin: 20px 0;
6062 padding: 15px 0;
6063 border-top:1px solid var(--vbo-config-border-color);
6064 border-bottom:1px solid var(--vbo-config-border-color);
6065 }
6066 .vbo-dashboard-charts-wrapper {
6067 margin: 0 auto 20px;
6068 padding: 18px;
6069 display: grid;
6070 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6071 }
6072 .vbo-dashboard-chart-container {
6073 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6074 display: inline-block;
6075 margin: 8px;
6076 padding: 0;
6077 border-radius: 16px;
6078 border: 1px solid var(--vbo-basic-btn);
6079 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6080 }
6081 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6082 display: inline-block;
6083 font-size: 16px;
6084 font-weight: bold;
6085 padding: 20px 0 0;
6086 text-align: center;
6087 width: 100%;
6088 border-top-left-radius: 8px;
6089 border-top-right-radius: 8px;
6090 }
6091 .vbo-dashboard-chart-container .donutChart {
6092 display: block;
6093 margin: 0 auto;
6094 padding: 0 8px;
6095 }
6096 .vbo-dashboard-next-bookings-block {
6097 background: #fff;
6098 border-radius: 8px;
6099 box-shadow: 0 0 20px rgba(0,0,0,.1);
6100 margin: 0 28px 18px;
6101 }
6102 .vbo-table-search-cout {
6103 margin-bottom: 0 !important;
6104 }
6105 .vbo-admin-widget-wrapper {
6106 padding-bottom: 8px;
6107 }
6108 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6109 display: inline-block;
6110 border-radius: 4px;
6111 border: 1px solid var(--vbo-base-color);
6112 padding: 3px 8px;
6113 color: var(--vbo-base-color);
6114 }
6115 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6116 text-decoration: none;
6117 background: var(--vbo-base-color-hover);
6118 color: #fff;
6119 }
6120 .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 {
6121 white-space: initial;
6122 }
6123 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6124 word-break: inherit;
6125 }
6126 .vbo-dashboard-next-bookings .table {
6127 margin-bottom: 0;
6128 }
6129 .vbo-dashboard-next-bookings-block h4 {
6130 font-size: 20px;
6131 font-weight: bold;
6132 color: var(--vbo-config-title-color);
6133 border-top-right-radius: 16px;
6134 border-top-left-radius: 16px;
6135 border-bottom: 1px solid var(--vbo-config-border-color);
6136 margin: 0;
6137 padding: 22px 15px;
6138 }
6139 .vbo-dashboard-next-bookings-block h4 i {
6140 margin-right: 15px;
6141 }
6142 .vbo-dashboard-refresh-container {
6143 margin: 20px 28px 0;
6144 float: right;
6145 border-radius: 40px;
6146 border: 1px solid var(--vbo-config-border-color);
6147 padding: 10px 20px;
6148 }
6149 .vbo-dashboard-refresh-container > span {
6150 display: inline-block;
6151 margin: 0 2px;
6152 }
6153 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6154 font-size: 1.3em;
6155 padding: 10px 13px 7px 0;
6156 position: relative;
6157 text-align: center;
6158 display: inline-block;
6159 font-weight: bold;
6160 }
6161 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6162 display: inline-block;
6163 margin:0 8px 0 0;
6164 font-weight: normal;
6165 }
6166 .vbo-dashboard-refresh-play {
6167 color: var(--vbo-base-color);
6168 text-align: center;
6169 display: inline-block;
6170 position: relative;
6171 cursor: pointer;
6172 }
6173 .vbo-dashboard-refresh-play:after {
6174 content: "\25b6";
6175 display: inline-block;
6176 border-radius: 50%;
6177 background: var(--vbo-config-bg-color);
6178 border: 1px solid var(--vbo-config-bg-color);
6179 height: 35px;
6180 line-height: 38px;
6181 padding: 0;
6182 width: 35px;
6183 font-size: 16px;
6184 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6185 text-align: center;
6186 }
6187 .vbo-dashboard-refresh-stop {
6188 color: var(--vbo-base-color);
6189 text-align: center;
6190 display: inline-block;
6191 position: relative;
6192 cursor: pointer;
6193 }
6194 .vbo-dashboard-refresh-stop:after {
6195 content: "\25A0";
6196 display: inline-block;
6197 border-radius: 50%;
6198 border: 1px solid var(--vbo-config-bg-color);
6199 background: var(--vbo-config-bg-color);
6200 height: 35px;
6201 line-height: 30px;
6202 padding: 0;
6203 width: 35px;
6204 font-size: 24px;
6205 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6206 text-align: center;
6207 }
6208 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6209 border: 1px solid var(--vbo-base-color);
6210 }
6211 .vbo-dashboard-rooms-locked-block {
6212 background: var(--vbo-config-bg-color);
6213 border-radius: 8px;
6214 box-shadow: 0 0 20px rgba(0,0,0,.1);
6215 margin: 0 28px 18px;
6216 }
6217 .vbo-dashboard-rooms-locked h4 {
6218 font-size: 22px;
6219 font-weight: normal;
6220 background: var(--vbo-config-child-bg-color);
6221 border-top-right-radius: 8px;
6222 border-top-left-radius: 8px;
6223 border-bottom: 1px solid var(--vbo-config-border-color);
6224 text-transform: uppercase;
6225 margin: 0;
6226 padding: 22px 15px;
6227 }
6228 .vbo-dashboard-rooms-locked h4 i {
6229 margin-right: 0.25em;
6230 }
6231 .vbo-dashboard-rooms-locked h4 span {
6232 border: 1px solid #FF9326;
6233 display: inline-block;
6234 padding: 5px 8px;
6235 border-radius: 4px;
6236 text-transform: capitalize;
6237 font-size: 14px;
6238 margin-left: 7px;
6239 font-weight: bold;
6240 color: #FF9326;
6241 vertical-align: top;
6242 margin-top: -5px;
6243 }
6244 .vbo-dashboard-rooms-locked table {
6245 margin-bottom: 0;
6246 }
6247 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6248 background: var(--vbo-config-child-bg-color);
6249 }
6250 .vbo-dashboard-today-occ-listcont {
6251 display: grid;
6252 padding: 10px;
6253 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6254 }
6255 .vbo-dashboard-today-roomocc-rows td {
6256 background: transparent !important;
6257 }
6258 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6259 padding: 0;
6260 width: 100%;
6261 }
6262 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6263 display: inline-block;
6264 width: 100%;
6265 }
6266 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6267 width: 100%;
6268 box-sizing: border-box;
6269 margin: 0;
6270 text-align: right;
6271 padding-right: 15px;
6272 }
6273 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6274 margin: 10px;
6275 background: var(--vbo-config-bg-color);
6276 border-radius: 10px;
6277 border: 1px solid var(--vbo-basic-btn);
6278 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6279 }
6280 .vbo-dashboard-today-roomocc-row-checkout {
6281 display: flex;
6282 margin-left: auto;
6283 justify-content: end;
6284 }
6285 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6286 align-self: center;
6287 }
6288 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6289 padding: 5px 8px;
6290 margin-left: 5px;
6291 }
6292 .vbo-dashboard-today-roomocc-det-rname {
6293 display: inline-block;
6294 overflow: hidden;
6295 text-overflow: ellipsis;
6296 white-space: nowrap;
6297 vertical-align: middle;
6298 max-width: 82%;
6299 }
6300 .vbo-dashboard-today-occ-block {
6301 margin: 0 0 30px 0;
6302 padding: 0 0 30px 0;
6303 border-bottom:1px solid var(--vbo-config-border-color);
6304 }
6305 .vbo-dashboard-today-roomocc-firstrow {
6306 font-weight: bold;
6307 margin: 0;
6308 }
6309 .vbo-dashboard-today-occ {
6310 margin: 10px 30px;
6311 }
6312 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6313 font-size: 20px;
6314 font-weight: bold;
6315 color: var(--vbo-config-title-color);
6316 padding: 0 25px 0 0;
6317 position: relative;
6318 display: inline-block;
6319 }
6320 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6321 border: 1px solid var(--vbo-config-border-color);
6322 border-radius: 2px;
6323 padding: 8px 10px;
6324 margin-bottom: 0;
6325 box-sizing: border-box;
6326 height: auto;
6327 }
6328 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6329 padding: 8px 10px;
6330 border-radius: 0 2px 2px 0;
6331 border: 1px solid var(--vbo-config-border-color);
6332 }
6333 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6334 margin-right: 0;
6335 }
6336 .vbo-dashboard-today-roomocc-det > h5 {
6337 font-weight: bold;
6338 padding: 15px;
6339 margin: 0;
6340 font-size: 1.1em;
6341 text-align: left;
6342 border-top-right-radius: 16px;
6343 border-top-left-radius: 16px;
6344 border-bottom: 1px solid var(--vbo-config-border-color);
6345 }
6346 .vbo-dashboard-today-roomocc-firstrow th {
6347 background: var(--vbo-config-bg-color);
6348 font-weight: bold;
6349 font-size: 12px;
6350 padding: 15px 15px !important;
6351 text-transform: uppercase;
6352 color: var(--vbo-config-titles-color-light);
6353 }
6354 .vbo-dashboard-today-roomocc-firstrow th.left {
6355 white-space: nowrap;
6356 }
6357 .vbo-dashboard-today-roomocc-rows td {
6358 padding: 11px 15px !important;
6359 }
6360 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6361 width: 15px;
6362 }
6363 .vbo-dashboard-today-roomocc-rows td.left a {
6364 font-weight: bold;
6365 color: var(--vbo-config-title-color);
6366 }
6367 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6368 color: var(--vbo-base-color);
6369 }
6370 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6371 display: inline-block;
6372 border-radius: 6px;
6373 padding: 2px 7px;
6374 margin-top: -5px;
6375 margin-left: 10px;
6376 float: right;
6377 }
6378 .vbo-roomocc-units-free {
6379 background: #e5ffd6;
6380 border: 1px solid #8fd569;
6381 color: #639448;
6382 }
6383 .vbo-roomocc-units-half {
6384 color: #a88706;
6385 background: #fff6a9;
6386 border: 1px solid #e1c903;
6387 }
6388 .vbo-roomocc-units-threefourth {
6389 background: #ffdfbe;
6390 border: 1px solid #ffbd79;
6391 color: #e27300;
6392 }
6393 .vbo-roomocc-units-full {
6394 background: #ffdbd3;
6395 border: 1px solid #ffa7a7;
6396 color: #d44b2d;
6397 }
6398 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6399 display: inline-block;
6400 text-align: center;
6401 border-radius: 4px;
6402 padding: 2px 0;
6403 }
6404 .vbo-dashboard-today-roomocc-customers.table-responsive {
6405 height: 200px;
6406 overflow-y: scroll;
6407 width: 100%;
6408 }
6409 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6410 white-space: normal;
6411 vertical-align: middle;
6412 }
6413 th.vbo-tdright, td.vbo-tdright {
6414 text-align: right !important;
6415 }
6416 th.vbo-tdright, td.vbo-tdright .btn {
6417 white-space: nowrap;
6418 }
6419 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6420 display: none;
6421 }
6422 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6423 display: table-row;
6424 }
6425 tr.no-results > td {
6426 background-color: #fcf8e3;;
6427 }
6428 .hidden-for-search {
6429 display: none;
6430 }
6431 .vbo-info-overlay-content-orphans > h3 > i {
6432 color: #cc0000;
6433 }
6434 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6435 display: grid;
6436 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6437 }
6438 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6439 margin: 5px;
6440 border-radius: 10px;
6441 border: 1px solid var(--vbo-config-border-color);
6442 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6443 display: flex;
6444 flex-wrap: wrap;
6445 flex-direction: column;
6446 }
6447 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6448 border-color: var(--vbo-base-color);
6449 }
6450 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6451 margin: 0 0 5px;
6452 padding: 10px;
6453 font-size: 1.1em;
6454 border-bottom: 1px solid var(--vbo-basic-btn);
6455 }
6456 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6457 margin-bottom: 10px;
6458 max-height: 150px;
6459 overflow: hidden;
6460 overflow-y: scroll;
6461 padding: 10px;
6462 }
6463 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6464 margin-top: 10px;
6465 }
6466 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6467 margin-top: auto;
6468 text-align: center;
6469 padding: 0 10px 10px;
6470 }
6471 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6472 text-align: center;
6473 margin-top: 20px;
6474 }
6475 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6476 display: inline-block;
6477 margin: 5px;
6478 }
6479 .vbo-center {
6480 text-align: center;
6481 }
6482 .vbo-enormous-icn {
6483 font-size: 100px;
6484 }
6485 .vbo-list-table {
6486 margin-top: 15px;
6487 }
6488 .vbo-bookingslist-table thead, .vbo-list-table thead {
6489 background: var(--vbo-config-bg-color);
6490 }
6491 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6492 padding: 18px 10px;
6493 text-transform: uppercase;
6494 font-size: 12px;
6495 color: var(--vbo-config-titles-color-light);
6496 }
6497 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6498 background: var(--vbo-config-bg-color) !important;
6499 border-top: 1px solid var(--vbo-config-border-color);
6500 }
6501 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6502 background: var(--vbo-config-child-bg-color) !important;
6503 }
6504 .vbo-bookingslist-table tbody > tr:last-child td {
6505 padding-bottom: 30px;
6506 vertical-align: top;
6507 }
6508 /* Dashboard - End */
6509 span.label {
6510 padding:3px 6px !important;
6511 }
6512 .vbo-export-customer-entry {
6513 display: block;
6514 margin: 10px 0;
6515 }
6516 .vbo-export-customer-entry span label {
6517 display: inline-block;
6518 margin: 0;
6519 min-width: 185px;
6520 }
6521 /* Calendar - Start */
6522 .vbo-quickres-wrapper {
6523 display: block;
6524 float: left;
6525 width: 48%;
6526 }
6527 .vbo-quickres-head {
6528 margin: 0 0 10px;
6529 width: 100%;
6530 display: inline-block;
6531 border-bottom: 1px solid var(--vbo-config-border-color);
6532 padding-bottom: 10px;
6533 }
6534 .vbo-quickres-head h4 {
6535 display: inline-block;
6536 font-size: 13px;
6537 font-weight: bold;
6538 text-transform: uppercase;
6539 }
6540 .vbo-quickres-head .vbo-quickres-head-right {
6541 display: inline-block;
6542 float: right;
6543 }
6544 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6545 .vbo-editbooking-room-switch .select2-selection--single {
6546 font-weight: normal;
6547 font-size: 14px !important;
6548 height: 36px !important;
6549 border: 1px solid var(--vbo-config-border-color) !important;
6550 border-radius: 2px !important;
6551 }
6552 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6553 .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 {
6554 height: 36px;
6555 }
6556 .select2-dropdown {
6557 border: 1px solid var(--vbo-config-border-color) !important;
6558 }
6559 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6560 .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 {
6561 line-height: 36px;
6562 }
6563 .vbo-quickres-head .vbo-quickres-head-right form {
6564 margin-top: 5px;
6565 margin-bottom: 0;
6566 }
6567 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6568 display: inline-block;
6569 margin: 8px 0 0 20px;
6570 vertical-align: top;
6571 }
6572 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6573 margin-bottom: 5px;
6574 }
6575 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6576 margin-bottom: 5px;
6577 }
6578 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6579 display: inline-block;
6580 margin: 9px 5px 0 0;
6581 }
6582 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6583 margin-right: 5px;
6584 }
6585
6586 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6587 height: 350px !important;
6588 }
6589 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6590 width: 100% !important;
6591 }
6592 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6593 margin: 5px 0;
6594 }
6595 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6596 border: 1px solid var(--vbo-base-color);
6597 }
6598 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
6599 margin-top: 15px;
6600 }
6601 .vbo-params-fieldset-label {
6602 font-weight: bold;
6603 margin-bottom: 5px;
6604 }
6605 .vbo-params-fieldset-label .label.label-success {
6606 font-size: 13px;
6607 display: inline-block;
6608 font-weight: 500;
6609 line-height: initial;
6610 }
6611 .vbo-params-fieldset-label .label.label-success i {
6612 margin-right: 3px;
6613 }
6614 textarea.vbo-textarea-copyable {
6615 width: 0 !important;
6616 height: 0 !important;
6617 opacity: 0 !important;
6618 min-height: 0 !important;
6619 padding: 0 !important;
6620 float: right;
6621 cursor: default;
6622 }
6623 .vbo-params-block {
6624 border: 1px solid var(--vbo-input-style-nested-deactive);
6625 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6626 border-radius: 10px;
6627 padding: 0 20px 10px;
6628 margin-bottom: 20px;
6629 }
6630 .vbo-params-block-nested {
6631 padding: 10px;
6632 margin: 10px 0 10px 10px;
6633 border-radius: 6px;
6634 background: var(--vbo-config-bg-color);
6635 }
6636 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
6637 background: rgba(255, 143, 143, 0.60) !important;
6638 border-color: #900;
6639 }
6640 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6641 align-self: center;
6642 }
6643 .vbo-params-block .vbo-param-container {
6644 border-top: 1px solid var(--vbo-main-bg-color);
6645 padding: 10px 0px;
6646 }
6647 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6648 border-top: 0;
6649 }
6650 .vbo-params-block > .vbo-param-container:only-child {
6651 margin-bottom: 0;
6652 }
6653 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6654 background: var(--vbo-config-bg-color);
6655 border-top: 1px solid var(--vbo-main-bg-color);
6656 }
6657 .vbo-cal-splitstay-details {
6658 display: inline-block;
6659 border-radius: 10px;
6660 border: 1px solid var(--vbo-basic-btn);
6661 min-width: 400px;
6662 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6663 }
6664 .vbo-cal-splitstay-details > div {
6665 display: grid;
6666 grid-template-columns: repeat(2, 1fr);
6667 }
6668 .vbo-cal-splitstay-details > div > span {
6669 padding: 8px 14px;
6670 display: inline-block;
6671 }
6672 .vbo-cal-splitstay-details > div > span i {
6673 margin-right: 3px;
6674 color: var(--vbo-config-text-color-light);
6675 }
6676 .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 {
6677 border-right: 1px solid var(--vbo-basic-btn);
6678 }
6679 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6680 color: var(--vbo-red-color);
6681 }
6682 #vbo-geo-map .gm-style .gm-style-iw-c {
6683 background: var(--vbo-config-bg-color);
6684 }
6685 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6686 display: inline-block;
6687 }
6688 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6689 cursor: pointer;
6690 }
6691 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6692 text-align: center;
6693 padding: 10px 15px;
6694 margin: 5px;
6695 border: 1px solid var(--vbo-config-border-color);
6696 border-radius: 2px;
6697 position: relative;
6698 }
6699 #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 {
6700 border-color: var(--vbo-base-color);
6701 }
6702 #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 {
6703 position: absolute;
6704 content: "";
6705 width: 10px;
6706 height: 10px;
6707 top: -6px;
6708 left: -7px;
6709 border: 2px solid var(--vbo-config-bg-color);
6710 background-color: var(--vbo-base-color);
6711 border-radius: 50%;
6712 }
6713 #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 {
6714 display: block;
6715 }
6716 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
6717 font-weight: bold;
6718 font-size: 1.2em;
6719 }
6720 #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 {
6721 color: var(--vbo-base-color);
6722 }
6723 .vbo-avcalendars-wrapper {
6724 text-align: center;
6725 border: 1px solid var(--vbo-config-border-color);
6726 background: var(--vbo-config-bg-color);
6727 padding: 10px 10px 20px 10px;
6728 margin-top: 20px;
6729 border-radius: 6px;
6730 }
6731 .vbo-avcalendars-roomphoto {
6732 display: block;
6733 text-align: center;
6734 margin: 5px 0 15px;
6735 }
6736 .vbo-avcalendars-roomphoto img {
6737 border-radius: 2px;
6738 max-height: 250px;
6739 border-radius: 4px;
6740 }
6741 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
6742 margin-bottom: 10px;
6743 margin-bottom: 5px;
6744 border-bottom: 1px solid var(--vbo-config-border-color);
6745 padding-bottom: 10px;
6746 }
6747 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
6748 display: inline-block;
6749 margin-right: 10px;
6750 position: relative;
6751 }
6752 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
6753 margin-bottom: 5px;
6754 font-weight: bold;
6755 }
6756 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
6757 width: auto !important;
6758 }
6759 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
6760 float: right;
6761 margin-left: 5px;
6762 margin-top: 10px;
6763 }
6764 .vbo-calendar-cfields-inner {
6765 display: grid;
6766 grid-template-columns: repeat(2, auto);
6767 gap: 10px 50px;
6768 width: 100%;
6769 padding: 5px 0;
6770 }
6771 .vbo-calendar-cfields-bottom {
6772 margin: 10px 0 15px 0;
6773 }
6774 .vbo-calendar-cfields-bottom .btn {
6775 border: 1px solid var(--vbo-config-border-color);
6776 border-radius: 2px;
6777 padding: 10px 14px;
6778 margin-bottom: 0;
6779 }
6780 .vbo-calendar-cfields-bottom .btn i {
6781 margin-right: 5px;
6782 }
6783 .vbo-calendar-cfields-bottom .btn-success {
6784 border: 1px solid var(--vbo-green-color);
6785 }
6786 .vbo-calendar-cfields-bottom .btn-success i {
6787 margin-right: 6px;
6788 }
6789 .vbo-calendar-cfields-bottom .icon-edit::before {
6790 color: #fff;
6791 }
6792 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
6793 display: inline-block;
6794 }
6795 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
6796 width: 100%;
6797 display: inline-block;
6798 }
6799 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6800 max-width: 100%;
6801 }
6802 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
6803 border: 1px solid var(--vbo-config-border-color);
6804 border-radius: 2px;
6805 padding: 5px 10px;
6806 margin-bottom: 0;
6807 width: 100% !important;
6808 box-sizing: border-box;
6809 height: auto;
6810 }
6811 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
6812 background-color: var(--vbo-input-style-deactive);
6813 }
6814 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6815 border-radius: 2px;
6816 background-color: var(--vbo-config-bg-color);
6817 border: 1px solid var(--vbo-input-style);
6818 padding: 5px 10px;
6819 height: inherit;
6820 width: 100% !important;
6821 }
6822 .vbo-assign-customer {
6823 cursor: pointer;
6824 background: var(--vbo-config-bg-color);
6825 color: var(--vbo-base-color);
6826 border-radius: 3px;
6827 display: inline-block;
6828 font-weight: bold;
6829 border: 1px solid var(--vbo-base-color);
6830 }
6831 .vbo-assign-customer > i {
6832 background: var(--vbo-base-color);
6833 color: var(--vbo-config-bg-color);
6834 padding: 8px 10px;
6835 font-size: 18px;
6836 }
6837 .vbo-assign-customer > span {
6838 padding: 0 8px 0 3px;
6839 display: inline-block;
6840 vertical-align: middle;
6841 }
6842 .vbo-assign-customer:hover {
6843 background: var(--vbo-base-color);
6844 color: #fff;
6845 }
6846 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
6847 background: var(--vbo-base-color-hover);
6848 }
6849 #vbfillcustfields .icon-edit::before {
6850 color: #fff;
6851 font-weight: normal;
6852 }
6853 #quickbsubmit i:before {
6854 color: #fff;
6855 }
6856 #vbspanbstat strong {
6857 display: inline-block;
6858 min-width: 125px;
6859 }
6860 #vbspanbpay strong {
6861 display: inline-block;
6862 min-width: 125px;
6863 }
6864 #vbspancmail strong {
6865 display: inline-block;
6866 min-width: 125px;
6867 }
6868 #vbo-highlight-cfields mark {
6869 padding: 0 3px;
6870 margin: -1px -4px;
6871 border-radius: 0.5em;
6872 }
6873 .vbo-calendar-cfield-entry label {
6874 display: block;
6875 font-weight: bold;
6876 color: var(--vbo-config-titles-color-light);
6877 margin-bottom: 4px;
6878 }
6879 #vbo-searchcust-loading, .vbo-searchcust-loading {
6880 display: none;
6881 }
6882 #vbo-searchcust-res, .vbo-searchcust-res {
6883 position: absolute;
6884 z-index: 2;
6885 width: 100%;
6886 max-width: 300px;
6887 }
6888 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
6889 width: 90%;
6890 }
6891 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
6892 list-style: none;
6893 text-align: left;
6894 padding: 0;
6895 margin: 0 0 0 -1px;
6896 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
6897 background-color: var(--vbo-config-bg-color);
6898 border: 1px solid var(--vbo-config-border-color);
6899 white-space: nowrap;
6900 max-height: 200px;
6901 width: 100%;
6902 overflow-y: scroll;
6903 }
6904 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
6905 padding: 6px 10px;
6906 outline: none;
6907 cursor: pointer;
6908 }
6909 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
6910 background: rgba(0,0,0,0.05);
6911 }
6912 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
6913 margin-right: 8px;
6914 display: inline-block;
6915 vertical-align: top;
6916 }
6917 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
6918 display: inline-block;
6919 vertical-align: top;
6920 }
6921 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
6922 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
6923 border-bottom-right-radius: 4px;
6924 border-bottom-left-radius: 4px;
6925 }
6926 .vbo-custsearchres-name {
6927 display: inline-block;
6928 min-width: 130px;
6929 }
6930 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
6931 margin-right: 5px;
6932 }
6933 /* Calendar - End */
6934 /* Outer Info message - Start */
6935 .vbo-outer-info-message {
6936 border: 2px solid var(--vbo-base-color);
6937 border-radius: 4px;
6938 padding: 5px;
6939 margin-bottom: 10px;
6940 cursor: pointer;
6941 }
6942 .vbo-outer-info-message .vboicn-info {
6943 margin-right: 5px;
6944 font-size: 16px;
6945 color: var(--vbo-base-color);
6946 }
6947 .vbo-outer-info-message span {
6948 display: inline-block;
6949 vertical-align: top;
6950 }
6951 .vbo-info-message-cont {
6952 padding: 5px;
6953 font-weight: bold;
6954 }
6955 .vbo-dyninpnum-cont input[type="number"],
6956 #vbjstotnights input[type="number"] {
6957 width: 100px !important;
6958 }
6959 .vbo-dyninpnum-cont select {
6960 max-width: 130px;
6961 }
6962 /* Outer Info message - End */
6963 .vbo-country-flag-left {
6964 float: left;
6965 margin: 0 5px 0 0;
6966 }
6967 .vbo-country-flag {
6968 width: 16px;
6969 height: 16px;
6970 object-fit: cover;
6971 }
6972 .vbo-country-flag.vbo-customer-avatar-flag {
6973 border-radius: 50%;
6974 }
6975 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
6976 object-fit: cover;
6977 }
6978 .vbo-roomentries-cont {
6979 float: left;
6980 display: inline-block;
6981 margin: 0 15px 0 2px;
6982 width: 204px;
6983 height: auto;
6984 overflow: hidden;
6985 }
6986 .vbo-roomentry-cont {
6987 display: block;
6988 margin: 5px 0;
6989 }
6990 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
6991 margin-top: 0;
6992 }
6993 .vbo-roomentry-cont input[type="checkbox"] {
6994 display: inline-block;
6995 margin-right: 5px;
6996 margin-top: 0;
6997 }
6998 .vbo-roomentry-cont label {
6999 display: inline !important;
7000 }
7001 tr.vbroomparamp td #lastavail {
7002 vertical-align: top;
7003 }
7004 tr.vbroomparamp td span {
7005 font-size: smaller;
7006 font-style: italic;
7007 display: inline-block;
7008 padding-left: 8px;
7009 max-width: 450px;
7010 }
7011 ul.vbo-sortable {
7012 list-style-type: none;
7013 margin: 0;
7014 padding: 0;
7015 }
7016 ul.vbo-sortable li {
7017 margin-right: 12px;
7018 padding: 1px;
7019 display: inline-block;
7020 vertical-align: top;
7021 width: auto;
7022 max-height: 70px;
7023 margin-bottom: 5px;
7024 }
7025 .vbo-editroom-currentphoto {
7026 position: relative;
7027 }
7028 .vbo-editroom-currentphoto a {
7029 cursor: grab;
7030 }
7031 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7032 cursor: pointer;
7033 }
7034 .vbo-tip-small {
7035 display: inline-block;
7036 min-width: 30px;
7037 }
7038 .vbo-smalltext {
7039 font-size: smaller;
7040 }
7041 .vbo-first-imgup {
7042 display: inline-block;
7043 border: 1px solid var(--vbo-config-border-color);
7044 border-radius: 3px;
7045 padding: 10px;
7046 margin: 5px 0;
7047 background: var(--vbo-main-bg-color);
7048 width: 100%;
7049 box-sizing: border-box;
7050 }
7051 .vbo-first-imgup > span {
7052 border-left: 1px solid rgb(221, 221, 221);
7053 display: inline-block;
7054 padding: 5px 0px 5px 10px;
7055 }
7056 .vbo-first-imgup > input[type="file"] {
7057 box-sizing: border-box;
7058 height: auto;
7059 margin-bottom: 10px;
7060 background: var(--vbo-input-style);
7061 }
7062 .vbo-first-imgup > input[type="text"] {
7063 margin-top: 7px;
7064 }
7065 .vbo-first-imgup + #myDiv {
7066 margin-bottom: 5px;
7067 }
7068 .vbo-imgup-caption {
7069 margin-top: 5px;
7070 }
7071 .vbo-imgup-caption span {
7072 display: block;
7073 margin-bottom: 4px;
7074 }
7075 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7076 width: 100% !important;
7077 box-sizing: border-box;
7078 height: auto;
7079 }
7080 /* Multi Photos Upload Modal Window - Start */
7081 .vbo-info-overlay-content {
7082 width: 70%;
7083 }
7084 .vbo-info-overlay-content .btn-success {
7085 padding: 9px 14px;
7086 }
7087 .vbo-info-overlay-content .btn-success i {
7088 color: #fff;
7089 display: inline-block;
7090 margin-right: 10px;
7091 }
7092 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7093 position: fixed;
7094 left: 0;
7095 top: 0;
7096 width: 100%;
7097 height: 100%;
7098 background-color: rgba(0,0,0,0.5);
7099 display: none;
7100 z-index: 99999999 !important;
7101 }
7102 a.vbo-info-overlay-close {
7103 display: block;
7104 height: 100%;
7105 cursor: default;
7106 }
7107 .vbo-info-overlay-content {
7108 position: fixed;
7109 left: 50%;
7110 top: 50%;
7111 transform: translate(-50%, -50%);
7112 width: 40%;
7113 height: 60%;
7114 z-index: 101;
7115 padding: 20px;
7116 border-radius: 5px;
7117 background-color: var(--vbo-config-bg-color);
7118 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7119 overflow: auto;
7120 }
7121 .vbo-info-overlay-header {
7122 margin-bottom: 20px;
7123 }
7124 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7125 display: inline-block;
7126 border: 0;
7127 text-align: left;
7128 }
7129 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7130 float: right;
7131 }
7132 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7133 background: var(--vbo-base-color);
7134 color: #fff;
7135 padding: 9px 14px;
7136 margin-right: 8px;
7137 }
7138 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7139 background: var(--vbo-base-color-hover) !important;
7140 }
7141 .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 {
7142 background: var(--vbo-link-text-color) !important;
7143 }
7144 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7145 padding: 9px 14px;
7146 }
7147 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7148 overflow: visible;
7149 }
7150 .vbo-info-overlay-scroll-content {
7151 overflow: hidden;
7152 height: 70%;
7153 position: relative;
7154 overflow-y: scroll;
7155 }
7156 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7157 position: fixed;
7158 left: 50%;
7159 top: 50%;
7160 transform: translate(-50%, -50%);
7161 width: 60%;
7162 height: 60%;
7163 z-index: 101;
7164 padding: 10px;
7165 border-radius: 5px;
7166 background-color: var(--vbo-config-bg-color);
7167 box-shadow: 5px 5px 5px 0 #000;
7168 overflow: auto;
7169 }
7170 .vbo-modal-alert .vbo-info-overlay-content {
7171 height: 20%;
7172 top: 40%;
7173 }
7174 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7175 height: 40%;
7176 top: 20%;
7177 left: 25%;
7178 width: 50%;
7179 }
7180 .vbo-info-overlay-content h3 {
7181 text-align: center;
7182 margin-top: 0;
7183 border-bottom: 1px solid var(--vbo-config-border-color);
7184 padding-bottom: 10px;
7185 }
7186 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7187 color: var(--vbo-red-color);
7188 }
7189 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7190 text-align: left;
7191 margin-bottom: 10px;
7192 }
7193 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7194 background: var(--vbo-config-bg-color);
7195 padding: 20px;
7196 border: 1px solid var(--vbo-config-border-color);
7197 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7198 }
7199 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7200 margin: 5px 0;
7201 box-sizing: border-box;
7202 display: inline-block;
7203 width: 100%;
7204 }
7205 .vbo-overlay-checkin-body iframe {
7206 width: 100%;
7207 border: 0;
7208 height: 50vh;
7209 }
7210 .vbo-info-overlay-content-animated {
7211 -webkit-animation-name: VikbounceInUp;
7212 animation-name: VikbounceInUp;
7213
7214 -webkit-animation-duration: .6s;
7215 animation-duration: .6s;
7216 -webkit-animation-fill-mode: both;
7217 animation-fill-mode: both;
7218 }
7219 .vbo-info-overlay-block-animation:target {
7220 visibility: visible;
7221 }
7222 .vbo-info-overlay-content-hidden {
7223 display: none;
7224 }
7225 .vbo-admin-wizard-container {
7226 margin-bottom: 10px;
7227 }
7228 .vbo-admin-wizard-container .vbo-wizard-btn {
7229 background: #3961bf;
7230 border: 1px solid #3961bf;
7231 color: #fff;
7232 font-weight: bold;
7233 padding: 10px 14px;
7234 margin-right: 5px;
7235 }
7236 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7237 background: #27417d;
7238 border-color: #27417d;
7239 }
7240 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7241 background: #5c77b5;
7242 border-color: #5c77b5;
7243 }
7244 .vbo-admin-wizard-container .vbo-wizard-btn i {
7245 margin-right: 5px;
7246 }
7247
7248 @-webkit-keyframes VikbounceInUp {
7249 from,
7250 60%,
7251 75%,
7252 90%,
7253 to {
7254 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7255 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7256 }
7257
7258 from {
7259 opacity: 0;
7260 -webkit-transform: translate3d(-50%, 150%, 0);
7261 transform: translate3d(-50%, 150%, 0);
7262 }
7263
7264 60% {
7265 opacity: 1;
7266 -webkit-transform: translate3d(-50%, 100%, 0);
7267 transform: translate3d(-50%, 100%, 0);
7268 }
7269
7270 75% {
7271 -webkit-transform: translate3d(-50%, 20%, 0);
7272 transform: translate3d(-50%, 20%, 0);
7273 }
7274
7275 90% {
7276 -webkit-transform: translate3d(-50%, -25%, 0);
7277 transform: translate3d(-50%, -25%, 0);
7278 }
7279
7280 to {
7281 -webkit-transform: translate3d(-50%, -50%, 0);
7282 transform: translate3d(-50%, -50%, 0);
7283 }
7284 }
7285
7286 @keyframes VikbounceInUp {
7287 from,
7288 60%,
7289 75%,
7290 90%,
7291 to {
7292 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7293 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7294 }
7295
7296 from {
7297 opacity: 0;
7298 -webkit-transform: translate3d(-50%, 150%, 0);
7299 transform: translate3d(-50%, 150%, 0);
7300 }
7301
7302 60% {
7303 opacity: 1;
7304 -webkit-transform: translate3d(-50%, 100%, 0);
7305 transform: translate3d(-50%, 100%, 0);
7306 }
7307
7308 75% {
7309 -webkit-transform: translate3d(-50%, 20%, 0);
7310 transform: translate3d(-50%, 20%, 0);
7311 }
7312
7313 90% {
7314 -webkit-transform: translate3d(-50%, -25%, 0);
7315 transform: translate3d(-50%, -25%, 0);
7316 }
7317
7318 to {
7319 -webkit-transform: translate3d(-50%, -50%, 0);
7320 transform: translate3d(-50%, -50%, 0);
7321 }
7322 }
7323
7324 .bounceInUp {
7325 -webkit-animation-name: VikbounceInUp;
7326 animation-name: VikbounceInUp;
7327 }
7328
7329 .vbo-info-overlay-content-wizard {
7330 padding: 25px;
7331 width: 50%;
7332 height: 80%;
7333 }
7334 .vbo-info-overlay-content-wizard {
7335 display: none;
7336 }
7337 .vbo-info-overlay-content-animated {
7338 display: block;
7339 }
7340 .vbo-info-overlay-content-wizard h3 {
7341 text-align: left;
7342 border-bottom: 0;
7343 font-size: 22px;
7344 margin-bottom: 0;
7345 }
7346 .vbo-tariffs-wizard-help-wrap {
7347 margin-bottom: 20px;
7348 }
7349 .vbo-tariffs-wizard-help-wrap p span {
7350 font-style: italic;
7351 }
7352 .vbo-tariffs-wizard-help-wrap h4 {
7353 font-size: 20px;
7354 margin-top: 30px;
7355 font-weight: normal;
7356 }
7357 .vbo-tariffs-wizard-prices-wrap {
7358 display: flex;
7359 flex-wrap: wrap;
7360 justify-content: center;
7361 }
7362 .vbo-tariffs-wizard-price {
7363 flex-basis: 25%;
7364 text-align: center;
7365 border: 2px solid #a3cae1;
7366 padding: 25px;
7367 margin: 4px;
7368 border-radius: 4px;
7369 }
7370 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7371 display: block;
7372 font-weight: bold;
7373 margin-bottom: 5px;
7374 }
7375 .vbo-tariffs-wizard-prices-submit {
7376 text-align: center;
7377 margin-top: 15px;
7378 }
7379 .vbo-rplans-wizard-wrap {
7380 display: flex;
7381 }
7382 .vbo-tariffs-wizard-help-wrap h4 {
7383 text-align: center;
7384 }
7385 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7386 display: inline-block;
7387 padding: 15px;
7388 border: 1px solid #ddd;
7389 border-radius: 4px;
7390 flex: 1;
7391 margin: 5px;
7392 }
7393 .vbo-rplans-wizard-tprice-name {
7394 display: inline-block;
7395 width: 100%;
7396 }
7397 .vbo-rplans-wizard-tprice-name label {
7398 font-weight: bold;
7399 font-size: 18px;
7400 display: inline-block;
7401 }
7402 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7403 float: right;
7404 margin: 0;
7405 padding-top: 0;
7406 padding-bottom: 0;
7407 }
7408 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7409 margin-bottom: 0;
7410 }
7411 .vbo-rplans-wizard-tprice-bkincl label {
7412 display: inline-block;
7413 }
7414 .vbo-rplans-wizard-tprice-bkincl input {
7415 margin-top: 0 !important;
7416 }
7417 .fileinput-button {
7418 position: relative;
7419 overflow: hidden;
7420 display: inline-block;
7421 }
7422 .fileinput-button input {
7423 position: absolute;
7424 top: 0;
7425 right: 0;
7426 margin: 0;
7427 opacity: 0;
7428 -ms-filter: 'alpha(opacity=0)';
7429 font-size: 200px;
7430 direction: ltr;
7431 cursor: pointer;
7432 }
7433 /* Fixes for IE < 8 */
7434 @media screen\9 {
7435 .fileinput-button input {
7436 filter: alpha(opacity=0);
7437 font-size: 100%;
7438 height: 100%;
7439 }
7440 }
7441 .progress {
7442 background-color: var(--vbo-config-child-bg-color);
7443 border-radius: 4px;
7444 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7445 height: 20px;
7446 margin-bottom: 20px;
7447 overflow: hidden;
7448 }
7449 .progress-bar {
7450 background-color: var(--vbo-blue-color);
7451 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7452 color: #fff;
7453 float: left;
7454 font-size: 12px;
7455 height: 100%;
7456 line-height: 20px;
7457 text-align: center;
7458 transition: width 0.6s ease 0s;
7459 width: 0;
7460 }
7461 .progress-bar-success {
7462 background-color: var(--vbo-green-color) !important;
7463 }
7464 .vbo-info-overlay-content .files {
7465 display: inline-block;
7466 width: 100%;
7467 min-height: 40%;
7468 border: 2px dashed var(--vbo-config-border-color);
7469 box-sizing: border-box;
7470 padding: 10px;
7471 }
7472 .vbo-upload-photo {
7473 float: left;
7474 margin: 0 10px 0 0;
7475 padding: 5px;
7476 }
7477 .vbo-upload-photo canvas {
7478 border: 1px solid var(--vbo-basic-btn);
7479 border-radius: 4px;
7480 }
7481 .vbo-upload-photo p {
7482 margin: 0;
7483 text-align: center;
7484 }
7485 .vbo-upload-photo span {
7486 font-weight: bold;
7487 text-align: center;
7488 display: block;
7489 text-align: center;
7490 color: var(--vbo-config-titles-color-light);
7491 }
7492 .vbo-upload-photo p button {
7493 margin-top: 5px;
7494 }
7495 .vbo-info-overlay-content #progress {
7496 margin-top: 15px;
7497 }
7498 .vbo-upload-done {
7499 display: none;
7500 width: 100%;
7501 text-align: center;
7502 padding-top: 15px;
7503 margin-top: 10px;
7504 }
7505 .vbo-upload-done .btn i:before {
7506 color: #fff;
7507 }
7508 .vbo-toggle-imgcaption {
7509 position: absolute;
7510 width: 22px;
7511 font-size: 16px;
7512 z-index: 100;
7513 margin-left: -11px;
7514 margin-top: -6px;
7515 background: var(--vbo-main-bg-color);
7516 border-radius: 50%;
7517 object-fit: cover;
7518 border: 1px solid var(--vbo-config-border-color);
7519 height: 22px;
7520 line-height: 22px;
7521 display: inline-block;
7522 text-align: center;
7523 color: var(--vbo-config-titles-color-light);
7524 }
7525 .vbo-toggle-imgcaption-on {
7526 color: var(--vbo-base-color);
7527 }
7528 .vbo-rmphotos-cont {
7529 margin-bottom: 10px;
7530 }
7531 .vbo-small-p-info {
7532 font-size: smaller;
7533 margin: 10px 0 0;
7534 text-align: right;
7535 }
7536 .vbo-bulkupload-cont {
7537 margin: 20px 0 0 0;
7538 }
7539 /* Multi Photos Upload Modal Window - End */
7540 /* Room Units Distinctive Features - Start */
7541 .vbo-distfeature-row {
7542 display: none;
7543 }
7544 .vbo-distfeatures-toggle-cont {
7545 display: block;
7546 text-align: left;
7547 }
7548 .vbo-distfeatures-cont {
7549 display: none;
7550 background-color: var(--vbo-config-child-bg-color);
7551 padding: 20px;
7552 margin-top: 5px;
7553 }
7554 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7555 background-color: var(--vbo-input-style) !important;
7556 }
7557 .vbo-runit-features-cont {
7558 display: block;
7559 margin-bottom: 10px;
7560 padding-bottom: 10px;
7561 border-bottom: 1px solid var(--vbo-config-border-color);
7562 }
7563 .vbo-runit-features-cont:last-child {
7564 margin-bottom: 0;
7565 border-bottom: 0;
7566 padding-bottom: 0;
7567 }
7568 .vbo-runit-num {
7569 display: block;
7570 font-weight: bold;
7571 }
7572 .vbo-runit-features {
7573 display: block;
7574 }
7575 .vbo-runit-feature {
7576 display: flex;
7577 margin: 5px 0 5px 0;
7578 }
7579 .vbo-runit-feature input {
7580 margin-right: 10px;
7581 }
7582 .vbo-runit-feature input:focus {
7583 background: #fff;
7584 }
7585 .vbo-feature-add {
7586 cursor: pointer;
7587 }
7588 .vbo-feature-remove {
7589 cursor: pointer;
7590 display: inline-block;
7591 font-size: 20px;
7592 align-self: center;
7593 }
7594 /* Room Units Distinctive Features - End */
7595 .vbo-closed-date-entry {
7596 display: inline-block;
7597 background-color: var(--vbo-toolbar-bg-color);
7598 border: 1px solid var(--vbo-toolbar-bg-color);
7599 border-radius: 30px;
7600 margin: 5px 5px 0px 0;
7601 padding: 5px 10px;
7602 color: var(--vbo-base-color);
7603 font-weight: bold;
7604 }
7605 .vbo-closed-date-rm {
7606 cursor: pointer;
7607 display: inline-block;
7608 margin-left: 3px;
7609 width: 18px;
7610 height: 18px;
7611 line-height: 15px;
7612 font-size: 8px;
7613 text-align: center;
7614 border-radius: 50%;
7615 color: var(--vbo-blue-color);
7616 line-height: 20px;
7617 float: right;
7618 }
7619 .vbo-closed-date-rm:hover {
7620 background: var(--vbo-blue-color);
7621 color: #fff;
7622 }
7623 .vbo-closed-date-rm i {
7624 margin: 0 !important;
7625 }
7626 /* Occupancy Pricing Override - Start */
7627 .occupancy-room {
7628 display: block;
7629 margin-left: 5px;
7630 }
7631 .occupancy-room-name {
7632 display: block;
7633 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7634 font-weight: bold;
7635 border-radius: 2px;
7636 border: 1px solid var(--vbo-config-border-color);
7637 cursor: pointer;
7638 padding: 8px 10px;
7639 margin: 5px 0 0;
7640 }
7641 .occupancy-room-data {
7642 display: none;
7643 padding: 20px;
7644 background: var(--vbo-config-child-bg-color);
7645 }
7646 .occupancy-room-data .occupancy-adults-data {
7647 margin: 0 0 15px;
7648 }
7649 .occupancy-room-data .occupancy-adults-data:last-child {
7650 margin-bottom: 0;
7651 }
7652 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7653 vertical-align: top;
7654 }
7655 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7656 padding: 5px 10px;
7657 }
7658 .occupancy-adults-lbl {
7659 display: inline-block;
7660 margin-bottom: 5px;
7661 font-weight: bold;
7662 }
7663 .occupancy-adults-ovr > * {
7664 margin-right: 5px;
7665 }
7666 /* Occupancy Pricing Override - End */
7667 /* Crons - Start */
7668 .vbo-shell-wrap {
7669 width: 100%;
7670 -webkit-border-radius: 3px;
7671 -moz-border-radius: 3px;
7672 border-radius: 3px;
7673 }
7674 .vbo-shell-top-bar {
7675 text-align: center;
7676 color: var(--vbo-config-title-color);
7677 padding: 5px 0;
7678 margin: 0;
7679 font-size: 1.15em;
7680 border: 1px solid var(--vbo-config-border-color);
7681 border-bottom: none;
7682 -webkit-border-top-left-radius: 3px;
7683 -webkit-border-top-right-radius: 3px;
7684 -moz-border-radius-topleft: 3px;
7685 -moz-border-radius-topright: 3px;
7686 border-top-left-radius: 3px;
7687 border-top-right-radius: 3px;
7688 background: var(--vbo-config-child-bg-color);
7689 }
7690 .vbo-shell-body {
7691 margin: 0;
7692 padding: 5px;
7693 list-style: none;
7694 background: #141414;
7695 color: #fff;
7696 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7697 font-size: 0.95em;
7698 line-height: 1.6em;
7699 -webkit-border-bottom-right-radius: 3px;
7700 -webkit-border-bottom-left-radius: 3px;
7701 -moz-border-radius-bottomright: 3px;
7702 -moz-border-radius-bottomleft: 3px;
7703 border-bottom-right-radius: 3px;
7704 border-bottom-left-radius: 3px;
7705 }
7706 .vbo-shell-body p:before {
7707 content: '$';
7708 position: absolute;
7709 left: 0;
7710 top: 0;
7711 }
7712 .vbo-shell-body span:before {
7713 content: '-';
7714 position: absolute;
7715 left: 0;
7716 top: 0;
7717 }
7718 .vbo-shell-body p, .vbo-shell-body span {
7719 word-wrap: break-word;
7720 position: relative;
7721 padding: 0 0 0 15px;
7722 display: block;
7723 margin: 2px 0 4px 0;
7724 }
7725 .vbo-cronexec-log {
7726 margin-top: 5px;
7727 }
7728 .vbo-cronexec-log pre {
7729 background: #141414 none repeat scroll 0 0;
7730 border-radius: 0;
7731 color: #fff;
7732 padding: 0;
7733 }
7734 /* Crons - End */
7735 /* Graphs & Statistics - Start */
7736 .vbo-stats-wrapper {
7737 background: var(--vbo-main-bg-color);
7738 padding: 20px 12px;
7739 }
7740 .vbo-stats-wrapper .adminform .adminlegend {
7741 font-weight: bold;
7742 width: 100%;
7743 margin-bottom: 20px;
7744 }
7745 .vbo-graph-bottom-wrapper {
7746 margin-top: 35px;
7747 }
7748 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
7749 display: flex;
7750 flex-wrap: wrap;
7751 }
7752 .vbo-graph-top-left, .vbo-graph-bottom-left {
7753 flex: 1;
7754 margin-right: 20px;
7755 }
7756 .vbo-graph-top-right, .vbo-graph-bottom-right {
7757 flex-basis: 25%;
7758 }
7759 .vbo-graphstats-left {
7760 background: var(--vbo-config-bg-color);
7761 padding: 30px;
7762 border-radius: 16px;
7763 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7764 }
7765 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
7766 width: 100% !important;
7767 }
7768 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
7769 height: 250px;
7770 }
7771 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
7772 background: var(--vbo-config-bg-color);
7773 padding: 20px;
7774 border-radius: 16px;
7775 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7776 margin-bottom: 15px;
7777 }
7778 .vbo-graph-top-right .vbo-graphstats-thirdright {
7779 border-bottom: 2px solid var(--vbo-base-color);
7780 }
7781 .vbo-graphstats-thirdright {
7782 margin-top: 25px;
7783 }
7784 .vbo-graphstats-thirdright > p {
7785 font-weight: bold;
7786 padding: 0;
7787 text-align: right;
7788 }
7789 .vbo-graphstats-thirdright > p:first-child {
7790 padding-top: 10px;
7791 }
7792 .vbo-graphstats-thirdright > p i {
7793 font-size: 11px;
7794 }
7795 .vbo-graphstats-thirdright p span {
7796 display: inline-block;
7797 min-width: 155px;
7798 float: left;
7799 text-align: left;
7800 }
7801 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
7802 text-align: center;
7803 margin-top: 0;
7804 margin-bottom: 10px;
7805 border-bottom: 1px solid var(--vbo-basic-btn);
7806 padding-bottom: 10px;
7807 }
7808 .vbo-graph-bottom-right h4 {
7809 text-align: center;
7810 margin-top: 0;
7811 margin-bottom: 10px;
7812 border-bottom: 1px solid var(--vbo-basic-btn);
7813 padding-bottom: 0;
7814 }
7815 .vbo-graphstats-countries {
7816 padding-bottom: 10px;
7817 }
7818 .vbo-graphstats-country-wrap {
7819 display: inline-block;
7820 width: 100%;
7821 margin: 2px 0;
7822 }
7823 .vbo-graphstats-country-wrap > span {
7824 vertical-align: middle;
7825 }
7826 .vbo-graphstats-country-img {
7827 display: inline-block;
7828 margin-right: 5px;
7829 }
7830 .vbo-graphstats-country-name {
7831 display: inline-block;
7832 font-weight: bold;
7833 min-width: 120px;
7834 margin-right: 5px;
7835 }
7836 .vbo-graphstats-country-totb.badge {
7837 display: inline-block;
7838 float: right;
7839 background-color: transparent;
7840 border: 2px solid var(--vbo-config-text-color-light);
7841 color: var(--vbo-config-titles-color-light);
7842 border-radius: 50px;
7843 }
7844 .vbo-graphstats-mod-containers {
7845 display: flex;
7846 flex-wrap: wrap;
7847 justify-content: center;
7848 }
7849 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
7850 flex-basis: 50%;
7851 }
7852 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
7853 background: var(--vbo-config-bg-color);
7854 padding: 20px;
7855 border-radius: 16px;
7856 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7857 margin-bottom: 15px;
7858 margin-right: 5px;
7859 }
7860 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
7861 font-weight: bold;
7862 color: var(--vbo-config-titles-color-light);
7863 margin-bottom: 10px;
7864 }
7865 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
7866 font-size: 26px;
7867 font-weight: bold;
7868 }
7869 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
7870 font-size: 13px;
7871 display: inline-block;
7872 vertical-align: top;
7873 color: var(--vbo-config-titles-color-light);
7874 }
7875 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
7876 font-size: 14px;
7877 display: inline-block;
7878 vertical-align: top;
7879 }
7880 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
7881 color: var(--vbo-green-color);
7882 }
7883 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
7884 color: var(--vbo-red-color);
7885 }
7886 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
7887 text-align: center;
7888 }
7889 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
7890 display: inline-block;
7891 text-align: center;
7892 margin: 10px 0 0;
7893 padding: 10px 0;
7894 width: 100%;
7895 }
7896 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
7897 display: inline-block;
7898 margin: 3px 7px;
7899 font-weight: bold;
7900 }
7901 #vbo-graphstats-left-legend ul.line-legend li {
7902 border: 1px solid var(--vbo-config-border-color);
7903 border-radius: 20px;
7904 padding: 10px 12px;
7905 }
7906 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
7907 display: inline-block;
7908 float: left;
7909 height: 15px;
7910 margin: 0 10px 0 0;
7911 width: 15px;
7912 border-radius: 4px;
7913 font-weight: bold;
7914 }
7915 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
7916 text-align: center;
7917 }
7918 #vbo-graphstats-right-legend-nights ul.pie-legend {
7919 display: flex;
7920 margin: 10px 0 0;
7921 padding: 0;
7922 width: 100%;
7923 -ms-flex-wrap: wrap;
7924 -webkit-flex-wrap: wrap;
7925 flex-wrap: wrap;
7926 }
7927 #vbo-graphstats-right-legend ul.pie-legend {
7928 display: flex;
7929 margin: 10px 0 0;
7930 padding: 0;
7931 width: 100%;
7932 -ms-flex-wrap: wrap;
7933 -webkit-flex-wrap: wrap;
7934 flex-wrap: wrap;
7935 }
7936 #vbo-graphstats-right-legend-nights ul.pie-legend li {
7937 display: inline-block;
7938 margin: 3px 7px;
7939 -ms-flex: 0 0 45%;
7940 -webkit-flex: 0 0 45%;
7941 flex: 0 0 45%;
7942 text-align: left;
7943 font-weight: bold;
7944 }
7945 #vbo-graphstats-right-legend ul.pie-legend li {
7946 display: inline-block;
7947 margin: 3px 7px;
7948 -ms-flex: 0 0 45%;
7949 -webkit-flex: 0 0 45%;
7950 flex: 0 0 45%;
7951 text-align: left;
7952 font-weight: bold;
7953 }
7954 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
7955 display: inline-block;
7956 float: left;
7957 height: 15px;
7958 margin: 0 10px 0 0;
7959 width: 15px;
7960 border-radius: 4px;
7961 font-weight: bold;
7962 }
7963 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
7964 display: inline-block;
7965 float: left;
7966 height: 15px;
7967 margin: 0 10px 0 0;
7968 width: 15px;
7969 border-radius: 4px;
7970 }
7971 .vbo-graphstats-legend-sub {
7972 display: inline-block;
7973 font-size: smaller;
7974 margin-left: 3px;
7975 }
7976 .vbo-graph-introtitle {
7977 display: block;
7978 font-weight: bold;
7979 margin-bottom: 10px;
7980 text-align: center;
7981 }
7982 .vbo-graph-introtitle span {
7983 font-size: 18px;
7984 color: var(--vbo-config-title-color);
7985 }
7986 .vbo-graphstats-thirdright-nights-bestworst {
7987 padding: 0;
7988 }
7989 .vbo-graphstats-thirdright-nights-bestworst > span {
7990 font-weight: bold;
7991 display: block;
7992 }
7993 .vbo-chart-icon-negative {
7994 color: var(--vbo-red-color);
7995 }
7996 .vbo-chart-icon-positive {
7997 color: var(--vbo-green-color);
7998 }
7999
8000 /* Graphs & Statistics - End */
8001 /* Invoices - Start */
8002 .vbo-invoices-wrapper {
8003 display: block;
8004 overflow: hidden;
8005 padding: 15px;
8006 margin-bottom: 20px;
8007 background: var(--vbo-config-child-bg-color);
8008 }
8009 .vbo-invoices-inv-container {
8010 position: relative;
8011 margin: 10px;
8012 width: 300px;
8013 height: 235px;
8014 z-index : 1;
8015 float:left;
8016 background: var(--vbo-config-bg-color);
8017 box-shadow: 0 0 10px rgba(0,0,0,.08);
8018 border: 1px solid var(--vbo-basic-btn);
8019 border-radius: 5px;
8020 -webkit-perspective: 1000;
8021 perspective: 1000;
8022 }
8023 .vbo-invoices-inv-inner {
8024 cursor: pointer;
8025 width: 100%;
8026 height: 100%;
8027 -webkit-transform-style: preserve-3d;
8028 -webkit-transition: all 0.7s linear;
8029 transform-style: preserve-3d;
8030 transition: all 0.7s linear;
8031 }
8032 .vbo-invoices-inv-container.vbo-invoice-active {
8033 border: 1px solid var(--vbo-base-color);
8034 }
8035 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8036 -webkit-transform: rotateY(180deg);
8037 transform: rotateY(180deg);
8038 }
8039 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8040 padding: 8px 15px;
8041 box-shadow: none;
8042 border-color: var(--vbo-config-border-color);
8043 }
8044 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8045 background-color: var(--vbo-light-color-btn);
8046 }
8047 .vbo-invoices-inv-face {
8048 position: absolute;
8049 width: 100%;
8050 height: 100%;
8051 backface-visibility: hidden;
8052 -webkit-backface-visibility: hidden;
8053 }
8054 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8055 display: flex;
8056 flex-wrap: wrap;
8057 display: block;
8058 -webkit-transform: rotateY(180deg);
8059 transform: rotateY(180deg);
8060 box-sizing: border-box;
8061 text-align: center;
8062 background-color: var(--vbo-config-bg-color);
8063 border-radius: 5px;
8064 }
8065 .vbo-invoices-inv-frontright {
8066 overflow: hidden;
8067 padding: 10px;
8068 }
8069 .vbo-invoices-inv-entry {
8070 display: block;
8071 margin-bottom: 5px;
8072 }
8073 .vbo-invoices-inv-entry-custname {
8074 margin-top: 5px;
8075 }
8076 .vbo-invoices-inv-entry-lbl {
8077 display: inline-block;
8078 margin-right: 5px;
8079 font-weight: bold;
8080 }
8081 .vbo-invoices-inv-entry-val {
8082 display: inline-block;
8083 vertical-align: top;
8084 }
8085 .vbo-invoices-inv-ckbox {
8086 position: absolute;
8087 top: 5px;
8088 left: 5px;
8089 margin: 1px;
8090 }
8091 .vbo-invoices-inv-back-commands {
8092 margin:10px 0;
8093 }
8094 .vbo-invoices-inv-back-commands .btn {
8095 margin:2px;
8096 }
8097 .vbo-invoices-inv-back-entries {
8098 background: var(--vbo-basic-btn-hover);
8099 border-top:1px solid var(--vbo-config-border-color);
8100 padding: 10px 20px;
8101 font-size: 12px;
8102 width: auto;
8103 display: inline-block;
8104 border-radius: 4px;
8105 margin: 2px;
8106 text-align: left;
8107 }
8108 .vbo-invoices-inv-entry-val small {
8109 font-size: 12px;
8110 }
8111 .vbo-invoices-inv-entry-val .label {
8112 margin-left: 3px;
8113 }
8114 .vbo-invoices-inv-frontleft {
8115 position: relative;
8116 }
8117 .vbo-invoices-inv-totals {
8118 position: absolute;
8119 bottom: 2px;
8120 width: calc(100% - 10px);
8121 display: flex;
8122 flex-wrap: wrap;
8123 padding: 6px;
8124 box-sizing: border-box;
8125 border: 1px solid var(--vbo-config-border-color);
8126 margin: 5px;
8127 border-radius: 4px;
8128 }
8129 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8130 font-weight: bold;
8131 margin-right: 5px;
8132 }
8133 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8134 margin-left: auto;
8135 }
8136 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8137 padding: 2px 6px;
8138 }
8139 /* Invoices - End */
8140 /* Snapshot - Start */
8141 .vbo-info-overlay-snapshot {
8142 position: fixed;
8143 left: 50%;
8144 top: 50%;
8145 transform: translate(-50%, -50%);
8146 width: 40%;
8147 height: 60%;
8148 z-index: 101;
8149 padding: 20px;
8150 border-radius: 5px;
8151 background-color: var(--vbo-config-bg-color);
8152 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8153 }
8154 .vbo-info-overlay-snapshot-controls {
8155 display: block;
8156 text-align: center;
8157 }
8158 .vbo-info-overlay-snapshot-controls button {
8159 margin: 0 5px;
8160 }
8161 .vbo-info-overlay-snapshot-controls button i {
8162 margin-right: 5px;
8163 }
8164 .vbo-info-overlay-snapshot-movie {
8165 display: block;
8166 text-align: center;
8167 overflow: auto;
8168 margin: 10px auto;
8169 }
8170 .vbo-cur-idscan {
8171 display: inline-block;
8172 background: var(--vbo-main-bg-color);
8173 padding: 10px 15px;
8174 border-radius: 2px;
8175 border: 1px solid var(--vbo-config-border-color);
8176 color: var(--vbo-config-title-color);
8177 white-space: nowrap;
8178 overflow: hidden;
8179 text-overflow: ellipsis;
8180 max-width: 120px;
8181 margin: 0px 0 0px 10px;
8182 vertical-align: top;
8183 }
8184
8185 /* Snapshot - End */
8186 /* Draggable Elements - Start */
8187 .vbo-draggable-sp {
8188 width: 98%;
8189 cursor: move;
8190 }
8191 .vbo-dragging-sp {
8192 border-radius: 8px;
8193 border: 1px dashed var(--vbo-config-title-color);
8194 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8195 }
8196 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8197 border-right: 0;
8198 border-radius: 0;
8199 }
8200 .vbo-dragging-cells-tmp {
8201 border-radius: 8px;
8202 border: 1px dashed var(--vbo-config-bg-color);
8203 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8204 }
8205 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8206 margin: 0 !important;
8207 }
8208 .vbo-dragged-cells-tmp {
8209 border-radius: 8px;
8210 border: 1px dashed var(--vbo-config-bg-color);
8211 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8212 animation: Vikshake 0.5s ease-in-out;
8213 -webkit-animation: Vikshake 0.5s ease-in-out;
8214 -moz-animation: Vikshake 0.5s ease-in-out;
8215 }
8216 @keyframes Vikshake {
8217 0% {
8218 transform: translateX(0);
8219 }
8220 20% {
8221 transform: translateX(-10px);
8222 }
8223 40% {
8224 transform: translateX(10px);
8225 }
8226 60% {
8227 transform: translateX(-10px);
8228 }
8229 80% {
8230 transform: translateX(10px);
8231 }
8232 100% {
8233 transform: translateX(0);
8234 }
8235 }
8236 @-webkit-keyframes Vikshake {
8237 0% {
8238 transform: translateX(0);
8239 }
8240 20% {
8241 transform: translateX(-10px);
8242 }
8243 40% {
8244 transform: translateX(10px);
8245 }
8246 60% {
8247 transform: translateX(-10px);
8248 }
8249 80% {
8250 transform: translateX(10px);
8251 }
8252 100% {
8253 transform: translateX(0);
8254 }
8255 }
8256 @-moz-keyframes Vikshake {
8257 0% {
8258 transform: translateX(0);
8259 }
8260 20% {
8261 transform: translateX(-10px);
8262 }
8263 40% {
8264 transform: translateX(10px);
8265 }
8266 60% {
8267 transform: translateX(-10px);
8268 }
8269 80% {
8270 transform: translateX(10px);
8271 }
8272 100% {
8273 transform: translateX(0);
8274 }
8275 }
8276 .vboverviewtable > * {
8277 -webkit-touch-callout: none;
8278 -webkit-user-select: none;
8279 -moz-user-select: none;
8280 -ms-user-select: none;
8281 }
8282 table.vboverviewtable td.vbo-overv-avcell {
8283 position: relative;
8284 }
8285 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8286 min-width: 80px;
8287 max-width: 80px;
8288 height: 50px;
8289 }
8290 table.vboverviewtable th, table.vboverviewtable td {
8291 -moz-box-sizing: border-box;
8292 -webkit-box-sizing: border-box;
8293 box-sizing: border-box;
8294 border-right: 1px solid var(--vbo-config-border-color);
8295 border-bottom: 1px solid var(--vbo-config-border-color);
8296 }
8297 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8298 padding: 10px;
8299 }
8300 table.vboverviewtable tr:last-child td {
8301 border-bottom: 0;
8302 }
8303 table.vboverviewtable td:last-child {
8304 border-right: 0;
8305 }
8306 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8307 position: relative;
8308 }
8309 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8310 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8311 position: absolute;
8312 top: 50%;
8313 left: 50%;
8314 transform: translate(-50%, -50%);
8315 overflow: auto;
8316 text-align: center;
8317 }
8318 .vbo-overv-row-snake td {
8319 padding-bottom: 16px;
8320 vertical-align: bottom;
8321 }
8322 .vboverviewtablerow .vbo-checkinday span {
8323 margin-top: -2px;
8324 display: block;
8325 }
8326 .vboverviewtablerow-subunit td {
8327 position: relative;
8328 }
8329 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8330 position: absolute;
8331 }
8332 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8333 top: auto;
8334 left: auto;
8335 right: 3px;
8336 bottom: 1px;
8337 transform: none;
8338 cursor: pointer;
8339
8340 visibility: hidden;
8341 }
8342 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8343 top: auto;
8344 left: auto;
8345 right: 3px;
8346 bottom: 0;
8347 transform: none;
8348 }
8349 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8350 animation: 1s vbonotefadeIn;
8351 animation-fill-mode: forwards;
8352 }
8353
8354 @keyframes vbonotefadeIn {
8355 99% {
8356 visibility: hidden;
8357 }
8358 100% {
8359 visibility: visible;
8360 }
8361 }
8362 .vbo-roomdaynote-full:before {
8363 content: "";
8364 width: 100%;
8365 height: 3px;
8366 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);;
8367 position: absolute;
8368 bottom: 0;
8369 left: 0;
8370 }
8371 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8372 height: 19px;
8373 }
8374 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8375 content: attr(data-notes);
8376 color: #fff;
8377 font-size: 12px;
8378 position: absolute;
8379 bottom: 1px;
8380 left: 4px;
8381 width: max-content;
8382 z-index: 1;
8383 max-width: 200px;
8384 white-space: nowrap;
8385 overflow: hidden;
8386 text-overflow: ellipsis;
8387 }
8388 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8389 color: var(--vbo-base-color);
8390 font-size: 14px;
8391 }
8392 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8393 color: var(--vbo-base-color-hover);
8394 opacity: .8;
8395 }
8396 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8397 color: var(--vbo-config-bg-color);
8398 }
8399 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8400 color: var(--vbo-base-color-hover);
8401 }
8402 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8403 opacity: .8;
8404 }
8405 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8406 color: var(--vbo-config-bg-color);
8407 }
8408 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8409 color: #fff;
8410 z-index: 10;
8411 }
8412 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8413 color: #b8d5f5;
8414 }
8415 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8416 width: calc(70% - 15px);
8417 }
8418 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8419 width: calc(34% - 20px);
8420 }
8421 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8422 width: calc(34% - 10px);
8423 }
8424 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8425 width: 40px;
8426 text-overflow: ellipsis;
8427 overflow: hidden;
8428 text-align: left;
8429 }
8430 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8431 width: 110px;
8432 text-overflow: ellipsis;
8433 overflow: hidden;
8434 text-align: left;
8435 }
8436 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8437 width: 190px;
8438 text-overflow: ellipsis;
8439 overflow: hidden;
8440 text-align: left;
8441 }
8442 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8443 width: auto !important;
8444 }
8445 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8446 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8447 width: 50%;
8448 }
8449 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8450 display: none;
8451 }
8452 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8453 display: inline-block;
8454 margin-left: 5px;
8455 }
8456 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8457 font-weight: bold;
8458 }
8459 .vbo-modal-roomdaynotes-addnew {
8460 border: 1px solid var(--vbo-config-border-color);
8461 padding: 10px 20px 20px;
8462 border-radius: 4px;
8463 background: var(--vbo-config-child-bg-color);
8464 }
8465 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8466 margin: 10px 0;
8467 }
8468 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8469 display: block;
8470 margin-bottom: 5px;
8471 }
8472 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8473 width: 100% !important;
8474 box-sizing: border-box;
8475 min-height: 80px;
8476 }
8477 tr.vboverviewtablerow-subunit {
8478 display: none;
8479 }
8480 .vbo-info-overlay-content-fests {
8481 padding: 0;
8482 }
8483 .vbo-info-overlay-content-fests > h3 {
8484 padding-top: 15px;
8485 padding-bottom: 15px;
8486 }
8487 .vbo-overlay-fests-list {
8488 padding: 10px 30px;
8489 }
8490 .vbo-overlay-fest-details {
8491 display: flex;
8492 margin: 4px 0 15px;
8493 padding: 10px;
8494 border: 1px solid var(--vbo-config-border-color);
8495 border-radius: 4px;
8496 }
8497 .vbo-roverw-roomdaynotes-title {
8498 font-size: 15px;
8499 margin-bottom: 7px;
8500 }
8501 .vbo-roverv-roomdaynotes-note-details {
8502 border: 1px solid #bce3ec;
8503 }
8504 .vbo-overlay-fest-details .vbo-fest-info {
8505 margin-right: 15px;
8506 align-self: center;
8507 }
8508 .vbo-overlay-fest-details .vbo-fest-cmds {
8509 margin-left: auto;
8510 }
8511 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8512 margin-right: 0;
8513 }
8514 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8515 font-size: 1.1em;
8516 font-weight: bold;
8517 }
8518 .vbo-overlay-fests-addnew {
8519 margin: 0 30px 30px;
8520 border: 1px solid var(--vbo-config-border-color);
8521 padding: 15px;
8522 background: var(--vbo-config-child-bg-color);
8523 }
8524 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8525 width: 70% !important;
8526 }
8527 .vbo-info-overlay-content input#invoice_num[type="number"] {
8528 width: 115px !important;
8529 }
8530 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8531 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8532 border: 1px solid var(--vbo-config-border-color);
8533 border-radius: 2px;
8534 padding: 5px 10px;
8535 }
8536 .vbo-overlay-fests-addnew-elem textarea {
8537 width: 100%;
8538 min-height: 80px;
8539 box-sizing: border-box;
8540 }
8541 .vbo-ovrv-flt-butn {
8542 position: fixed;
8543 bottom: 40px;
8544 right: 10px;
8545 padding: 8px;
8546 border-radius: 4px;
8547 background: none repeat scroll 0 0 #02679a;
8548 color: #fff;
8549 cursor: pointer;
8550 }
8551 .vbo-ovrv-flt-butn-shake {
8552 animation: Vikshake 0.5s ease-in-out;
8553 -webkit-animation: Vikshake 0.5s ease-in-out;
8554 -moz-animation: Vikshake 0.5s ease-in-out;
8555 }
8556 span.vbo-overview-subroom-toggle {
8557 cursor: pointer;
8558 margin-left: auto;
8559 margin-right: 1px;
8560 margin-top: 5px;
8561 }
8562 span.vbo-overview-subroom-toggle i {
8563 color: var(--vbo-config-title-color);
8564 }
8565 span.vbo-overview-subroom-toggle-active i {
8566 color: var(--vbo-base-color);
8567 }
8568 .vbo-info-overlay-loading-dnd {
8569 color: var(--vbo-config-bg-color);
8570 display: block;
8571 font-size: 30px;
8572 left: 20%;
8573 position: fixed;
8574 text-align: center;
8575 top: 20%;
8576 width: 60%;
8577 padding: 30px;
8578 z-index: 101;
8579 background: var(--vbo-config-title-color);
8580 border-radius: 20px;
8581 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8582 }
8583 .vbo-loading-dnd-head {
8584 display: block;
8585 font-weight: bold;
8586 }
8587 .vbo-loading-dnd-body {
8588 display: block;
8589 font-size: smaller;
8590 margin-top: 30px;
8591 }
8592 .vbo-loading-dnd-response {
8593 background: var(--vbo-body-text-color);
8594 border-radius: 8px;
8595 display: block;
8596 font-size: 15px;
8597 margin: 15px auto 0;
8598 padding: 25px;
8599 }
8600 .vbo-loading-dnd-footer {
8601 display: block;
8602 font-size: smaller;
8603 margin-top: 30px;
8604 }
8605 #vbo-dnd-response form {
8606 margin-top: 10px;
8607 }
8608 #vbo-dnd-canvas-success {
8609 height: 100px;
8610 }
8611 /* Draggable Elements - End */
8612 /* Overview Tooltip - Start */
8613 .vbo-overview-tipblock {
8614 bottom: 0;
8615 color: var(--vbo-body-text-color);
8616 max-height: 400px;
8617 min-height: 140px;
8618 overflow: auto;
8619 position: absolute;
8620 right: 0;
8621 width: 400px;
8622 z-index: 1001;
8623 }
8624 .vbo-overview-tipblock-expanded {
8625 width: 800px;
8626 min-height: 240px;
8627 right: 0;
8628 }
8629 .vbo-overview-tipexpander {
8630 position: absolute;
8631 top: 1px;
8632 left: 1px;
8633 }
8634 .vbo-overview-expandtoggle {
8635 display: inline-block;
8636 width: 26px;
8637 height: 26px;
8638 line-height: 24px;
8639 color: #fff;
8640 background: #666;
8641 text-align: center;
8642 border-radius: 2px;
8643 font-size: 14px;
8644 cursor: pointer;
8645 }
8646 .vbo-overview-expandtoggle:hover {
8647 background: #999;
8648 }
8649 .vbo-overview-tipinner {
8650 display: block;
8651 padding: 10px 0 0 5px;
8652 }
8653 .vbo-overview-tiploading {
8654 display: block;
8655 font-weight: bold;
8656 background-color: rgba(255,255,255, .9);
8657 padding: 10px 15px;
8658 border-radius: 3px;
8659 box-shadow: 0 0 10px rgba(0,0,0,.1);
8660 }
8661 .vbo-overview-tip-bookingcont {
8662 margin: 4px 0;
8663 position: relative;
8664 display: flex;
8665 font-size: 12px;
8666 box-shadow: 0 0 10px rgba(0,0,0,.1);
8667 }
8668 .vbo-overview-tip-bookingcont:first-child {
8669 margin-top: 0;
8670 }
8671 .vbo-overview-tip-bookingcont:last-child {
8672 margin-bottom: 0;
8673 }
8674 .vbo-overview-tip-bookingcont-left {
8675 flex-basis: 35%;
8676 display: inline-block;
8677 vertical-align: top;
8678 text-align: left;
8679 background-color: rgba(232,235,240, .9);
8680 padding: 15px 20px;
8681 border-top-left-radius: 3px;
8682 border-bottom-left-radius: 3px;
8683 }
8684 .vbo-overview-tip-bookingcont-right {
8685 flex: 1;
8686 display: inline-block;
8687 vertical-align: top;
8688 text-align: left;
8689 background-color: rgba(255,255,255, .9);
8690 padding: 10px 20px;
8691 border-top-right-radius: 3px;
8692 border-bottom-right-radius: 3px;
8693 }
8694 .vbo-overview-tip-bookingcont-right > div,
8695 .vbo-overview-tip-bookingcont-left > div {
8696 margin: 5px 0;
8697 line-height: 1.3em;
8698 white-space: break-spaces;
8699 }
8700 .vbo-overview-tip-bookingcont span {
8701 margin-top: 0 !important;
8702 position: relative !important;
8703 left: auto !important;
8704 top: auto !important;
8705 transform: initial !important;
8706 text-align: left !important;
8707 overflow: initial !important;
8708 }
8709 .vbo-overview-tip-bookingcont-total {
8710 border-top: 1px solid var(--vbo-config-border-color);
8711 text-align: right;
8712 font-size: 13px;
8713 padding-top: 2px;
8714 }
8715 .vbo-overview-tip-cnt .vbo-channelimg-small {
8716 max-width: 70px;
8717 }
8718 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
8719 float: inherit;
8720 padding-left: 5px;
8721 vertical-align: bottom;
8722 }
8723 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
8724 font-weight: bold;
8725 display: block;
8726 color: var(--vbo-config-titles-color-light);
8727 text-transform: uppercase;
8728 font-size: 11px;
8729 }
8730 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
8731 float: right;
8732 }
8733 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
8734 display: inline-block;
8735 margin-right: 3px;
8736 }
8737 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
8738 font-weight: bold;
8739 display: inline-block;
8740 }
8741 .vbo-overview-tip-optindexes select {
8742 max-width: 180px !important;
8743 }
8744 .vbo-overview-tip-bstatus .label {
8745 background: transparent !important;
8746 padding: 0;
8747 font-size: inherit;
8748 line-height: auto;
8749 text-transform: uppercase;
8750 }
8751 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
8752 background: transparent !important;
8753 color: var(--vbo-green-color) !important;
8754 }
8755 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
8756 color: var(--vbo-warning-color) !important;
8757 background: transparent !important;
8758 }
8759 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
8760 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
8761 color: var(--vbo-red-color) !important;
8762 background: transparent !important;
8763 }
8764 .vbo-overview-tip-lbl .tooltip {
8765 min-width: 140px !important;
8766 }
8767 .vbo-overview-tip-bctag-wrap {
8768 z-index: 10;
8769 margin: 15px 0 0;
8770 position: relative;
8771 }
8772 .vbo-overview-tip-bctag {
8773 background-color: var(--vbo-config-bg-color);
8774 border: 1px solid var(--vbo-config-border-color);
8775 border-radius: 4px;
8776 cursor: pointer;
8777 height: 22px;
8778 width: 22px;
8779 text-align: center;
8780 vertical-align: top;
8781 font-size: 10px !important;
8782 line-height: 25px !important;
8783 }
8784 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
8785 margin: 0;
8786 }
8787 .vbo-overview-tip-bctag i[class^="vboicn-"] {
8788 margin-right: 0;
8789 }
8790 .vbo-overview-tip-bctag-subtip {
8791 background-color: var(--vbo-config-bg-color);
8792 left: 37px;
8793 position: absolute;
8794 top: -9px;
8795 width: 250px;
8796 z-index: 1000001;
8797 padding: 7px;
8798 box-shadow: 0 4px 4px rgba(0,0,0, .3);
8799 border-radius: 2px;
8800 }
8801 .vbo-overview-tip-bctag-subtip:before {
8802 content: "";
8803 position: absolute;
8804 top:50%;
8805 left: -8px;
8806 transform: translate(0, -50%);
8807 width: 0;
8808 height: 0;
8809 border-style: solid;
8810 border-width: 5px 8px 5px 0;
8811 border-color: transparent #fff transparent transparent;
8812 }
8813 .vbo-overview-tip-bctag-subtip-circle {
8814 border-radius: 50%;
8815 display: inline-block;
8816 height: 16px;
8817 margin: 2px;
8818 width: 16px;
8819 cursor: pointer;
8820 padding: 1px;
8821 border: 1px solid var(--vbo-config-bg-color);
8822 }
8823 .vbo-overview-tip-bctag-subtip-circle > div {
8824 width: 100%;
8825 height: 100%;
8826 border-radius: 50%;
8827 }
8828
8829 .vbo-blist-tip-bctag-subtip {
8830 position: relative;
8831 }
8832 .vbo-blist-tip-bctag-subtip-inner {
8833 background-color: var(--vbo-config-bg-color);
8834 left: 50%;
8835 position: absolute;
8836 top: 0;
8837 width: 250px;
8838 z-index: 99;
8839 padding: 7px;
8840 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
8841 border-radius: 4px;
8842 transform: translate(-50%, 0%);
8843 }
8844 .vbo-blist-tip-bctag-subtip-circle {
8845 border-radius: 50%;
8846 display: inline-block;
8847 height: 16px;
8848 margin: 2px;
8849 width: 16px;
8850 cursor: pointer;
8851 padding: 1px;
8852 border: 1px solid #fff;
8853 }
8854 .vbo-blist-tip-bctag-subtip-circle > div {
8855 width: 100%;
8856 height: 100%;
8857 border-radius: 50%;
8858 }
8859 .vbo-overview-tagslegend {
8860 display: inline-block;
8861 margin-top: 5px;
8862 }
8863 .vbo-overview-legend-tag {
8864 float: left;
8865 margin-right: 4px;
8866 }
8867 .vbo-overview-tagslegend-lbl {
8868 display: inline-block;
8869 font-size: 12px;
8870 float: left;
8871 font-weight: bold;
8872 margin-right: 5px;
8873 }
8874 /* Overview Tooltip - End */
8875 /* Booking Checkin - Start */
8876 .vbo-bookdet-container {
8877 padding: 15px 20px 5px;
8878 background: var(--vbo-config-bg-color);
8879 border: 1px solid var(--vbo-basic-btn);
8880 box-shadow: 0 0 10px rgba(0,0,0,.1);
8881 margin-bottom: 20px;
8882 border-radius: 4px;
8883 text-align: left;
8884 box-sizing: border-box;
8885 }
8886 .vbo-bookdet-wrap {
8887 display: inline-block;
8888 margin: 0 10px 10px 10px;
8889 min-width: 50px;
8890 vertical-align: top;
8891 border-right: 1px solid var(--vbo-config-border-color);
8892 padding-right: 20px;
8893 }
8894 .vbo-bookdet-wrap:last-child {
8895 border: 0;
8896 }
8897 .vbo-bookdet-head {
8898 color: var(--vbo-config-titles-color-light);
8899 margin: 0;
8900 overflow-wrap: break-word;
8901 padding: 3px 0;
8902 text-align: left;
8903 position: relative;
8904 font-weight: bold;
8905 text-transform: uppercase;
8906 font-size: 11px;
8907 }
8908 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
8909 margin-left: 5px;
8910 }
8911 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
8912 margin-right: 5px !important;
8913 }
8914 .vbo-bookdet-foot {
8915 font-size: 16px;
8916 font-weight: bold;
8917 overflow-wrap: break-word;
8918 text-align: left;
8919 padding: 3px 0;
8920 }
8921 .vbo-customer-info-box {
8922 display: inline-block;
8923 }
8924 .vbo-customer-info-box .vbo-customer-info-box-avatar {
8925 margin-right: 3px;
8926 vertical-align: middle;
8927 display: inline-block;
8928 }
8929 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
8930 border-radius: 50%;
8931 display: inline-block;
8932 cursor: pointer;
8933 object-fit: cover;
8934 }
8935 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
8936 width: 30px;
8937 height: 30px;
8938 object-fit: cover;
8939 }
8940 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
8941 width: 48px;
8942 height: 48px;
8943 object-fit: cover;
8944 }
8945 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
8946 width: 64px;
8947 height: 64px;
8948 object-fit: cover;
8949 }
8950 .vbo-customer-info-box .vbo-customer-info-box-name {
8951 display: inline-block;
8952 vertical-align: middle;
8953 }
8954 .vbo-bookdet-foot .btn-primary {
8955 border: var(--vbo-base-color);
8956 padding: 3px 12px;
8957 font-weight: bold;
8958 }
8959 .vbo-bookdet-foot .label {
8960 padding: 5px 14px !important;
8961 font-size: 12px;
8962 border-radius: 24px;
8963 letter-spacing: .3px;
8964 }
8965 .vbo-label-overbooking {
8966 cursor: pointer;
8967 }
8968 .vbo-label-overbooking:hover {
8969 background-color: var(--vbo-red-color-hover) !important;
8970 }
8971 .vbo-label-nested.vbo-label-overbooking {
8972 padding: 3px 5px !important;
8973 font-weight: 500;
8974 line-height: 12px;
8975 font-size: 11px;
8976 }
8977 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
8978 padding: 4px 12px;
8979 font-size: 13px;
8980 }
8981 .vbo-bookdet-foot .vbo-dorefund-btn {
8982 position: relative;
8983 }
8984 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
8985 content: attr(data-totrefunds);
8986 position: absolute;
8987 background-color: var(--vbo-config-bg-color);
8988 color: var(--vbo-config-title-color);
8989 font-weight: bold;
8990 font-size: 13px;
8991 border-radius: 4px;
8992 text-align: center;
8993 padding: 1px 4px;
8994 top: -8px;
8995 border: 2px solid var(--vbo-red-color);
8996 right: -12px;
8997 box-shadow: 0 2px 4px rgba(0,0,0,.15);
8998 }
8999 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9000 padding: 15px 20px 5px;
9001 background: var(--vbo-config-bg-color);
9002 border: 1px solid var(--vbo-main-bg-color);
9003 box-shadow: 0 0 10px rgba(0,0,0,.1);
9004 margin-bottom: 5px;
9005 border-radius: 4px;
9006 text-align: left;
9007 box-sizing: border-box;
9008 }
9009 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9010 padding: 10px 20px 10px;
9011 }
9012 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9013 display: inline-block;
9014 }
9015 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9016 font-weight: bold;
9017 }
9018 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9019 display: inline-block;
9020 }
9021 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9022 padding: 8px 11px;
9023 margin-left: 15px;
9024 }
9025 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9026 padding: 10px 20px 10px;
9027 display: flex;
9028 flex-wrap: wrap;
9029 }
9030 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9031 display: inline-block;
9032 align-self: center;
9033 }
9034 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9035 display: inline-block;
9036 vertical-align: top;
9037 margin-left: 15px;
9038 flex: 1;
9039 }
9040 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9041 margin-bottom: 5px
9042 }
9043 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9044 margin-bottom: 0;
9045 }
9046 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9047 font-weight: bold;
9048 font-size: 1.1em;
9049 }
9050 .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 {
9051 display: block;
9052 }
9053 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9054 font-style: italic;
9055 }
9056 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9057 width: 100%;
9058 display: inline-block;
9059 border-bottom: 1px solid var(--vbo-config-border-color);
9060 padding: 20px 0 0;
9061 margin-bottom: -5px;
9062 }
9063 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9064 float: left;
9065 text-align: center;
9066 color: var(--vbo-config-titles-color-light);
9067 }
9068 .vbo-bookingdet-innercontainer {
9069 display: flex;
9070 -ms-flex-wrap: wrap;
9071 -webkit-flex-wrap: wrap;
9072 flex-wrap: wrap;
9073 }
9074 .vbo-bookingdet-innercontainer > div {
9075 padding: 18px;
9076 }
9077 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9078 background: var(--vbo-config-bg-color);
9079 padding: 15px;
9080 border-radius: 8px;
9081 margin: 10px 0;
9082 position: relative;
9083 }
9084 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9085 margin-top: 0;
9086 }
9087 .vbo-bookingdet-admin-entry > span {
9088 margin-bottom: 4px;
9089 display: inline-block;
9090 font-weight: bold;
9091 color: var(--vbo-config-titles-color-light);
9092 }
9093 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9094 font-weight: bold;
9095 text-transform: uppercase;
9096 margin-bottom: 5px;
9097 }
9098 .vbo-bookingdet-detcont > div {
9099 margin: 8px 0;
9100 }
9101 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9102 margin-top: 20px;
9103 }
9104 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9105 width: 100px !important;
9106 }
9107 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9108 display: flex;
9109 width: 100%;
9110 box-sizing: border-box;
9111 padding: 5px 6px !important;
9112 font-size: 12px;
9113 }
9114 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9115 align-self: center;
9116 margin-right: 8px;
9117 }
9118 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9119 margin-left: auto;
9120 padding: 4px 10px;
9121 }
9122 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9123 background-color: transparent !important;
9124 border: 1px solid var(--vbo-blue-color);
9125 color: var(--vbo-blue-color);
9126 }
9127 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9128 background: var(--vbo-blue-color);
9129 }
9130 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9131 background-color: transparent !important;
9132 border: 1px solid var(--vbo-green-color);
9133 color: var(--vbo-green-color);
9134 }
9135 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9136 background: var(--vbo-green-color) !important;
9137 }
9138 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9139 background: var(--vbo-green-color-hover);
9140 }
9141 .vbo-bookingdet-detcont-label-review {
9142 margin-top: 20px;
9143 display: inline-block;
9144 }
9145 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9146 border: 1px solid var(--vbo-orange-color);
9147 background: var(--vbo-config-bg-color) !important;
9148 color: var(--vbo-orange-color);
9149 }
9150 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9151 color: var(--vbo-orange-color) !important;
9152 display: block;
9153 }
9154 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9155 background: transparent;
9156 }
9157 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9158 color: var(--vbo-orange-color-hover) !important;
9159 }
9160 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9161 background: var(--vbo-config-child-bg-color);
9162 }
9163 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9164 width: 100% !important;
9165 box-sizing: border-box;
9166 height: auto;
9167 }
9168 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9169 margin: 0 0 10px;
9170 vertical-align: top;
9171 display: inline-block;
9172 width: 43%;
9173 padding: 0 5px;
9174 }
9175 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9176 display: block;
9177 font-weight: bold;
9178 font-size: 1em;
9179 color: var(--vbo-config-title-color);
9180 }
9181 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9182 word-wrap: break-word;
9183 }
9184 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9185 border: 2px solid var(--vbo-red-color);
9186 }
9187 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9188 -webkit-flex: 0 0 20%;
9189 -ms-flex: 0 0 20%;
9190 flex: 0 0 20%;
9191 }
9192 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9193 -webkit-flex: 1;
9194 -ms-flex: 1;
9195 flex: 1;
9196 }
9197 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9198 font-weight: bold;
9199 }
9200 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9201 font-size: 1.2em;
9202 }
9203 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9204 -webkit-flex: 1;
9205 -ms-flex: 1;
9206 flex: 1;
9207 background: var(--vbo-config-bg-color);
9208 border-radius: 8px;
9209 margin: 18px 15px 20px;;
9210 padding: 0;
9211 }
9212 .vbo-bookingdet-noteslogs-btns {
9213 border-top-left-radius: 8px;
9214 border-top-right-radius: 8px;
9215 background: var(--vbo-config-child-bg-color);
9216 padding: 0;
9217 border-bottom: 1px solid var(--vbo-config-border-color);
9218 }
9219 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9220 display: inline-block;
9221 }
9222 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9223 margin-right: 5px;
9224 }
9225 .vbo-bookingdet-noteslogs-btn a {
9226 font-weight: bold;
9227 text-transform: uppercase;
9228 padding: 16px 20px;
9229 display: inline-block;
9230 color: var(--vbo-config-titles-color-light);
9231 }
9232 .vbo-bookingdet-noteslogs-btn-active a {
9233 border-bottom: 2px solid var(--vbo-base-color);
9234 color: var(--vbo-base-color);
9235 background: var(--vbo-config-bg-color);
9236 }
9237 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9238 border: 0;
9239 background: transparent;
9240 padding: 0;
9241 }
9242 .vbo-bookingdet-noteslogs-cont {
9243 padding: 10px;
9244 }
9245 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9246 max-width: 100%;
9247 width: 100%;
9248 box-sizing: border-box;
9249 }
9250 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9251 width: 100% !important;
9252 box-sizing: border-box;
9253 padding: 15px;
9254 background: var(--vbo-config-child-bg-color);
9255 }
9256 .vbo-booking-history-firstrow {
9257 font-size: .9em;
9258 text-transform: uppercase;
9259 font-weight: bold;
9260 color: var(--vbo-config-titles-color-light);
9261 border: 0;
9262 }
9263 .vbo-booking-history-container tbody {
9264 border: 0 !important;
9265 }
9266 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9267 font-weight: bold;
9268 }
9269 .vbo-booking-history-container > .table > tbody > tr > td {
9270 white-space: normal !important;
9271 }
9272 .vbo-editbooking-custarea textarea {
9273 height: 250px;
9274 max-height: 400px;
9275 }
9276 .vbo-bookingdet-summary .table-responsive {
9277 background: var(--vbo-config-bg-color);
9278 border-radius: 8px;
9279 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9280 }
9281 .vbo-bookingdet-summary .table {
9282 margin-bottom: 0;
9283 }
9284 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9285 border-top: 0;
9286 }
9287 .vbo-bookingdet-summary .table td {
9288 padding: 10px 15px;
9289 }
9290 .vbo-editbooking-summary-room {
9291 background: var(--vbo-config-bg-color);
9292 border-radius: 8px;
9293 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9294 margin-bottom: 20px;
9295 padding-bottom: 15px;
9296 }
9297 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9298 padding: 15px;
9299 white-space: normal;
9300 }
9301 .vbo-bookingdet-summary-room-firstcell {
9302 width: 33%;
9303 }
9304 .vbo-bookingdet-summary-roomnum {
9305 font-size: 1.4em;
9306 display: inline-block;
9307 margin: 0 0 10px;
9308 font-weight: bold;
9309 }
9310 .vbo-bookingdet-summary-roomnum i {
9311 border: 1px solid var(--vbo-config-border-color);
9312 padding: 5px;
9313 border-radius: 3px;
9314 margin-right: 6px;
9315 color: var(--vbo-config-text-color-light);
9316 font-size: 14px;
9317 }
9318 .vbo-bookingdet-summary-roomname {
9319 font-size: 1.4em;
9320 display: inline-block;
9321 font-weight: bold;
9322 }
9323 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9324 margin-top: 2px;
9325 }
9326 .vbo-wider-badges-wrap .badge {
9327 font-weight: normal;
9328 padding: 2px 6px;
9329 }
9330 .vbo-bookdet-splitstay-details {
9331 margin-top: 5px;
9332 min-width: initial;
9333 }
9334 .vbo-bookdet-splitstay-details > div {
9335 display: inline-block;
9336 }
9337 .vbo-bookdet-splitstay-details > div > span {
9338 border-right: 1px solid var(--vbo-basic-btn);
9339 }
9340 .vbo-bookdet-splitstay-details > div > span:last-child {
9341 border-right: 0;
9342 }
9343 .vbo-bookingdet-summary-room-wrap {
9344 display: flex;
9345 flex-wrap: wrap;
9346 }
9347 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9348 margin-left: auto;
9349 }
9350 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9351 float: right;
9352 }
9353 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9354 max-width: 200px;
9355 }
9356 .vbo-bookingdet-summary-roomguests {
9357 text-transform: uppercase;
9358 color: var(--vbo-config-titles-color-light);
9359 font-size: .9em;
9360 }
9361 .vbo-bookingdet-summary-roomguests > div {
9362 display: inline-block;
9363 margin-right: 4px;
9364 }
9365 .vbo-bookingdet-summary-total {
9366 background: var(--vbo-light-color-btn);
9367 font-weight: bold;
9368 }
9369 .vbo-bookingdet-summary-total > td {
9370 border-top: 2px solid var(--vbo-config-border-color);
9371 }
9372 .vbo-bookingdet-summary-totpaid {
9373 background: var(--vbo-config-child-bg-color);
9374 }
9375 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9376 color: var(--vbo-blue-color);
9377 }
9378 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9379 color: var(--vbo-red-color);
9380 }
9381 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9382 text-align: left;
9383 }
9384 .vbo-editbooking-summary-room > div {
9385 padding: 15px 15px 0;
9386 }
9387 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9388 font-weight: bold;
9389 text-transform: uppercase;
9390 }
9391 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9392 text-transform: initial;
9393 font-weight: normal;
9394 }
9395 .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 {
9396 display: inline-block;
9397 vertical-align: middle;
9398 margin: 0;
9399 }
9400 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9401 margin-right: 10px;
9402 }
9403 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9404 width: 16px;
9405 color: var(--vbo-config-text-color-light);
9406 }
9407 .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 {
9408 height: 25px;
9409 }
9410 .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 {
9411 left: 28px;
9412 }
9413 .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 {
9414 height: 20px;
9415 width: 20px;
9416 }
9417 .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 {
9418 height: 26px;
9419 }
9420 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9421 margin-top: 5px;
9422 border-top: 1px solid var(--vbo-config-border-color);
9423 padding-top: 10px;
9424 }
9425 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9426 border-top-left-radius: 8px;
9427 border-top-right-radius: 8px;
9428 background: var(--vbo-config-child-bg-color);
9429 border-bottom: 1px solid var(--vbo-config-border-color);
9430 padding-bottom: 15px;
9431 }
9432 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9433 margin-top: 8px;
9434 }
9435 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9436 margin-right: 5px;
9437 color: #999;
9438 }
9439 .vbo-editbooking-room-remove {
9440 float: right;
9441 display: inline-block;
9442 }
9443 .vbo-editbooking-summary-room > div > h4 {
9444 font-weight: bold;
9445 text-transform: uppercase;
9446 border-bottom: 1px solid var(--vbo-config-border-color);
9447 padding-bottom: 10px;
9448 }
9449 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9450 margin-right: 5px;
9451 display: inline-block;
9452 }
9453 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9454 color: var(--vbo-config-text-color-light);
9455 margin-right: 3px;
9456 }
9457 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9458 border-bottom: 0;
9459 margin-bottom: 0;
9460 }
9461 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9462 border-top: 1px solid var(--vbo-config-border-color);
9463 padding-top: 10px;
9464 }
9465 .vbo-editbooking-room-traveler-guestsinfo {
9466 padding: 0 5px;
9467 }
9468 .vbo-editbooking-room-traveler-guestsinfo > div {
9469 display: inline-block;
9470 vertical-align: top;
9471 margin: 5px 10px 5px 0;
9472 }
9473 .vbo-editbooking-room-traveler-guestsinfo > div i {
9474 color: var(--vbo-config-text-color-light);
9475 }
9476 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9477 margin-top: 36px;
9478 }
9479 .vbo-editbooking-room-traveler-guestsinfo label {
9480 display: block;
9481 font-size: 12px;
9482 font-weight: bold;
9483 color: var(--vbo-config-titles-color-light);
9484 margin-bottom: 2px;
9485 }
9486 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9487 background: var(--vbo-input-style);
9488 }
9489 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9490 display: grid;
9491 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9492 }
9493 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9494 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9495 display: inline-block;
9496 vertical-align: top;
9497 padding: 15px;
9498 margin: 5px;
9499 border-radius: 5px;
9500 border: 1px solid var(--vbo-config-border-color);
9501 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9502 }
9503 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9504 flex: 0 0 33%;
9505 }
9506 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9507 border: 1px solid var(--vbo-green-color);
9508 }
9509 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9510 flex: 0 0 33%;
9511 }
9512 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9513 display: inline-block;
9514 vertical-align: top;
9515 }
9516 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9517 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9518 color: var(--vbo-config-titles-color-light);
9519 font-weight: bold;
9520 }
9521 .vbo-editbooking-room-pricetype-cost {
9522 font-size: 18px;
9523 font-weight: bold;
9524 }
9525 .vbo-editbooking-room-pricetype-seltax {
9526 margin-top: 10px;
9527 }
9528 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9529 float: right;
9530 margin-top: 10px;
9531 }
9532 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
9533 display: block;
9534 margin-top: 10px;
9535 }
9536 .vbo-editbooking-room-pricetype-older-inner {
9537 display: inline-block;
9538 }
9539 .vbo-editbooking-room-pricetype-older-inner label {
9540 margin-bottom: 3px;
9541 }
9542 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
9543 font-size: 15px;
9544 }
9545 .vbo-editbooking-room-pricetype-check-older {
9546 display: inline-block;
9547 float: right;
9548 }
9549 .vbo-editbooking-room-service-price {
9550 font-size: 16px;
9551 font-weight: bold;
9552 }
9553 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
9554 text-transform: initial;
9555 }
9556 .vbo-editbooking-room-service-select select {
9557 margin-bottom: 0;
9558 }
9559 .vbo-editbooking-room-extracost {
9560 margin: 5px;
9561 }
9562 .vbo-editbooking-room-extracost > div {
9563 display: inline-block;
9564 vertical-align: top;
9565 margin: 0 5px 0 0;
9566 }
9567 .vbo-editbooking-room-extracost > div .btn.btn-danger {
9568 padding: 8px 14px;
9569 }
9570 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
9571 position: relative;
9572 }
9573 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
9574 position: absolute;
9575 right: 2px;
9576 height: calc(100% - 2px);
9577 background: var(--vbo-base-color);
9578 border-left: 1px solid var(--vbo-base-color);
9579 color: var(--vbo-contrast-text-color);
9580 border-top-right-radius: 2px;
9581 border-bottom-right-radius: 2px;
9582 top: 1px;
9583 width: 32px;
9584 font-size: 13px;
9585 cursor: pointer;
9586 }
9587 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
9588 background: var(--vbo-base-color-hover)
9589 }
9590 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
9591 position: absolute;
9592 top: 50%;
9593 left: 50%;
9594 transform: translate(-50%, -50%);
9595 }
9596 .vbo-editbooking-summary-totpaid {
9597 padding-bottom: 0;
9598 }
9599 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
9600 border-bottom-left-radius: 8px;
9601 border-bottom-right-radius: 8px;
9602 }
9603 .vbo-editbooking-totpaid {
9604 display: inline-block;
9605 }
9606 .vbo-editbooking-totpaid label {
9607 font-size: 18px;
9608 font-weight: bold;
9609 margin-bottom: 10px;
9610 }
9611 .vbo-editbooking-totrefund {
9612 margin-left: 35px;
9613 }
9614 .vbo-editbooking-totrefund label {
9615 font-size: 15px;
9616 font-weight: normal;
9617 }
9618 .vbo-editbooking-addroom {
9619 display: inline-block;
9620 float: right;
9621 margin-top: 15px;
9622 }
9623 .vbo-roomdet-wrapper {
9624 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
9625 border: 1px solid var(--vbo-basic-btn);
9626 display: inline-block;
9627 margin-bottom: 4px;
9628 width: 100%;
9629 border-radius: 6px;
9630 box-shadow: 0 0 10px rgba(0,0,0,.05);
9631 }
9632 .vbo-roomdet-wrap {
9633 display: flex;
9634 -ms-flex-wrap: wrap;
9635 -webkit-flex-wrap: wrap;
9636 flex-wrap: wrap;
9637 }
9638 .vbo-roomdet-entry {
9639 flex: 1;
9640 }
9641 .vbo-roomdet-head {
9642 border-bottom: 1px solid var(--vbo-config-border-color);
9643 font-size: larger;
9644 padding: 12px 15px 12px;
9645 font-weight: bold;
9646 font-size: 13px;
9647 color: var(--vbo-config-titles-color-light);
9648 }
9649 .vbo-roomdet-foot {
9650 padding: 8px 15px;
9651 }
9652 .vbo-roomdet-guests-toggle {
9653 padding: 7px 8px 7px;
9654 border-radius: 2px;
9655 margin-top: 5px;
9656 display: inline-block;
9657 cursor: pointer;
9658 }
9659 .vbo-roomdet-guests-toggle i {
9660 font-size: larger;
9661 display: inline-block;
9662 float: left;
9663 margin-right: 8px;
9664 }
9665 .vbo-roomdet-guests-toggleword {
9666 display: inline-block;
9667 margin-top: -1px;
9668 float: left;
9669 }
9670 .vbo-guestscount-incomplete {
9671 background: var(--vbo-blue-color);
9672 color: #fff;
9673 }
9674 .vbo-guestscount-complete {
9675 background: var(--vbo-green-color);
9676 color: #fff;
9677 }
9678 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
9679 background: var(--vbo-green-color-hover);
9680 }
9681 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
9682 background: var(--vbo-blue-color-hover);
9683 }
9684 .vbo-roomdet-guests-details {
9685 display: none;
9686 padding: 8px 0 8px 15px;
9687 margin: 5px 10px;
9688 background: var(--vbo-config-child-bg-color);
9689 border-top: 1px solid var(--vbo-basic-btn);
9690 }
9691 .vbo-roomdet-guest-details {
9692 margin-bottom: 5px;
9693 margin-left: -15px;
9694 padding-bottom: 10px;
9695 border-bottom: 1px solid var(--vbo-config-border-color);
9696 display: flex;
9697 flex-wrap: wrap;
9698 }
9699 .vbo-roomdet-guest-details:last-child {
9700 border-bottom: 0;
9701 }
9702 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
9703 width: calc(25% - 20px);
9704 margin: 5px 10px;
9705 display: inline-block;
9706 }
9707 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
9708 height: 40px;
9709 border-radius: 2px;
9710 }
9711 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
9712 line-height: 38px;
9713 }
9714 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
9715 height: 38px;
9716 }
9717 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
9718 position: relative;
9719 }
9720 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
9721 position: absolute;
9722 top: 12px;
9723 right: 10px;
9724 font-size: 16px;
9725 }
9726 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
9727 align-self: center;
9728 font-size: 16px;
9729 margin-right: 14px;
9730 width: 100%;
9731 }
9732 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
9733 width: calc(100% - 20px);
9734 }
9735 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
9736 width: calc(25% - 15px);
9737 }
9738 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
9739 width: 100% !important;
9740 max-width: 100%;
9741 }
9742 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
9743 width: 100% !important;
9744 max-width: 100%;
9745 }
9746 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
9747 margin-bottom: 3px;
9748 font-weight: 500;
9749 }
9750 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
9751 width: 90px;
9752 border: 1px solid var(--vbo-config-border-color);
9753 background-color: var(--vbo-config-bg-color);
9754 border-radius: 4px;
9755 text-align: center;
9756 margin: 5px;
9757 padding: 3px;
9758 position: relative;
9759 display: inline-block;
9760 }
9761 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
9762 color: var(--vbo-config-titles-color-light);
9763 text-decoration: none;
9764 display: block;
9765 line-height: 1.3em;
9766 padding: 6px 3px;
9767 }
9768 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
9769 font-size: 18px;
9770 }
9771 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
9772 width: 90px;
9773 display: inline-block;
9774 overflow: hidden;
9775 text-overflow: ellipsis;
9776 font-size: 13px;
9777 white-space: nowrap;
9778 }
9779 .vbo-roomdet-guest-detail-num span {
9780 font-weight: bold;
9781 flex-basis: 100px;
9782 }
9783 .vbo-checkin-main-block {
9784 display: flex;
9785 -ms-flex-wrap: wrap;
9786 -webkit-flex-wrap: wrap;
9787 flex-wrap: wrap;
9788 }
9789 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
9790 flex-basis: 60px;
9791 }
9792 .vbo-roomsdet-container {
9793 display: inline-block;
9794 -ms-flex: 1;
9795 -webkit-flex: 1;
9796 flex: 1;
9797 margin-right: 5px;
9798 }
9799 .vbo-checkin-payment-detail-v {
9800 float: right;
9801 margin-left: 5px;
9802 }
9803 .vbo-checkin-payment-container {
9804 display: inline-block;
9805 vertical-align: top;
9806 background: var(--vbo-light-color-btn);
9807 -ms-flex: 0 0 18%;
9808 -webkit-flex: 0 0 18%;
9809 flex: 0 0 18%;
9810 float: right;
9811 padding: 15px;
9812 margin-left: 5px;
9813 border-radius: 6px;
9814 box-shadow: 0 0 10px rgba(0,0,0,.05);
9815 }
9816 .vbo-checkin-payment-detail {
9817 margin: 5px 0;
9818 display: inline-block;
9819 width: 100%;
9820 }
9821 .vbo-checkin-payment-detail-click {
9822 background: var(--vbo-base-color);
9823 color: #fff;
9824 padding: 3px 10px;
9825 border-radius: 2px;
9826 margin-top: 10px;
9827 cursor: pointer;
9828 }
9829 .vbo-checkin-payment-detail:first-child {
9830 font-size: larger;
9831 }
9832 .vbo-checkin-payment-detail-lbl {
9833 vertical-align: middle;
9834 }
9835 .vbo-checkin-notes-wrap {
9836 clear: both;
9837 width: 100%;
9838 margin: 5px 0;
9839 }
9840 .vbo-checkin-notes-inner {
9841 margin: 0 auto;
9842 width: 60%;
9843 text-align: center;
9844 }
9845 .vbo-checkin-notes-trig {
9846 color: var(--vbo-config-titles-color-light);
9847 }
9848 .vbo-checkin-notes-trig span {
9849 cursor: pointer;
9850 }
9851 .vbo-checkin-notes-cont {
9852 display: none;
9853 padding: 4px;
9854 }
9855 .vbo-checkin-notes-cont textarea {
9856 width: 100% !important;
9857 height: 100px;
9858 }
9859 .vbo-checkin-commands-wrap {
9860 margin: 25px 0 15px;
9861 }
9862 .vbo-checkin-commands-inner {
9863 text-align: center;
9864 }
9865 .vbo-checkin-commands-btn {
9866 display: inline-block;
9867 margin-left: 15px;
9868 }
9869 .vbo-checkin-commands-btn:first-child {
9870 margin-left: 0;
9871 }
9872 .vbo-checkin-commands-btn .btn-large {
9873 padding: 9px 14px;
9874 border-radius: 3px;
9875 font-size: inherit;
9876 }
9877 .vbo-checkin-commands-btn .btn-large:not(.btn-success) {
9878 background: var(--vbo-red-color);
9879 border-color: var(--vbo-red-color);
9880 color: #fff;
9881 }
9882 .vbo-checkin-commands-btn .btn-large:not(.btn-success):hover {
9883 background: var(--vbo-red-color-hover);
9884 border-color: var(--vbo-red-color-hover);
9885 }
9886 .vbo-checkin-update-wrap {
9887 clear: both;
9888 width: 100%;
9889 margin: 5px 0;
9890 }
9891 .vbo-checkin-update-inner {
9892 margin: 0 auto;
9893 width: 60%;
9894 text-align: center;
9895 }
9896 .vbo-checkin-custdet-cont {
9897 width: 100%;
9898 margin-top: 10px;
9899 padding: 4px;
9900 }
9901 .vbo-checkin-custdet-entry {
9902 display: inline-block;
9903 width: calc(33% - 10px);
9904 margin: 10px 5px;
9905 vertical-align: top;
9906 }
9907 .vbo-checkin-custdet-key {
9908 display: block;
9909 color: var(--vbo-config-titles-color-light);
9910 }
9911 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
9912 color: var(--vbo-red-color);
9913 }
9914 .vbo-checkin-custdet-value {
9915 display: block;
9916 font-size: larger;
9917 }
9918 #jmodal-box-vbo-checkin-booking {
9919 height: 100%;
9920 margin: 19px;
9921 overflow: hidden;
9922 overflow-y: scroll;
9923 box-sizing: border-box;
9924 }
9925 #jmodal-box-vbo-checkin-booking .modal-body {
9926 max-height: inherit;
9927 }
9928 #vbo-overlay-title .vbo-info-overlay-title-close {
9929 float: right;
9930 margin-top: -4px;
9931 margin-right: 0px;
9932 cursor: pointer;
9933 }
9934 div.modal {
9935 z-index: 9999999 !important;
9936 }
9937 div.modal.in {
9938 background-color: var(--vbo-body-bg-color);
9939 }
9940 div.modal.in .close:hover, div.modal.in .close:focus {
9941 color: var(--vbo-config-titles-color-light);
9942 }
9943 div.modal.in .modal-header + div.modal-body-wrapper {
9944 height: calc(100% - 130px) !important;
9945 }
9946 .vbo-sign-share-meth {
9947 margin: 10px 0;
9948 }
9949 .vbo-sign-share-meth label {
9950 margin-bottom: 3px;
9951 color: var(--vbo-body-text-color);
9952 }
9953 .vbo-sign-share-meth input {
9954 display: block !important;
9955 margin-bottom: 5px !important;
9956 }
9957 .vbo-sign-share-meth-close .btn {
9958 background: var(--vbo-red-color);
9959 border-color: var(--vbo-red-color);
9960 }
9961 .vbo-sign-share-meth-close .btn:hover {
9962 background: var(--vbo-red-color-hover);
9963 border-color: var(--vbo-red-color-hover);
9964 }
9965 #jmodal-vbo-vcm-rates-res {
9966 overflow-y: auto;
9967 }
9968 .vbo-vcm-rates-res-container {
9969 padding: 20px;
9970 }
9971 .vbo-vcm-rates-res-success {
9972 margin-bottom: 10px;
9973 border-bottom: 1px solid var(--vbo-config-border-color);
9974 padding-bottom: 10px;
9975 }
9976 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
9977 display: inline-block;
9978 vertical-align: top;
9979 border: 2px solid var(--vbo-green-color);
9980 padding: 10px;
9981 border-radius: 4px;
9982 margin: 4px;
9983 }
9984 .vbo-vcm-rates-res-channel-esit {
9985 display: inline-block;
9986 margin-right: 5px;
9987 font-size: 14px;
9988 border-radius: 50%;
9989 object-fit: cover;
9990 padding: 5px;
9991 width: 13px;
9992 height: 13px;
9993 line-height: 12px;
9994 text-align: center;
9995 vertical-align: top;
9996 }
9997 .vbo-vcm-rates-res-channel-esit i {
9998 font-size: 14px;
9999 }
10000 .vbo-vcm-rates-res-channel-logo {
10001 display: inline-block;
10002 }
10003 .vbo-vcm-rates-res-channel-logo img {
10004 max-width: 120px;
10005 }
10006 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10007 color: #fff;
10008 background: var(--vbo-green-color);
10009 }
10010 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10011 margin: 5px;
10012 border: 1px solid var(--vbo-green-color);
10013 padding: 10px;
10014 }
10015 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10016 border: 1px solid var(--vbo-red-color);
10017 padding: 10px 0 0;
10018 border-radius: 4px;
10019 margin: 8px 0;
10020 }
10021 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10022 color: #fff;
10023 background: var(--vbo-red-color);
10024 margin-left: 10px;
10025 }
10026 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10027 color: #fff;
10028 background: var(--vbo-orange-color);
10029 margin-left: 10px;
10030 }
10031 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10032 padding-bottom: 10px;
10033 }
10034 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10035 overflow-y: auto;
10036 max-height: 150px;
10037 }
10038 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10039 margin-bottom: 0;
10040 border-radius: 0 !important;
10041 padding: 10px;
10042 border-bottom-left-radius: 4px !important;
10043 border-bottom-right-radius: 4px !important;
10044 border: 0;
10045 border-top: 1px solid var(--vbo-config-border-color);
10046 }
10047 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10048 border: 1px solid var(--vbo-orange-color);
10049 padding: 10px 0 0;
10050 border-radius: 4px;
10051 margin: 8px 0;
10052 }
10053 .vbo-ratesoverview-bottom-container {
10054 border: 1px solid var(--vbo-config-border-color);
10055 margin-top: 20px;
10056 padding: 20px;
10057 border-radius: 9px;
10058 }
10059 .vbo-ratesoverview-bottom-head {
10060 width: 100%;
10061 display: inline-block;
10062 }
10063 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10064 float: left;
10065 }
10066 .vbo-ratesoverview-roomdetails {
10067 padding-top: 0;
10068 }
10069 .vbo-ratesoverview-roomdetails h3 {
10070 text-align: center;
10071 display: inline-block;
10072 margin-top: 10px;
10073 }
10074 .vbo-ratesoverview-obp-toggle-inner {
10075 float: right;
10076 margin-left: 20px;
10077 }
10078 .vbo-ratesoverview-obp-toggle-txt {
10079 display: inline-block;
10080 vertical-align: top;
10081 margin: 5px 0 0 5px;
10082 cursor: pointer;
10083 }
10084 .vbo-ratesoverview-caltab-wrapper {
10085 display: flex;
10086 -ms-flex-wrap: wrap;
10087 -webkit-flex-wrap: wrap;
10088 flex-wrap: wrap;
10089 margin-bottom: 30px;
10090 }
10091 .vbo-ratesoverview-period-container {
10092 display: inline-block;
10093 -ms-flex: 0 0 15%;
10094 -webkit-flex: 0 0 15%;
10095 flex: 0 0 15%;
10096 margin-left: 2px;
10097 }
10098 .vbo-table-responsive {
10099 -ms-flex: 1%;
10100 -webkit-flex: 1%;
10101 flex: 1%;
10102 overflow-x: scroll;
10103 }
10104 .vbratesoverviewtable tr td:first-child {
10105 position: sticky;
10106 left: 0;
10107 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10108 z-index: 1;
10109 background-clip: padding-box !important;
10110 }
10111 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10112 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10113 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10114 cursor: not-allowed;
10115 }
10116 .vbratesoverviewtable {
10117 border-spacing: 0;
10118 border-collapse: collapse;
10119 max-width: none;
10120 }
10121 .vbratesoverviewtable td {
10122 border-spacing: 0;
10123 border-collapse: collapse;
10124 border-right: 1px solid var(--vbo-config-bg-color);
10125 border-bottom: 1px solid var(--vbo-config-bg-color);
10126 }
10127 .vbratesoverviewtable tr:last-child td {
10128 border-bottom: 0;
10129 }
10130 .vbratesoverviewtable tr:first-child td {
10131 border-bottom: 0;
10132 }
10133 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10134 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10135 font-weight: bold;
10136 padding: 10px 10px;
10137 }
10138 .vbratesoverviewtable td .vbo-occ-label {
10139 display: inline-block;
10140 background: #999;
10141 border-radius: 4px;
10142 font-size: .9em;
10143 color: #fff;
10144 padding: 2px 6px;
10145 margin-left: 3px;
10146 font-weight: normal;
10147 }
10148 .vbo-roverw-curminlos-active {
10149 color: var(--vbo-red-color);
10150 font-weight: bold;
10151 }
10152 .vbratesoverviewtable .bluedays {
10153 min-width: 80px;
10154 }
10155 .vbratesoverviewtable .bluedays:hover {
10156 background-color: #73aecc;
10157 }
10158 .vbratesoverviewtable .bluedays:active {
10159 background-color: #89b8d0;
10160 }
10161 .vbratesoverviewtable .skip-bluedays-click:hover {
10162 background-color: #02679a;
10163 }
10164 .vbo-ratesoverview-period-inner {
10165 padding: 15px;
10166 background: var(--vbo-basic-btn);
10167 }
10168 .vbo-ratesoverview-period-lbl {
10169 font-weight: bold;
10170 font-size: 16px;
10171 margin: 0 5px 5px;
10172 }
10173 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10174 display: flex;
10175 -ms-flex-wrap: wrap;
10176 -webkit-flex-wrap: wrap;
10177 flex-wrap: wrap;
10178 }
10179 .vbo-ratesoverview-period-boxes-inner > div {
10180 display: inline-block;
10181 flex: 1;
10182 background: var(--vbo-config-bg-color);
10183 margin: 5px;
10184 padding: 15px 5px;
10185 text-align: center;
10186 border-radius: 4px;
10187 cursor: pointer;
10188 }
10189 .vbo-ratesoverview-period-box-lbl {
10190 font-weight: bold;
10191 margin-bottom: 5px;
10192 color: var(--vbo-config-titles-color-light);
10193 }
10194 .vbo-ratesoverview-period-box-val > div > span {
10195 display: block;
10196 font-weight: bold;
10197 color: var(--vbo-base-color);
10198 }
10199 .vbo-ratesoverview-period-wday {
10200 font-size: 12px;
10201 }
10202 .vbo-ratesoverview-period-mday {
10203 font-size: 24px;
10204 margin: 3px 0;
10205 }
10206 .vbo-ratesoverview-period-month {
10207 font-size: 12px;
10208 text-transform: uppercase;
10209 font-weight: normal;
10210 }
10211 .vbo-ratesoverview-period-box-val i {
10212 font-size: 28px;
10213 color: var(--vbo-blue-color);
10214 }
10215 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10216 position: relative;
10217 }
10218 .vbo-ratesoverview-period-box-cals-inner {
10219 position: absolute;
10220 top: 0;
10221 right: 0;
10222 width: 630px;
10223 padding: 10px;
10224 z-index: 1;
10225 border-radius: 10px;
10226 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10227 background: var(--vbo-config-bg-color);
10228 border: 1px solid var(--vbo-main-bg-color);
10229 }
10230 .vbo-ratesoverview-period-box-cals-inner > div {
10231 display: inline-block;
10232 vertical-align: top;
10233 }
10234 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10235 border-right: 1px solid var(--vbo-basic-btn);
10236 padding-right: 4px;
10237 }
10238 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10239 padding: 3px 0;
10240 color: var(--vbo-config-titles-color-light);
10241 border-bottom: 1px solid var(--vbo-basic-btn);
10242 margin: 0 0 5px;
10243 text-align: center;
10244 text-transform: uppercase;
10245 font-size: 11px;
10246 }
10247 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10248 width: 160px;
10249 }
10250 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10251 width: 100% !important;
10252 }
10253 .vbo-receipt-company-block {
10254 text-align: center;
10255 }
10256 .vbo-receipt-company-info::first-line {
10257 font-weight: bold;
10258 }
10259 .vbo-resmodcanc-block select {
10260 max-width: 225px;
10261 }
10262 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10263 margin: 0;
10264 }
10265 .vbo-resmodcanc-lim label {
10266 display: inline-block;
10267 }
10268 .vbo-ratesoverview-orphans-wrapper {
10269 padding: 15px;
10270 margin: 2px 10px 0;
10271 border-radius: 6px;
10272 background: var(--vbo-basic-btn);
10273 border: 1px solid var(--vbo-red-color);
10274 }
10275 .vbo-ratesoverview-orphans-lbl {
10276 font-weight: bold;
10277 font-size: 16px;
10278 margin-bottom: 10px;
10279 }
10280 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10281 color: var(--vbo-red-color);
10282 }
10283 .vbo-ratesoverview-orphans-list {
10284 max-height: 179px;
10285 overflow: hidden;
10286 overflow-y: scroll;
10287 }
10288 .vbo-ratesoverview-orphans-list > div {
10289 margin: 3px 0;
10290 }
10291 /* Signature Pad - Start */
10292 .vbo-signature-container {
10293 display: -webkit-box;
10294 display: -ms-flexbox;
10295 display: flex;
10296 -webkit-box-pack: center;
10297 -ms-flex-pack: center;
10298 justify-content: center;
10299 -webkit-box-align: center;
10300 -ms-flex-align: center;
10301 align-items: center;
10302 height: 70vh;
10303 width: 100%;
10304 -webkit-user-select: none;
10305 -moz-user-select: none;
10306 -ms-user-select: none;
10307 user-select: none;
10308 margin: 0;
10309 padding: 0;
10310 font-family: Helvetica, Sans-Serif;
10311 }
10312 .vbo-signature-pad {
10313 position: relative;
10314 display: -webkit-box;
10315 display: -ms-flexbox;
10316 display: flex;
10317 -webkit-box-orient: vertical;
10318 -webkit-box-direction: normal;
10319 -ms-flex-direction: column;
10320 flex-direction: column;
10321 font-size: 10px;
10322 width: 100%;
10323 height: 100%;
10324 max-width: 700px;
10325 max-height: 460px;
10326 border: 1px solid var(--vbo-config-border-color);
10327 background-color: var(--vbo-config-bg-color);
10328 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10329 border-radius: 4px;
10330 padding: 16px;
10331 }
10332 .vbo-signature-pad::before, .vbo-signature-pad::after {
10333 position: absolute;
10334 z-index: -1;
10335 content: "";
10336 width: 40%;
10337 height: 10px;
10338 bottom: 10px;
10339 background: transparent;
10340 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10341 }
10342 .vbo-signature-pad::before {
10343 left: 20px;
10344 -webkit-transform: skew(-3deg) rotate(-3deg);
10345 transform: skew(-3deg) rotate(-3deg);
10346 }
10347 .vbo-signature-pad::after {
10348 right: 20px;
10349 -webkit-transform: skew(3deg) rotate(3deg);
10350 transform: skew(3deg) rotate(3deg);
10351 }
10352 .vbo-signature-pad-head {
10353 margin-bottom: 8px;
10354 text-align: center;
10355 display: flex;
10356 flex-wrap: wrap;
10357 }
10358 .vbo-signature-pad-head .pull-right {
10359 margin-left: auto;
10360 }
10361 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10362 flex-basis: 100%;
10363 margin-top: 5px;
10364 }
10365 .vbo-signature-pad-head-terms {
10366 display: inline-block;
10367 padding: 0 10px;
10368 }
10369 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10370 text-decoration: none;
10371 }
10372 .vbo-signature-pad-body {
10373 position: relative;
10374 -webkit-box-flex: 1;
10375 -ms-flex: 1;
10376 flex: 1;
10377 border: 1px solid var(--vbo-config-child-bg-color);
10378 }
10379 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10380 position: absolute;
10381 left: 0;
10382 top: 0;
10383 width: 100%;
10384 height: 100%;
10385 border-radius: 4px;
10386 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10387 }
10388 .vbo-signature-pad-footer {
10389 text-align: center;
10390 margin-top: 8px;
10391 }
10392 .vbo-signature-signabove {
10393 color: var(--vbo-body-text-color);
10394 font-size: 1.2em;
10395 }
10396 .vbo-signature-cmds {
10397 display: -webkit-box;
10398 display: -ms-flexbox;
10399 display: flex;
10400 -webkit-box-pack: justify;
10401 -ms-flex-pack: justify;
10402 justify-content: space-between;
10403 margin-top: 8px;
10404 }
10405 .vbo-signature-cmd {
10406 display: inline-block;
10407 margin-right: 5px;
10408 }
10409 .vbo-signature-cmds > div:last-child {
10410 margin-right: 0;
10411 }
10412 .vbo-current-signature-p {
10413 display: block;
10414 text-align: center;
10415 font-weight: bold;
10416 font-size: 14px;
10417 }
10418 .vbo-signature-currentimg img {
10419 max-width: 100%;
10420 }
10421 /* Signature Pad - End */
10422 /* Booking Checkin - End */
10423 /* Booking Details Tabs - Start */
10424 .vbo-bookingdet-tabs {
10425 float: left;
10426 }
10427 .vbo-bookingdet-tab {
10428 display: inline-block;
10429 cursor: pointer;
10430 padding: 16px;
10431 margin: 0;
10432 font-size: 1.2em;
10433 text-transform: uppercase;
10434 font-weight: bold;
10435 }
10436 .vbo-bookingdet-tab-active {
10437 border-bottom: 3px solid var(--vbo-base-color);
10438 color: var(--vbo-base-color);
10439 }
10440 .vbo-bookingdet-commands {
10441 float: right;
10442 }
10443 .vbo-bookingdet-command {
10444 display: inline-block;
10445 margin: 3px;
10446 }
10447 .vbo-bookingdet-command .btn.vbo-config-btn {
10448 padding: 10px 14px;
10449 background-color: var(--vbo-light-color-btn);
10450 color: var(--vbo-base-color);
10451 border: 1px solid var(--vbo-config-border-color);
10452 }
10453 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10454 background: var(--vbo-base-color-hover);
10455 border: 1px solid var(--vbo-base-color-hover);
10456 color: #fff;
10457 }
10458 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10459 background: var(--vbo-base-color-hover);
10460 border: 1px solid var(--vbo-base-color-hover);
10461 }
10462 .vbo-bookingdet-command i {
10463 margin-right: 5px;
10464 }
10465 .vbo-bookingdet-tab-cont {
10466 display: block;
10467 background: var(--vbo-basic-btn);
10468 padding-top: 15px;
10469 }
10470 img.vbo-channelimg-medium {
10471 max-height: 20px;
10472 }
10473 /* Booking Details Tabs - End */
10474 /* VikUpdater - Start */
10475 .vik-box-error {
10476 padding: 10px;
10477 border: 2px dashed var(--vbo-red-color);
10478 color: var(--vbo-red-color);
10479 font-weight: bolder;
10480 }
10481 .vik-box-error hr {
10482 border-top-color: var(--vbo-red-color);
10483 }
10484 .vik-update-changelog {
10485 padding: 10px;
10486 border: 2px dashed var(--vbo-middle-color-btn);
10487 }
10488 .vik-update-changelog h2 {
10489 margin-bottom: 25px;
10490 }
10491 .vik-update-changelog ul li strong {
10492 display: inline-block;
10493 width: 220px;
10494 }
10495 .vik-update-changelog div.box-separator {
10496 border-top: 1px solid var(--vbo-config-border-color);
10497 margin: 20px 0;
10498 }
10499 .vik-update-changelog > *:first-child,
10500 .vik-box-error > *:first-child {
10501 margin-top: 0;
10502 }
10503 .vik-update-changelog > *:last-child,
10504 .vik-box-error > *:last-child {
10505 margin-bottom: 0;
10506 }
10507 /* VikUpdater - End */
10508 .vbo-colortag-square {
10509 background-color: var(--vbo-config-bg-color);
10510 border: 1px solid var(--vbo-config-title-color);
10511 border-radius: 4px;
10512 cursor: pointer;
10513 display: inline-block;
10514 height: 30px;
10515 margin-right: 10px;
10516 width: 30px;
10517 text-align: center;
10518 vertical-align: top;
10519 line-height: 30px;
10520 }
10521 .vbo-colortag-circle {
10522 border-radius: 50%;
10523 cursor: pointer;
10524 display: inline-block;
10525 height: 14px;
10526 margin: 1px;
10527 padding: 0;
10528 vertical-align: middle;
10529 width: 14px;
10530 }
10531 .vbo-allbsearchcust-loading-inp {
10532 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
10533 }
10534 .vbo-allbsearchcust-res {
10535 top: 36px;
10536 position: absolute;
10537 z-index: 2;
10538 width: 100%;
10539 }
10540 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
10541 list-style: none;
10542 text-align: left;
10543 padding: 0;
10544 margin: 0 0 0 -1px;
10545 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
10546 background-color: var(--vbo-config-bg-color);
10547 border: 1px solid var(--vbo-config-border-color);
10548 white-space: nowrap;
10549 max-height: 200px;
10550 width: 100%;
10551 overflow-y: scroll;
10552 }
10553 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
10554 font-size: 13px;
10555 }
10556 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
10557 list-style: none;
10558 text-align: left;
10559 white-space: nowrap;
10560 }
10561 .vbo-allbookings-fm .btn-group select {
10562 max-width: 150px;
10563 margin-bottom: 0;
10564 border-radius: 2px;
10565 border: 1px solid var(--vbo-config-border-color);
10566 padding: 8px 10px;
10567 height: inherit;
10568 }
10569 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
10570 min-width: 80%;
10571 }
10572 /* Config: Do not edit this */
10573 /* FontAwesome fixes - Start */
10574 i.fa-sort-desc {
10575 vertical-align: top;
10576 }
10577 /* FontAwesome fixes - End */
10578 /* Select2 fixes - Start */
10579 .select2-search--dropdown .select2-search__field {
10580 width: 100% !important;
10581 }
10582 input[type="search"].select2-search__field {
10583 height: auto !important;
10584 margin-bottom: 2px !important;
10585 }
10586 .select2-container.select2-container--default.select2-container--open {
10587 z-index: 9999999999 !important;
10588 }
10589 /* Select2 fixes - End */
10590 .vikpaymentparam {
10591 display: block;
10592 padding: 2px;
10593 }
10594 .vikpaymentparamlabel {
10595 display: inline-block;
10596 min-width: 150px;
10597 }
10598 .vikpaymentparamlbl-textarea {
10599 display: block;
10600 }
10601 .vikpaymentparaminput {
10602 display: inline-block !important;
10603 }
10604 .vikpaymentparaminput.vikpaymentparaminput-tarea {
10605 width: 100%;
10606 }
10607 .vikpaymentparamlabelhelp {
10608 font-size: smaller;
10609 font-style: italic;
10610 padding-left: 5px;
10611 }
10612 .vbo-config-param-cell {
10613 background: none repeat scroll 0 0 var(--vbo-light-color-btn);;
10614 border-right: 1px solid var(--vbo-config-border-color);
10615 vertical-align: middle !important;
10616 }
10617 .vbo-config-param-cell.vbo-config-param-cell-warn {
10618 color: var(--vbo-red-color) !important;
10619 }
10620 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
10621 float: right;
10622 }
10623 .vbo-smstpl-bgroup {
10624 white-space: inherit !important;
10625 }
10626 .vbo-smstpl-bgroup button {
10627 margin: 2px 0;
10628 }
10629 .vbo-smstpl-bgroup button:first-child {
10630 margin-left:-1px !important;
10631 border-radius:0 !important;
10632 }
10633 .vbo-smstpl-control textarea {
10634 margin-top:5px;
10635 }
10636 .vbo-custmail-bgroup .btn-small {
10637 padding: 2px 5px !important;
10638 margin: 1px 4px;
10639 }
10640 .vbo-spblock-inline {
10641 display: inline-block;
10642 margin-right: 8px;
10643 }
10644 .vbo-spblock-inline input {
10645 display: inline-block;
10646 }
10647 .vbo-spblock-inline label {
10648 display: inline;
10649 vertical-align: middle;
10650 }
10651 #vbo-sms-balance {
10652 margin: 8px 0;
10653 padding: 5px;
10654 }
10655 .fieldset-left {
10656 float: left;
10657 margin-right: 20px;
10658 }
10659 .fieldset-half {
10660 float: left;
10661 width: 48%;
10662 }
10663 ul.dropdown-menu {
10664 z-index: 9999;
10665 }
10666 span.badge a {
10667 color: #fff;
10668 }
10669 span.badge a:hover {
10670 color: #fff;
10671 text-decoration: none;
10672 }
10673 i.icn-bigger {
10674 font-size: larger;
10675 }
10676 i.icn-nomargin {
10677 margin: 0 !important;
10678 }
10679 i.icn-float-left {
10680 float: left;
10681 }
10682 i.icn-float-right {
10683 float: right;
10684 }
10685 i.icn-clickable {
10686 cursor: pointer;
10687 }
10688 i.vbo-quest-popover {
10689 color: var(--vbo-config-title-color);
10690 }
10691 i.vbo-quest-popover:hover {
10692 color: var(--vbo-blue-color);
10693 }
10694 .popover {
10695 z-index: 9999999999 !important;
10696 }
10697 i.vbo-icn-img {
10698 font-size: 20px;
10699 }
10700 /* Joomla 3.x */
10701 div.current {
10702 background: var(--vbo-main-bg-color);
10703 clear: both;
10704 padding: 10px;
10705 }
10706 div.current dd.tabs {
10707 margin-left: 0;
10708 }
10709 dl.tabs {
10710 float: left;
10711 margin: 10px 0 -1px -3px;
10712 z-index: 50;
10713 }
10714 dl.tabs dt.open {
10715 color: #000000;
10716 z-index: 1;
10717 }
10718 dl.tabs dt {
10719 color: #666666;
10720 float: left;
10721 margin-left: 3px;
10722 padding: 4px 10px;
10723 }
10724 dt.tabs span h3 {
10725 font-size: 13px;
10726 margin: 0;
10727 display: inline-block;
10728 padding: 4px 8px;
10729 }
10730 .vbo-config-tabs-wrap dt.tabs:hover h3 {
10731 background: var(--vbo-toolbar-bg-color);
10732 border-radius: 4px;
10733 }
10734 #ui-datepicker-div select {
10735 line-height: 1em;
10736 padding: 5px 14px 5px 8px !important;
10737 min-height: 20px;
10738 height: auto !important;
10739 }
10740 .vbo-link-add {
10741 font-size: 13px;
10742 border-radius: 3px;
10743 }
10744 .vbo-link-add i {
10745 margin-right: 5px;
10746 display: inline-block;
10747 }
10748 .btn.vbo-config-btn, .vbo-link-add {
10749 background-color: var(--vbo-base-color);
10750 border: 1px solid var(--vbo-base-color);
10751 color: #fff;
10752 padding: 10px 14px;
10753 display: inline-block;
10754 }
10755 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
10756 background-color: var(--vbo-base-color-hover) !important;
10757 border: 1px solid var(--vbo-base-color-hover) !important;
10758 color: #fff;
10759 }
10760 .btn.vbo-config-btn:active, .vbo-link-add:active {
10761 background-color: var(--vbo-link-text-color) !important;
10762 color: #fff;
10763 }
10764 .vbo-config-btn.vbo-config-btn-rounded {
10765 border-radius: 50%;
10766 width: 25px;
10767 height: 25px;
10768 text-align: center;
10769 }
10770 .vbo-config-btn.vbo-config-btn-rounded i {
10771 margin-right: 0;
10772 }
10773 .vbo-config-btn-rounded.vbo-config-btn-large {
10774 height: 50px;
10775 width: 50px;
10776 font-size: 24px;
10777 }
10778 .vbo-config-tabs-wrap dl.tabs {
10779 margin: 10px 0 0;
10780 width: 100%;
10781 border-bottom: 1px solid var(--vbo-config-border-color);
10782 }
10783 .vbo-config-tabs-wrap dl.tabs dt h3 i {
10784 margin-right: 5px;
10785 font-size: 15px;
10786 }
10787 .vbo-config-tabs-wrap dl.tabs dt {
10788 padding: 5px;
10789 margin-left: 0;
10790 border: 0;
10791 display: inline-block;
10792 float: none;
10793 }
10794 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
10795 color: var(--vbo-config-title-color);
10796 }
10797 .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 {
10798 color: var(--vbo-base-color);
10799 }
10800 .vbo-config-tabs-wrap dl.tabs dt.open a {
10801 color: #000;
10802 }
10803 .vbo-config-tabs-wrap dl.tabs dt.open {
10804 border-bottom: 2px solid var(--vbo-base-color);
10805 }
10806 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
10807 color: var(--vbo-config-title-color);
10808 }
10809 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
10810 border-bottom: 2px solid var(--vbo-base-color);
10811 }
10812 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
10813 color: inherit;
10814 }
10815 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
10816 background: transparent;
10817 border-bottom: 0;
10818 float: right;
10819 }
10820 .vbo-config-body {
10821 margin-top: -20px;
10822 }
10823
10824 .vbo-admin-container {
10825 background: var(--vbo-main-bg-color);
10826 clear: both;
10827 padding: 10px;
10828 display: flex;
10829 flex-wrap: wrap;
10830 }
10831 .vbo-admin-container > div {
10832 flex-basis: calc(50% - 10px);
10833 }
10834 .vbo-admin-container.vbo-params-container-wide > div {
10835 flex-basis: 100%;
10836 }
10837 .vbo-admin-container .adminform {
10838 width: auto;
10839 display: inherit;
10840 background: var(--vbo-config-bg-color);
10841 border-radius: 6px;
10842 margin: 20px 0;
10843 padding: 15px 30px;
10844 box-shadow: 0 0 2px rgba(0,0,0,.1);
10845 }
10846 .vbo-admin-container .vbo-config-maintab-left {
10847 margin-right: 10px;
10848 }
10849 .vbo-admin-container .vbo-config-maintab-right {
10850 margin-left: 10px;
10851 }
10852 /* With this class we create a 100% width settings block */
10853 .vbo-config-tab-container > .adminform {
10854 width: 100%;
10855 }
10856 .vbo-config-tab-container .adminform {
10857 margin-top: 0;
10858 }
10859 .vbo-config-tab-container {
10860 padding-top: 10px !important;
10861 }
10862 .vbo-admin-container .adminlegend {
10863 border-bottom: 0;
10864 font-size: 22px;
10865 line-height: 1.2em;
10866 font-weight: bold;
10867 color: var(--vbo-config-titles-color-light);
10868 width: 100%;
10869 }
10870 .modal-body .adminlegend {
10871 width: 100%;
10872 }
10873 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
10874 width: auto;
10875 float: inherit;
10876 margin-bottom: 10px;
10877 }
10878 .modal-body-wrapper .vbo-admin-container .adminlegend {
10879 float: none;
10880 }
10881 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
10882 margin-top: 15px;
10883 }
10884 .vbo-btn-icon-right i {
10885 margin-left: 5px;
10886 margin-right: 0;
10887 }
10888 .vbo-btn-icon-left i {
10889 margin-right: 5px;
10890 margin-left: 0;
10891 }
10892 .vbo-admin-container .adminlegend i {
10893 margin-right: 5px;
10894 }
10895 .vbo-admin-container .vbo-param-container {
10896 display: flex;
10897 margin: 25px 0;
10898 }
10899 .vbo-param-container-highlighted {
10900 color: var(--vbo-red-color);
10901 }
10902 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
10903 margin-bottom: 0;
10904 }
10905 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
10906 max-width: 225px;
10907 }
10908 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
10909 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
10910 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
10911 vertical-align: top;
10912 }
10913 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
10914 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
10915 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
10916 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
10917 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
10918 vertical-align: inherit !important;
10919 }
10920 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
10921 padding: 8px 5px;
10922 border-color: var(--vbo-config-border-color);
10923 }
10924 .vbo-admin-container .vbo-param-container.vbo-param-child {
10925 margin-top: -20px;
10926 }
10927 .vbo-admin-container .vbo-param-container.vbo-param-nested {
10928 border-top: 2px solid var(--vbo-basic-btn);
10929 background: var(--vbo-config-child-bg-color);
10930 padding: 10px 15px;
10931 margin: 0;
10932 }
10933 .vbo-admin-container .vbo-param-container .vbo-param-label {
10934 flex-basis: 250px;
10935 font-size: 14px;
10936 margin-right: 20px;
10937 margin-bottom: 5px;
10938 }
10939 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
10940 display: block;
10941 margin-bottom: 5px;
10942 }
10943 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
10944 .vbo-admin-container .vbo-param-container-full {
10945 flex-wrap: wrap;
10946 }
10947 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
10948 flex-basis: 100%;
10949 margin-bottom: 10px;
10950 }
10951 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
10952 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
10953 width: 100%;
10954 }
10955
10956 /* This "-full" class is to enlarge the one column admin structure.
10957 * This needs to be used together with the "vbo-admin-container" class.
10958 */
10959 .vbo-admin-container-full .vbo-params-wrap {
10960 flex-basis: 100%;
10961 }
10962 /* This "-compact" class is to reduce the padding between the settings.
10963 * This needs to be used together with the "vbo-admin-container" class.
10964 */
10965 .vbo-admin-container-compact .vbo-param-container {
10966 margin: 12px 0;
10967 }
10968 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
10969 margin-bottom: 0;
10970 padding-bottom: 0;
10971 }
10972 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
10973 flex-basis: 235px;
10974 }
10975 .vbo-admin-container .vbo-param-container .vbo-param-setting {
10976 flex: 1;
10977 max-width: 100%;
10978 }
10979 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
10980 display: block;
10981 font-size: .9em;
10982 margin-top: 4px;
10983 font-style: italic;
10984 color: var(--vbo-config-title-color);
10985 }
10986 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
10987 font-weight: bold;
10988 color: var(--vbo-red-color);
10989 }
10990 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
10991 margin-left: 5px;
10992 font-style: italic;
10993 color: var(--vbo-config-title-color);
10994 }
10995 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
10996 display: inline-block;
10997 margin-right: 10px;
10998 }
10999 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11000 margin-bottom: 5px;
11001 }
11002 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11003 margin-bottom: 0;
11004 }
11005 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11006 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11007 background: var(--vbo-main-bg-color);
11008 padding: 10px 15px;
11009 border-radius: 2px;
11010 border: 1px solid var(--vbo-config-border-color);
11011 color: var(--vbo-config-title-color);
11012 display: inline-block;
11013 white-space: nowrap;
11014 overflow: hidden;
11015 text-overflow: ellipsis;
11016 max-width: 120px;
11017 margin: 0;
11018 vertical-align: top;
11019 }
11020 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11021 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11022 color: var(--vbo-base-color);
11023 border-color: var(--vbo-base-color);
11024 background-color: var(--vbo-config-bg-color);
11025 }
11026 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11027 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11028 background-color: var(--vbo-config-child-bg-color);
11029 }
11030 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11031 margin-right: 3px;
11032 font-size: 16px;
11033 }
11034 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11035 margin: 2px 0;
11036 height: 40px;
11037 }
11038 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11039 vertical-align: top;
11040 }
11041 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11042 vertical-align: top;
11043 }
11044 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11045 margin-bottom: 0;
11046 }
11047 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11048 margin-top: 0;
11049 }
11050 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11051 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11052 border-left: 1px solid var(--vbo-main-bg-color);
11053 padding-left: 10px;
11054 margin-left: 10px;
11055 }
11056 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11057 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11058 margin: 0 10px 3px 0;
11059 display: inline-block;
11060 }
11061 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11062 margin-top: 0;
11063 }
11064 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11065 margin-left: 0;
11066 }
11067 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,
11068 .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"] {
11069 border: 1px solid var(--vbo-config-border-color);
11070 border-radius: 2px;
11071 padding: 8px 10px;
11072 margin-bottom: 0;
11073 box-sizing: border-box;
11074 height: auto;
11075 }
11076 input[type="number"].vbo-small-input {
11077 width: 70px !important;
11078 vertical-align: inherit;
11079 }
11080 input[type="number"].vbo-medium-input {
11081 width: 100px !important;
11082 vertical-align: inherit;
11083 }
11084 .vbo-booking-special-requests {
11085 border: 1px solid var(--vbo-blue-color);
11086 padding: 10px;
11087 border-radius: 15px;
11088 border-top-left-radius: 0;
11089 background: var(--vbo-config-child-bg-color);
11090 margin: 0 5px;
11091 }
11092 .vbo-booking-admin-notes {
11093 background: var(--vbo-config-child-bg-color);
11094 padding: 10px;
11095 margin: 0;
11096 font-style: italic;
11097 }
11098 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11099 .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 {
11100 background: var(--vbo-input-style-deactive);
11101 }
11102 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11103 width: 100px !important;
11104 }
11105 input[type="number"].vbo-large-input-number {
11106 width: 180px !important;
11107 }
11108 .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 {
11109 margin-bottom: 0;
11110 border-radius: 2px;
11111 border: 1px solid var(--vbo-config-border-color);
11112 padding: 8px 10px;
11113 height: inherit;
11114 }
11115 .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 {
11116 padding: 8px 10px;
11117 border-radius: 0 2px 2px 0;
11118 border: 1px solid var(--vbo-config-border-color);
11119 }
11120 .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,
11121 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11122 margin-right: 0;
11123 }
11124 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11125 background: var(--vbo-base-color);
11126 border: 1px solid var(--vbo-base-color);
11127 color: #fff;
11128 padding: 10px 14px;
11129 }
11130 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11131 color: #fff;
11132 }
11133 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11134 background: var(--vbo-base-color-hover) !important;
11135 }
11136 .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 {
11137 background: var(--vbo-link-text-color) !important;
11138 }
11139 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11140 margin-right: 5px;
11141 display: inline-block;
11142 }
11143 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11144 margin-top: 5px;
11145 }
11146 .vbo-admin-container .vbo-param-container .btn-danger {
11147 padding: 10px 14px;
11148 font-size: 12px;
11149 line-height: 15px;
11150 border-radius: 3px;
11151 }
11152 select.vbo-select-small {
11153 padding: 0px 24px 0px 8px !important;
11154 min-height: 25px;
11155 font-size: 12px;
11156 height: 25px !important;
11157 }
11158 .vbo-btn-toolbar .btn i {
11159 margin-right: 5px;
11160 }
11161 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11162 margin-right: 0;
11163 }
11164 .iti.iti--allow-dropdown {
11165 background: var(--vbo-input-style);
11166 border: 1px solid var(--vbo-config-border-color);
11167 display: flex;
11168 z-index: 0;
11169 }
11170 .iti.iti--allow-dropdown .iti__flag-container {
11171 position: relative;
11172 }
11173 .iti.iti--allow-dropdown .iti__selected-flag {
11174 border-right: 1px solid var(--vbo-config-border-color);
11175 }
11176 .iti.iti--allow-dropdown input[type="tel"] {
11177 border: 0;
11178 border-radius: 2px;
11179 padding: 5px 10px;
11180 margin-bottom: 0;
11181 height: auto;
11182 flex: 1;
11183 }
11184 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11185 background: var(--vbo-config-child-bg-color);
11186 }
11187 .vbo-uploaded-files i.fa-file {
11188 font-size: 68px !important;
11189 }
11190 .vbo-uploaded-files .file-elem a .file-extension {
11191 font-size: 14px !important;
11192 }
11193 .vbo-uploaded-files .file-elem {
11194 width: calc(100% / 7) !important;
11195 }
11196 .vbo-bookingdet-btncont .vbo-config-btn {
11197 margin-top: 5px;
11198 }
11199 .vbo-bookingdet-btncont .vbo-config-btn i {
11200 margin-right: 8px;
11201 }
11202 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11203 display: inline-block;
11204 margin-left: 10px;
11205 border: 1px solid var(--vbo-config-border-color);
11206 padding: 8px 9px;
11207 margin-top: 0px;
11208 border-radius: 2px;
11209 background: var(--vbo-config-child-bg-color);
11210 vertical-align: top;
11211 }
11212 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11213 background: var(--vbo-config-bg-color);
11214 }
11215 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11216 margin-bottom: 0;
11217 height: auto;
11218 }
11219 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11220 margin-bottom: 0;
11221 }
11222 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11223 border: 0 !important;
11224 background: transparent;
11225 }
11226 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11227 padding: 0;
11228 }
11229 .vbo-param-container .vbo-param-setting .select2-container--default {
11230 width: 70% !important;
11231 }
11232 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11233 width: 100%;
11234 }
11235 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11236 width: 100% !important;
11237 background: var(--vbo-config-bg-color);
11238 }
11239 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
11240 background-color: #b6d8ee;
11241 border: 1px solid #b8d1e1;
11242 border-radius: 30px;
11243 padding: 5px 10px;
11244 color: #2d5593;
11245 font-weight: bold;
11246 }
11247 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11248 display: inline-block;
11249 margin-left: 3px;
11250 margin-right: 0;
11251 width: 18px;
11252 height: 18px;
11253 line-height: 15px;
11254 font-size: 16px;
11255 text-align: center;
11256 border-radius: 50%;
11257 color: #1f90d9;
11258 float: right;
11259 }
11260 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11261 background: #1f90d9;
11262 color: #fff;
11263 }
11264 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11265 margin-left: 5px;
11266 }
11267 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11268 height: 36px;
11269 border: 1px solid #ddd;
11270 border-radius: 2px;
11271 }
11272 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11273 font-weight: normal;
11274 font-size: 14px;
11275 }
11276 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11277 height: 36px;
11278 }
11279 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11280 line-height: 35px;
11281 }
11282 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11283 border: 0;
11284 }
11285 .vbo-preferred-countries-sortlist {
11286 margin-left: 0;
11287 max-width: 380px;
11288 }
11289 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11290 list-style-type: none;
11291 margin: 0;
11292 padding: 10px 15px;
11293 display: block;
11294 border: 1px solid var(--vbo-basic-btn);
11295 background: var(--vbo-config-child-bg-color);
11296 margin: 5px 3px;
11297 cursor: grab;
11298 }
11299 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11300 color: var(--vbo-config-titles-color-light);
11301 float: right;
11302 margin-top: 4px;
11303 }
11304 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11305 background: var(--vbo-config-bg-color);
11306 color: var(--vbo-base-color);
11307 border-color: var(--vbo-base-color);
11308 }
11309 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11310 color: var(--vbo-base-color);
11311 }
11312 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11313 margin-top: 4px;
11314 }
11315 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11316 cursor: pointer;
11317 }
11318 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11319 color: var(--vbo-base-color);
11320 }
11321 input[type="text"],
11322 input[type="password"],
11323 input[type="date"],
11324 input[type="email"],
11325 input[type="url"],
11326 input[type="search"],
11327 input[type="tel"],
11328 select {
11329 width: auto !important;
11330 }
11331 .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 {
11332 width: 70% !important;
11333 }
11334 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11335 width: 100%;
11336 }
11337 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11338 width: 200px !important;
11339 }
11340 .vbo-param-container input[type="number"].vbo-input-number-small {
11341 width: 80px !important;
11342 }
11343 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11344 width: auto !important;
11345 }
11346 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11347 color: var(--vbo-base-color-hover);
11348 }
11349 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11350 color: var(--vbo-link-text-color);
11351 }
11352 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11353 width: calc(70% - 2px);
11354 }
11355 .vbo-payment-params-container .vbo-param-setting img {
11356 max-width: 300px;
11357 }
11358
11359 input[type="number"] {
11360 width: 100px !important;
11361 }
11362 table.adminform label {
11363 display: inline;
11364 margin:0 0 0 5px;
11365 }
11366 table.adminform td {
11367 padding: 6px 0;
11368 }
11369 table.adminform div.input-append {
11370 display: inline;
11371 }
11372 .icon-vikbooking:before {
11373 font-family: "Font Awesome 5 Free", FontAwesome !important;
11374 font-weight: 900;
11375 content: "\f236";
11376 background: none !important;
11377 }
11378 .icon-vikbookingconfig:before {
11379 font-family: "Font Awesome 5 Free", FontAwesome !important;
11380 font-weight: 900;
11381 content: "\f236";
11382 background: none !important;
11383 }
11384 .icon-vikbookingstats:before {
11385 font-family: "Font Awesome 5 Free", FontAwesome !important;
11386 font-weight: 900;
11387 content: "\f236";
11388 background: none !important;
11389 }
11390 /* Joomla 3.7.0 - Start */
11391 .field-calendar, .vbo-field-calendar {
11392 display: inline-block;
11393 vertical-align: top;
11394 }
11395 .field-calendar .input-append, .vbo-field-calendar .input-append {
11396 display: flex;
11397 }
11398 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11399 padding: 8px 10px;
11400 border-radius: 0 2px 2px 0;
11401 border: 1px solid var(--vbo-config-border-color);
11402 }
11403 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11404 font-size: 14px;
11405 margin-right: 0;
11406 }
11407 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11408 margin-right: 0;
11409 }
11410 .btn-group .calendar-head-row {
11411 font-size: 13px;
11412 }
11413 /* Joomla 3.7.0 - End */
11414
11415 /* Reports - Start */
11416 .vbo-reports-container {
11417 background: var(--vbo-basic-btn);
11418 padding: 0 0 10px;
11419 }
11420 .vbo-reports-filters-outer {
11421 margin-top: 0;
11422 height: auto;
11423 background: var(--vbo-basic-btn-hover);
11424 padding: 10px;
11425 box-sizing: border-box;
11426 }
11427 .vbo-reports-filters-outer > div {
11428 display: inline-block;
11429 margin: 2px 0;
11430 }
11431 .vbo-reports-filters-export {
11432 float: right;
11433 }
11434 .vbo-reports-filters-report {
11435 margin: 0 20px;
11436 }
11437 .vbo-report-filter-lbl {
11438 margin-bottom: 2px;
11439 }
11440 .vbo-reports-filters-report .vbo-report-filter-wrap {
11441 display: inline-block;
11442 }
11443 .vbo-report-filter-val input, .vbo-report-filter-val select {
11444 margin: 0 !important;
11445 }
11446 .vbo-reports-output {
11447 margin: 10px;
11448 }
11449 .vbo-report-layout-type {
11450 text-align: right;
11451 display: inline-block;
11452 width: 100%;
11453 }
11454 .vbo-report-layout-type .vbo-report-layout-type-inner {
11455 background: var(--vbo-config-bg-color);
11456 margin-left: 10px;
11457 border: 1px solid var(--vbo-config-border-color);
11458 display: flex;
11459 width: 170px;
11460 float: right;
11461 margin-right: 10px;
11462 }
11463 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11464 display: inline-block;
11465 }
11466 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11467 border-right: 1px solid var(--vbo-config-border-color);
11468 margin-bottom: 0;
11469 padding: 9px 7px;
11470 flex-basis: 25px;
11471 text-align: center;
11472 font-size: 16px;
11473 }
11474 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11475 color: var(--vbo-config-titles-color-light);
11476 }
11477 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11478 margin-bottom: 0;
11479 border-radius: 2px;
11480 border: 0;
11481 padding: 8px 10px;
11482 height: inherit;
11483 flex: 1;
11484 }
11485 .vbo-report-chart-wrap > h4 {
11486 margin-top: 30px;
11487 font-size: 18px;
11488 margin-bottom: 10px;
11489 border-bottom: 1px solid var(--vbo-config-border-color);
11490 padding-bottom: 10px;
11491 margin-left: 10px;
11492 }
11493 .vbo-report-chart-inner {
11494 display: flex;
11495 flex-wrap: wrap;
11496 margin-bottom: 40px;
11497 }
11498 .vbo-report-chart-main {
11499 flex: 1;
11500 }
11501 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11502 background: var(--vbo-config-bg-color);
11503 border: 1px solid var(--vbo-config-bg-color);
11504 padding: 20px;
11505 border-radius: 16px;
11506 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11507 margin-bottom: 15px;
11508 position: relative;
11509 height: 70%;
11510 }
11511 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11512 font-weight: bold;
11513 color: var(--vbo-config-titles-color-light);
11514 margin-bottom: 10px;
11515 }
11516 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11517 font-size: 26px;
11518 font-weight: bold;
11519 }
11520 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
11521 display: inline-block;
11522 margin: 4px 0 6px;
11523 white-space: nowrap;
11524 }
11525 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
11526 font-size: 13px;
11527 display: inline-block;
11528 vertical-align: middle;
11529 color: var(--vbo-config-titles-color-light);
11530 }
11531 .vbo-report-chart-main .vbo-report-chart-metas {
11532 display: flex;
11533 flex-wrap: wrap;
11534 }
11535 .vbo-report-chart-main .vbo-report-chart-meta {
11536 flex-basis: 25%;
11537 }
11538 .vbo-report-chart-main .vbo-report-chart-meta-inner {
11539 margin: 0 5px;
11540 }
11541 .vbo-report-chart-main .vbo-report-chart-content {
11542 background: var(--vbo-config-bg-color);
11543 padding: 30px;
11544 border-radius: 16px;
11545 margin: 20px 5px;
11546 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11547 }
11548 .vbo-report-chart-right {
11549 flex-basis: 20%;
11550 margin-left: 15px;
11551 }
11552 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
11553 height: 30px;
11554 width: 4px;
11555 background: #ddd;
11556 content: "";
11557 position: absolute;
11558 left: -3px;
11559 top: 17px;
11560 }
11561 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
11562 background: var(--vbo-green-color);
11563 }
11564 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
11565 background: var(--vbo-red-color);
11566 }
11567 .chart-line-legend {
11568 margin-left: 0;
11569 text-align: center;
11570 }
11571 .chart-line-legend li {
11572 display: inline-block;
11573 list-style-type: none;
11574 border: 1px solid var(--vbo-config-border-color);
11575 border-radius: 20px;
11576 padding: 8px 15px 5px;
11577 margin: 5px;
11578 }
11579 .chart-line-legend li span {
11580 display: inline-block;
11581 vertical-align: top;
11582 }
11583 .chart-line-legend li .legend-entry {
11584 width: 15px;
11585 height: 15px;
11586 margin-right: 8px;
11587 border-radius: 4px;
11588 display: inline-block;
11589 }
11590 .chart-line-legend li .legend-label {
11591 margin-top: -2px;
11592 font-weight: bold;
11593 font-size: 12px;
11594 }
11595 .chart-line-legend {
11596 margin-top: 10px;
11597 }
11598 .vbo-report-sheetnchart {
11599 display: flex;
11600 }
11601 .vbo-report-sheetnchart .vbo-report-sheet {
11602 flex-basis: 60%;
11603 margin-right: 10px;
11604 }
11605 .vbo-report-sheetnchart .vbo-report-chart-wrap {
11606 flex: 1;
11607 }
11608 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
11609 display: flex;
11610 flex-wrap: wrap;
11611 }
11612 .vbo-report-sheetnchart .vbo-report-chart-right {
11613 flex-basis: 100%;
11614 margin: 0;
11615 }
11616 .vbo-report-chart-metas-bottom {
11617 margin-bottom: 20px;
11618 }
11619 .vbo-report-sheetnchart .vbo-report-chart-meta {
11620 flex-basis: 33%;
11621 }
11622 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
11623 margin: 0 5px;
11624 }
11625 .vbo-reports-output .table-responsive {
11626 border-radius: 8px;
11627 box-shadow: 0 0px 20px rgba(0,0,0,.1);
11628 margin: 0 5px 18px;
11629 background: var(--vbo-config-bg-color);
11630 }
11631 .vbo-reports-output table {
11632 margin-bottom: 0;
11633 }
11634 .vbo-reports-output table thead {
11635 background: var(--vbo-config-child-bg-color);
11636 text-transform: uppercase;
11637 font-weight: bold;
11638 }
11639 .vbo-reports-output table thead th {
11640 padding: 15px 15px;
11641 color: var(--vbo-config-title-color);
11642 font-size: 12px;
11643 white-space: nowrap;
11644 }
11645 .vbo-reports-output table thead th a {
11646 color: var(--vbo-config-title-color);
11647 }
11648 .vbo-reports-output table thead th i {
11649 margin-left: 3px;
11650 font-size: .9em;
11651 }
11652 .vbo-reports-output table tbody td:first-child {
11653 width: 150px;
11654 }
11655 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
11656 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
11657 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
11658 display: none;
11659 }
11660 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
11661 padding: 15px 15px;
11662 }
11663 .vbo-reports-output table tbody tr:nth-child(2n) {
11664 background: var(--vbo-config-child-bg-color);
11665 }
11666 .vbo-reports-output table tbody tr td:first-child span {
11667 font-weight: bold;
11668 }
11669 .vbo-reports-output table tfoot {
11670 background: var(--vbo-config-child-bg-color);
11671 }
11672 .vbo-reports-output table tfoot td h3 {
11673 margin: 12px 0;
11674 font-size: 14px;
11675 }
11676 .vbo-reports-output table tfoot tr:last-child td {
11677 vertical-align: middle;
11678 }
11679 .vbo-reports-output table tfoot tr td:not(:first-child) span {
11680 font-weight: bold;
11681 font-size: 14px;
11682 white-space: nowrap;
11683 }
11684 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
11685 display: inline-block;
11686 margin-right: 15px;
11687 }
11688 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
11689 margin: 0;
11690 }
11691 .vbo-info-overlay-content.vbo-info-overlay-report {
11692 text-align: center;
11693 }
11694 .vbo-info-overlay-content.vbo-info-overlay-report > div {
11695 margin: 0 10px;
11696 display: inline-block;
11697 }
11698 .vbo-report-load-comune span,
11699 .vbo-report-load-provincia span,
11700 .vbo-report-load-nazione span,
11701 .vbo-report-load-cittadinanza span,
11702 .vbo-report-load-doctype span,
11703 .vbo-report-load-docnum span,
11704 .vbo-report-load-docissue span,
11705 .vbo-report-load-docplace span,
11706 .vbo-report-load-sesso span,
11707 .vbo-report-load-dbirth span,
11708 .vbo-report-load-field span {
11709 display: inline-block;
11710 border: 1px solid var(--vbo-red-color);
11711 cursor: pointer;
11712 color: var(--vbo-red-color);
11713 padding: 0px 7px;
11714 }
11715 .vbo-report-load-elem-filled span {
11716 border: 0;
11717 padding: 0;
11718 color: var(--vbo-blue-color-hover);
11719 }
11720 #ui-datepicker-div {
11721 z-index: 2147483647 !important;
11722 border: 1px solid var(--vbo-config-border-color);
11723 border-radius: 4px;
11724 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
11725 }
11726 /* Reports - End */
11727
11728 /* Trackings - Start */
11729 .btn-toolbar.vbo-trackings-filters {
11730 margin-bottom: 20px;
11731 margin-top: 0 !important;
11732 height: auto !important;
11733 background: var(--vbo-toolbar-bg-color);
11734 padding: 10px;
11735 box-sizing: border-box;
11736 }
11737 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
11738 margin-right: 3px;
11739 }
11740 .vbo-trackings-table {
11741 background: var(--vbo-config-child-bg-color);
11742 }
11743 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
11744 background: var(--vbo-config-child-bg-color) !important;
11745 }
11746 .vbo-trackings-table-head {
11747 border-top: 1px solid var(--vbo-config-border-color);
11748 padding: 12px 15px 0;
11749 font-weight: bold;
11750 }
11751 .vbo-trackings-table-head-inner {
11752 display: flex;
11753 padding: 0 15px;
11754 }
11755 .vbo-trackings-table-head-inner > div i {
11756 margin-left: 5px;
11757 }
11758 .vbo-trackings-table-head-inner > div * {
11759 text-transform: uppercase;
11760 color: var(--vbo-config-titles-color-light);
11761 }
11762 .vbo-trackings-table-head-cell {
11763 flex: 1;
11764 padding: 0 5px;
11765 }
11766 .vbo-trackings-table-cell-ckb input {
11767 margin-top: 0;
11768 }
11769 .vbo-trackings-table-body {
11770 padding: 15px 15px 30px;
11771 }
11772 .vbo-trackings-table-body-row {
11773 display: flex;
11774 flex-wrap: wrap;
11775 background: var(--vbo-config-bg-color);
11776 padding: 15px;
11777 border-radius: 4px;
11778 margin: 15px 0;
11779 box-shadow: 0 4px 6px rgba(0,0,0,.05);
11780 }
11781 .vbo-trackings-table-body-cell {
11782 flex: 1;
11783 padding: 0 5px;
11784 }
11785 .vbo-trackings-table-cell-chevron {
11786 flex: 0 0 30px;
11787 cursor: pointer;
11788 padding-left: 0;
11789 }
11790 .vbo-trackings-table-cell-ckb {
11791 flex: 0 0 30px;
11792 }
11793 .vbo-trackings-table-cell-id {
11794 flex: 0 0 60px;
11795 }
11796 .vbo-trackings-table-body-subrow {
11797 display: none;
11798 flex: 0 0 100%;
11799 }
11800 .vbo-trackings-table-body-hidden-lbl {
11801 display: none;
11802 }
11803 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
11804 font-weight: bold;
11805 font-size: 1.1em;
11806 }
11807 .vbo-tracking-identifier-container {
11808 margin: 20px 0;
11809 background: var(--vbo-config-child-bg-color);
11810 border-radius: 4px;
11811 }
11812 .vbo-tracking-info-details {
11813 padding: 15px;
11814 display: flex;
11815 flex-wrap: wrap;
11816 border-bottom: 1px solid var(--vbo-config-border-color);
11817 }
11818 .vbo-tracking-info-details:last-child {
11819 border:0;
11820 }
11821 .vbo-tracking-info-details > div {
11822 flex: 1;
11823 padding: 0 10px
11824 }
11825 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
11826 flex: 0 0 15%;
11827 }
11828 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
11829 flex: 0 0 80px;
11830 }
11831 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
11832 flex: 0 0 15%;
11833 }
11834 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
11835 flex: 0 0 100%;
11836 }
11837 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
11838 margin-top: 0;
11839 }
11840 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
11841 flex: 0 0 10%;
11842 }
11843 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
11844 flex: 0 0 20%;
11845 }
11846 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
11847 display: inline-block;
11848 }
11849 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
11850 margin-right: 15px;
11851 }
11852 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
11853 font-weight: bold;
11854 }
11855 .vbo-tracking-info-device-cont i {
11856 font-size: 18px;
11857 }
11858 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
11859 font-size: 22px;
11860 }
11861 .vbo-tracking-info-subrow-lbl {
11862 text-transform: uppercase;
11863 font-weight: bold;
11864 color: #999;
11865 margin-bottom: 5px;
11866 }
11867 .vbo-tracking-info-dates-cont > div {
11868 margin-bottom: 5px;
11869 }
11870 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
11871 font-weight: bold;
11872 display: block;
11873 margin: 0;
11874 }
11875 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
11876 font-weight: bold;
11877 }
11878 .vbo-trackings-custcampaign {
11879 margin-bottom: 20px;
11880 background: var(--vbo-config-bg-color);
11881 border-radius: 10px;
11882 border: 1px solid var(--vbo-basic-btn);
11883 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
11884 padding: 15px;
11885 }
11886 .vbo-trackings-custcampaign-box {
11887 display: inline-block;
11888 margin-right: 14px;
11889 }
11890 .vbo-trackings-custcampaign-box label {
11891 margin-bottom: 5px;
11892 font-weight: 500;
11893 }
11894 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
11895 width: 100% !important;
11896 }
11897 .vbo-tracking-info-party-room {
11898 margin-bottom: 5px;
11899 }
11900 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
11901 display: block;
11902 text-transform: uppercase;
11903 font-weight: bold;
11904 }
11905 .vbo-tracking-info-booking-cont .vbo-status-label.label-success {
11906 border: 2px solid var(--vbo-green-color);
11907 color: var(--vbo-green-color);
11908 background: transparent !important;
11909 }
11910 .vbo-tracking-info-booking-cont .vbo-status-label.label-error {
11911 border: 2px solid var(--vbo-red-color);
11912 color: var(--vbo-red-color);
11913 background: transparent !important;
11914 }
11915 .vbo-tracking-info-booking-cont .vbo-status-label.label-warning {
11916 border: 2px solid var(--vbo-orange-color);
11917 color: var(--vbo-orange-color);
11918 background: transparent !important;
11919 }
11920 .vbo-tracking-info-booking-cont a {
11921 background: var(--vbo-base-color);
11922 color: #fff;
11923 border: 2px solid var(--vbo-base-color);
11924 display: table;
11925 margin-top: 5px;
11926 padding: 5px 10px;
11927 border-radius: 3px;
11928 font-weight: bold;
11929 }
11930 .vbo-tracking-info-booking-cont a:hover {
11931 background: transparent;
11932 color: var(--vbo-base-color-hover);
11933 text-decoration: none;
11934 }
11935 .vbo-tracking-info-search-results {
11936 margin-top: 10px;
11937 }
11938 .vbo-tracking-info-search-result {
11939 border: 2px solid var(--vbo-config-border-color);
11940 border-radius: 4px;
11941 padding: 10px 15px;
11942 margin: 5px 0;
11943 }
11944 .vbo-tracking-info-search-result p {
11945 margin-bottom: 0;
11946 padding-bottom: 0;
11947 font-weight: bold;
11948 }
11949 .vbo-tracking-info-search-result i {
11950 margin-right: 5px;
11951 }
11952 .vbo-tracking-info-search-result-warning {
11953 border-color: var(--vbo-orange-color);
11954 }
11955 .vbo-tracking-info-search-result-warning i {
11956 color: var(--vbo-orange-color);
11957 }
11958 .vbo-tracking-info-search-result-error {
11959 border-color: var(--vbo-red-color);
11960 }
11961 .vbo-tracking-info-search-result-error i {
11962 color: var(--vbo-red-color);
11963 }
11964 .vbo-tracking-info-search-result-info {
11965 border-color: var(--vbo-blue-color);
11966 }
11967 .vbo-tracking-info-search-result-info i {
11968 color: var(--vbo-blue-color);
11969 }
11970 .vbo-tracking-info-search-result-success {
11971 border-color: var(--vbo-green-color);
11972 }
11973 .vbo-tracking-info-search-result-success i {
11974 color: var(--vbo-green-color);
11975 }
11976 #vbo-add-trkcampaign {
11977 margin-top: 5px;
11978 }
11979 .vbo-trackings-custcampaign-uri {
11980 font-weight: bold;
11981 margin-right: 0;
11982 }
11983 .vbo-trackings-custcampaign label {
11984 display: block;
11985 }
11986 .vbo-trackings-tabs > div {
11987 display: inline-block;
11988 cursor: pointer;
11989 padding: 11px 0px;
11990 margin: 0 12px;
11991 font-size: 1.2em;
11992 text-transform: uppercase;
11993 font-weight: bold;
11994 text-align: center;
11995 color: var(--vbo-config-titles-color-light);
11996 }
11997 .vbo-trackings-tabs > .vbo-trackings-tab-active {
11998 border-bottom: 2px solid var(--vbo-blue-color);
11999 color: var(--vbo-blue-color);
12000 }
12001 .vbo-trackings-tabcont-stats {
12002 background: var(--vbo-config-child-bg-color);
12003 border-top: 1px solid var(--vbo-config-border-color);
12004 padding: 10px;
12005 }
12006 .vbo-trackings-chart-bestnights {
12007 display: flex;
12008 flex-wrap: wrap;
12009 }
12010 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12011 flex: 100%;
12012 font-size: 1.1em;
12013 margin-left: 5px;
12014 border-bottom: 1px solid var(--vbo-config-border-color);
12015 padding-bottom: 10px;
12016 text-transform: uppercase;
12017 }
12018 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12019 background: var(--vbo-config-bg-color);
12020 padding: 15px;
12021 border-radius: 4px;
12022 margin: 5px;
12023 flex-basis: 10%;
12024 box-shadow: 0 0 10px rgba(0,0,0,.05);
12025 }
12026 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12027 font-weight: bold;
12028 margin-bottom: 10px;
12029 display: block;
12030 border-bottom: 1px solid var(--vbo-config-border-color);
12031 padding-bottom: 5px;
12032 text-transform: uppercase;
12033 color: var(--vbo-config-titles-color-light);
12034 }
12035 .vbo-trackings-chart-tot {
12036 font-size: 26px;
12037 color: var(--vbo-base-color);
12038 margin-right: 4px;
12039 }
12040 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12041 margin-bottom: 10px;
12042 }
12043 .vbo-trackings-chart-middle {
12044 display: flex;
12045 margin-top: 20px;
12046 }
12047 .vbo-trackings-chart-avgvals {
12048 flex: 55%;
12049 padding-right: 50px;
12050 }
12051 .vbo-trackings-chart-referrers {
12052 flex: 1;
12053 }
12054 .vbo-trackings-chart-avgval-listcont {
12055 display: flex;
12056 flex-wrap: wrap;
12057 }
12058 .vbo-trackings-chart-avgval-listcont > div {
12059 flex: 1;
12060 background: var(--vbo-config-bg-color);
12061 padding: 15px;
12062 border-radius: 4px;
12063 box-shadow: 0 0 10px rgba(0,0,0,.05);
12064 margin: 5px;
12065 }
12066 .vbo-trackings-chart-avgval-listcont > div h5 {
12067 margin-top: 0;
12068 }
12069 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12070 margin-right: 0;
12071 }
12072 .vbo-trackings-chart-pcent {
12073 font-size: 1.1em;
12074 color: var(--vbo-config-titles-color-light);
12075 font-weight: bold;
12076 }
12077 .vbo-trackings-chart-referrer {
12078 background: var(--vbo-config-bg-color);
12079 padding: 15px;
12080 border-radius: 4px;
12081 box-shadow: 0 0 10px rgba(0,0,0,.05);
12082 margin: 10px 5px;
12083 }
12084 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12085 color: var(--vbo-green-color);
12086 }
12087 .vbo-trackings-cookiediscl {
12088 font-style: italic;
12089 width: 70%;
12090 }
12091 /* Trackings - End */
12092
12093 .vbo-choosebusy-table {
12094 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12095 border: 1px solid rgb(221, 221, 221);
12096 margin: 0 0 20px;
12097 }
12098 .vbo-choosebusy-tr1 td {
12099 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12100 vertical-align: middle;
12101 padding: 14px;
12102 border-bottom: 1px solid rgb(204, 204, 204);
12103 font-size: 16px;
12104 font-weight: 500;
12105 }
12106 .vbo-choosebusy-tr2 td img {
12107 border-radius: 0 !important;
12108 width: 100%;
12109 }
12110 .vbo-choosebusy-tr3 td {
12111 padding: 10px;
12112 }
12113 .vbo-choosebusy-tr3 td .badge {
12114 padding:3px 8px;
12115 border-radius: 3px;
12116 }
12117 #filter-bar .btn-group {
12118 margin-left:5px;
12119 }
12120 .table-responsive {
12121 overflow-x: auto;
12122 overflow-y: hidden;
12123 min-height: 0.01%;
12124 }
12125 .table {
12126 width: 100%;
12127 max-width: 100%;
12128 margin-bottom: 20px;
12129 }
12130 .vbo-receipt-company-block-outer {
12131 margin: 10px 0;
12132 display: inline-block;
12133 width: 100%;
12134 }
12135 .vbo-receipt-company-block {
12136 display: inline-block;
12137 margin: 0 10px;
12138 }
12139 .vbo-receipt-numdate-block {
12140 display: inline-block;
12141 float: right;
12142 margin: 0 10px;
12143 background: var(--vbo-basic-btn);
12144 padding: 15px;
12145 }
12146 .vbo-receipt-company-logo {
12147 display: inline-block;
12148 float: left;
12149 }
12150 .vbo-receipt-company-info {
12151 float: left;
12152 text-align: left;
12153 }
12154 .vbo-receipt-numdate-title {
12155 font-size: 18px;
12156 margin-bottom: 10px;
12157 }
12158 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12159 font-size: 12px;
12160 font-weight: bold;
12161 color: var(--vbo-config-text-color-light);
12162 display: block;
12163 margin-bottom: 5px;
12164 }
12165 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12166 display: inline-block;
12167 vertical-align: top;
12168 }
12169 .vbo-receipt-numdate-num {
12170 margin-right: 5px;
12171 }
12172 .vbo-hidein-print {
12173 margin-bottom: 0 !important;
12174 }
12175 .vbo-showin-print {
12176 display: none;
12177 }
12178 .vbo-receipt-print-confirm {
12179 text-align: center;
12180 display: inline-block;
12181 width: 100%;
12182 }
12183 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12184 display: inline-block;
12185 background: var(--vbo-base-color);
12186 color: #fff;
12187 padding: 5px 15px;
12188 border-radius: 4px;
12189 font-weight: bold;
12190 margin: 10px;
12191 cursor: pointer;
12192 }
12193 .vbo-receipt-print-btn i {
12194 margin-right: 5px;
12195 }
12196 .vbo-receipt-notes-container {
12197 padding: 18px;
12198 }
12199 .vbo-receipt-notes-inner {
12200 background: var(--vbo-config-bg-color);
12201 padding: 15px;
12202 border-radius: 8px;
12203 margin: 10px 0;
12204 }
12205 .vbo-receipt-notes-tarea textarea {
12206 height: 200px;
12207 }
12208 /* Tableaux */
12209 .vbo-tableaux-container {
12210 background: var(--vbo-config-child-bg-color);
12211 padding: 5px 15px 10px;
12212 }
12213 .vbo-tableaux-months-wrap {
12214 display: flex;
12215 flex-wrap: wrap;
12216 border: 1px solid var(--vbo-config-border-color);
12217 margin: 15px 0;
12218 background: var(--vbo-config-bg-color);
12219 border-radius: 4px;
12220 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12221 }
12222 .vbo-tableaux-months-wrap > div {
12223 flex: 1;
12224 border-right: 1px solid var(--vbo-config-border-color);
12225 text-align: center;
12226 display: flex;
12227 }
12228 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12229 border-top-left-radius: 4px;
12230 border-bottom-left-radius: 4px;
12231 }
12232 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12233 border-top-right-radius: 4px;
12234 border-bottom-right-radius: 4px;
12235 border: 0;
12236 }
12237 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12238 padding: 15px 10px;
12239 cursor: pointer;
12240 flex: 1;
12241 }
12242 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12243 display: block;
12244 }
12245 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12246 background: var(--vbo-config-child-bg-color);
12247 }
12248 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12249 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12250 background: var(--vbo-base-color);
12251 color: #fff;
12252 }
12253 .vbo-tableaux-tbl-container {
12254 margin-top: 10px;
12255 }
12256 .vbo-tableaux-table {
12257 background: var(--vbo-config-bg-color);
12258 border-radius: 4px;
12259 box-shadow: 0 0 4px rgba(0,0,0,.05);
12260 width: 100%;
12261 margin-bottom: 200px;
12262 }
12263 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12264 text-align: center;
12265 padding: 10px 4px;
12266 background: var(--vbo-light-color-btn);
12267 border-left: 1px solid var(--vbo-config-border-color);
12268 }
12269 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12270 border-left: 0;
12271 }
12272 .vbo-tableaux-table-head-cell-monyear {
12273 color: var(--vbo-config-titles-color-light);
12274 font-weight: normal;
12275 }
12276 .vbo-tableaux-table-head-cell-wmday {
12277 font-size: 15px;
12278 }
12279 .vbo-tableaux-table tr {
12280 border-bottom: 1px solid var(--vbo-config-border-color);
12281 }
12282 .vbo-tableaux-table td {
12283 border-right: 1px solid var(--vbo-config-border-color);
12284 min-width: 100px;
12285 max-width: 100px;
12286 padding: 20px 0;
12287 position: relative;
12288 background-clip: padding-box !important;
12289 }
12290 .vbo-tableaux-table tr td:first-child {
12291 position: sticky;
12292 left: 0;
12293 background: var(--vbo-config-child-bg-color);
12294 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12295 min-width: 150px;
12296 max-width: 150px;
12297 z-index: 2;
12298 font-weight: bold;
12299 padding: 15px 15px;
12300 font-size: 14px;
12301 }
12302 .vbo-tableaux-roomrow td {
12303 vertical-align: top;
12304 }
12305 .vbo-tableaux-daycell {
12306 color: var(--vbo-config-titles-color-light);
12307 font-weight: bold;
12308 text-align: center;
12309 padding: 10px;
12310 font-size: 13px;
12311 }
12312 .vbo-tableaux-festcell {
12313 background: #cea7c7;
12314 color: #fff;
12315 cursor: pointer;
12316 }
12317 .vbo-tableaux-festcell:hover {
12318 background: #bb90b3;
12319 }
12320 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12321 background: #e1aed8;
12322 }
12323 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12324 background: var(--vbo-base-color);
12325 color: #fff;
12326 font-weight: bold;
12327 padding: 7px 5px;
12328 margin: 2px 0;
12329 white-space: nowrap;
12330 position: relative;
12331 }
12332 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12333 background: var(--vbo-config-bg-color);
12334 color: var(--vbo-config-title-color);
12335 border-top: 1px solid var(--vbo-config-title-color);
12336 border-bottom: 1px solid var(--vbo-config-title-color);
12337 height: 14px;
12338 margin: 2px -1.5px;
12339 box-sizing: content-box;
12340 }
12341 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12342 border-left: 1px solid var(--vbo-config-title-color);
12343 }
12344 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12345 border-right: 1px solid var(--vbo-config-title-color);
12346 }
12347 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12348 background: transparent;
12349 display: inline-block;
12350 width: 100%;
12351 }
12352 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12353 font-size: 13px;
12354 }
12355 .vbo-tableaux-booking-avatar {
12356 z-index: 1;
12357 position: absolute;
12358 top: -6px;
12359 left: -8px;
12360 }
12361 .vbo-tableaux-booking-avatar img {
12362 height: 24px;
12363 width: 24px;
12364 border-radius: 50%;
12365 object-fit: cover;
12366 border: 2px solid #fff;
12367 }
12368 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12369 top: -1px;
12370 left: -3px;
12371 }
12372 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12373 border: 0;
12374 }
12375 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12376 padding-left: 25px;
12377 }
12378 .vbo-overv-avcell .vbo-tableaux-guest-name {
12379 font-weight: normal;
12380 font-size: 12px;
12381 }
12382 .vbo-tableaux-booking > span {
12383 position: relative;
12384 z-index: 1;
12385 }
12386 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12387 display: inline-block;
12388 margin-left: 5px;
12389 }
12390 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12391 width: 64%;
12392 float: right;
12393 border-top-left-radius: 20px;
12394 border-bottom-left-radius: 20px;
12395 padding-left: 10px;
12396 position: relative;
12397 margin-right: -2px;
12398 }
12399 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12400 position: relative;
12401 z-index: 1;
12402 }
12403 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12404 /* overflow: hidden;
12405 display: table-cell; */
12406 display: inline-block;
12407 width: 130px;
12408 clip-path: inset( -100vw 0 -100vw -8px );
12409 }
12410 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12411 top: -5px;
12412 }
12413 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12414 width: 64%;
12415 float: left;
12416 border-top-right-radius: 20px;
12417 border-bottom-right-radius: 20px;
12418 padding-right: 10px;
12419 }
12420 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12421 display: inline-block;
12422 width: 100%;
12423 }
12424 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12425 padding: 10px 15px;
12426 font-size: 1.2em;
12427 font-weight: bold;
12428 color: var(--vbo-base-color);
12429 border-left: 0;
12430 }
12431 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12432 border-left: 2px solid var(--vbo-config-border-color);
12433 }
12434 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12435 border-left: 2px solid var(--vbo-config-border-color);
12436 }
12437 .vbo-tableaux-table .vbo-tableaux-todaycell {
12438 background: var(--vbo-config-child-bg-color);
12439 }
12440 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12441 background: #d9b9d3;
12442 }
12443 .vbo-pmsperm-entry-wrap {
12444 display: flex;
12445 flex-wrap: wrap;
12446 background: var(--vbo-config-child-bg-color);
12447 margin: 5px 0;
12448 padding: 10px
12449 }
12450 .vbo-pmsperm-entry-wrap > div {
12451 margin: 5px;
12452 }
12453 .vbo-pmsperm-entry-wrap > div:first-child {
12454 flex-basis: 105px;
12455 }
12456 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12457 padding: 8px 14px;
12458 }
12459 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12460 margin-bottom: 0 !important;
12461 }
12462 .vbo-pmsperm-entry-cont:last-child {
12463 display: flex;
12464 }
12465 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12466 margin-top: 24px;
12467 }
12468 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12469 text-align: center;
12470 margin-top: 15px;
12471 }
12472 .vbo-tableauxperms-info-add {
12473 margin-bottom: 15px;
12474 text-align: center;
12475 }
12476 .vbo-pmsperm-entry-lbl {
12477 font-weight: bold;
12478 margin-bottom: 4px;
12479 }
12480 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
12481 margin-bottom: 10px;
12482 }
12483 #filter-bar.vbo-tableaux-filters {
12484 height: auto;
12485 background: var(--vbo-toolbar-bg-color);
12486 padding: 10px 10px 6px;
12487 box-sizing: border-box;
12488 }
12489 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
12490 background: var(--vbo-input-style);
12491 border-color: var(--vbo-config-border-color);
12492 }
12493 /* eInvoicing - start */
12494 .vbo-einvoicing-cellaction[data-einvaction="0"] {
12495 background: var(--vbo-red-color);
12496 }
12497 .vbo-einvoicing-cellaction[data-einvaction="1"] {
12498 background: var(--vbo-green-color);
12499 }
12500 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
12501 background: var(--vbo-blue-color);
12502 }
12503 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
12504 background: var(--vbo-orange-color);
12505 }
12506 #driversettingsform .vbo-driver-fieldset {
12507 margin-top: 20px;
12508 }
12509 #driversettingsform .vbo-driver-fieldset {
12510 border-bottom: 0;
12511 }
12512 .vbo-info-overlay-driver {
12513 height: 90% !important;
12514 }
12515 .vbo-drivers-filters-outer {
12516 display: inline-block;
12517 width: 100%;
12518 margin-top: 0;
12519 height: auto;
12520 background: var(--vbo-config-border-color);
12521 padding: 10px;
12522 box-sizing: border-box;
12523 }
12524 .vbo-drivers-filters-outer > div {
12525 display: inline-block;
12526 }
12527 .vbo-drivers-container {
12528 background: var(--vbo-main-bg-color);
12529 }
12530 .vbo-drivers-filters-driver {
12531 margin: 0 15px 0 0;
12532 }
12533 .vbo-drivers-filters-driver > div {
12534 display: inline-block;
12535 vertical-align: top;
12536 margin-right: 5px;
12537 }
12538 .vbo-drivers-custom-actions {
12539 float: right;
12540 }
12541 .vbo-drivers-custom-actions > div {
12542 display: inline-block;
12543 vertical-align: top;
12544 }
12545 .vbo-drivers-topbar {
12546 display: inline-block;
12547 width: 100%;
12548 margin-bottom: 10px;
12549 border-bottom: 1px solid var(--vbo-config-border-color);
12550 padding-bottom: 10px;
12551 }
12552 .vbo-drivers-topbar > div {
12553 display: inline-block;
12554 vertical-align: top;
12555 }
12556 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
12557 margin-top: 22px;
12558 }
12559 .vbo-drivers-output {
12560 padding-bottom: 17px;
12561 }
12562 .vbo-drivers-output .table-responsive {
12563 border-radius: 8px;
12564 box-shadow: 0 0px 20px #0000001a;
12565 margin: 18px;
12566 background: var(--vbo-config-bg-color);
12567 }
12568 .vbo-drivers-output table {
12569 margin-bottom: 0;
12570 }
12571 .vbo-drivers-output table thead {
12572 background: var(--vbo-config-child-bg-color);
12573 text-transform: uppercase;
12574 font-weight: bold;
12575 }
12576 .vbo-drivers-output table thead th {
12577 padding: 15px 15px;
12578 color: var(--vbo-config-title-color);
12579 }
12580 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
12581 padding: 15px 15px;
12582 }
12583 .vbo-drivers-output table tbody tr td:first-child span {
12584 font-weight: bold;
12585 }
12586 .vbo-drivers-output table tbody tr:nth-child(2n) {
12587 background: var(--vbo-config-child-bg-color);
12588 }
12589 .vbo-drivers-output table tfoot {
12590 background: var(--vbo-config-child-bg-color);
12591 }
12592 .vbo-drivers-output table tfoot tr:last-child td {
12593 vertical-align: middle;
12594 }
12595 .vbo-drivers-output table td .btn.btn-danger {
12596 padding: 4px 12px;
12597 font-weight: normal;
12598 font-size: 13px;
12599 }
12600 .vbo-drivers-output .vbo-driver-customoutput {
12601 display: inline-block;
12602 color: #fff;
12603 padding: 5px 4px;
12604 border-radius: 5px;
12605 height: 15px;
12606 width: 15px;
12607 cursor: pointer;
12608 }
12609 .vbo-drivers-output .vbo-driver-output-vieweinv {
12610 background: #999;
12611 border:1px solid #999;
12612 }
12613 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
12614 background: #888;
12615 }
12616 .vbo-drivers-output .vbo-driver-output-editeinv {
12617 background: var(--vbo-blue-color);
12618 border: 1px solid var(--vbo-blue-color);
12619 }
12620 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
12621 background: var(--vbo-blue-color-hover);
12622 }
12623 .vbo-drivers-output .vbo-driver-output-rmeinv {
12624 background: var(--vbo-red-color);
12625 border: 1px solid var(--vbo-red-color);
12626 }
12627 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
12628 background: var(--vbo-red-color-hover);
12629 }
12630 .vbo-drivers-output .fa-external-link {
12631 color: #444;
12632 margin-right: 5px;
12633 }
12634 .vbo-drivers-output .fa-external-link:hover {
12635 color: var(--vbo-blue-color);
12636 }
12637 /* eInvoicing - end */
12638
12639 /* Opportunities */
12640 .vbo-menu-updates .vbo-opportunities-btnbadge {
12641 background: var(--vbo-blue-color);
12642 border-color: var(--vbo-blue-color);
12643 position: relative;
12644 z-index: 1;
12645 }
12646 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
12647 background: var(--vbo-blue-color-hover);
12648 border-color: var(--vbo-blue-color-hover);
12649 }
12650 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
12651 background: var(--vbo-blue-color-hover);
12652 border-color: var(--vbo-blue-color-hover);
12653 }
12654 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
12655 content: attr(data-opportunity-count);
12656 background: var(--vbo-red-color);
12657 color: #fff;
12658 border: 1px solid var(--vbo-blue-color);
12659 width: 20px;
12660 height: 20px;
12661 border-radius: 50%;
12662 position: absolute;
12663 top: -5px;
12664 left: -8px;
12665 font-weight: bold;
12666 font-size: 11px;
12667 line-height: 20px;
12668 text-align: center;
12669 }
12670 .vbo-menu-updates .vbo-opportunities-btnbadge i {
12671 margin-right: 5px;
12672 }
12673 /* Guest Reviews */
12674 .vbo-menu-updates .vbo-reviews-btnbadge {
12675 background: #20a9b0;
12676 border-color: #20a9b0;
12677 position: relative;
12678 z-index: 0;
12679 }
12680 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
12681 background: #57bbbf;
12682 border-color: #57bbbf;
12683 }
12684 .vbo-menu-updates .vbo-reviews-btnbadge:active {
12685 background: #4ccbd0;
12686 border-color: #4ccbd0;
12687 }
12688 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
12689 content: attr(data-reviews-count);
12690 background: var(--vbo-red-color);
12691 color: #fff;
12692 border: 1px solid var(--vbo-blue-color);
12693 width: 20px;
12694 height: 20px;
12695 border-radius: 50%;
12696 position: absolute;
12697 top: -5px;
12698 left: -8px;
12699 font-weight: bold;
12700 font-size: 11px;
12701 line-height: 20px;
12702 text-align: center;
12703 }
12704 .vbo-menu-updates .vbo-reviews-btnbadge i {
12705 margin-right: 5px;
12706 }
12707
12708 /* New Overlay */
12709 .vbo-modal-overlay-block {
12710 position: fixed;
12711 left: 0;
12712 top: 0;
12713 width: 100%;
12714 height: 100%;
12715 background-color: rgba(6, 52, 77, 0.58);
12716 display: none;
12717 z-index: 2147483647 !important;
12718 }
12719 .vbo-modal-overlay-block-geomap-lowerzindex {
12720 z-index: 99999 !important;
12721 }
12722 .vbo-modal-overlay-block .vbo-modal-overlay-close {
12723 display: block;
12724 height: 100%;
12725 cursor: default;
12726 }
12727 .vbo-modal-overlay-block .vbo-modal-overlay-content {
12728 position: fixed;
12729 left: 50%;
12730 top: 50%;
12731 transform: translate(-50%, -50%);
12732 width: 40%;
12733 height: 60%;
12734 z-index: 101;
12735 border-radius: 5px;
12736 background-color: var(--vbo-config-bg-color);
12737 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
12738 overflow: auto;
12739 -webkit-font-smoothing: antialiased;
12740 }
12741 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
12742 width: 65%;
12743 height: 85%;
12744 border-radius: 16px;
12745 }
12746 .vik-contentbuilder-textmode-sptags {
12747 float: none;
12748 }
12749 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
12750 width: 65%;
12751 height: 85%;
12752 }
12753 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
12754 height: 80%;
12755 }
12756 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
12757 border-radius: 20px;
12758 }
12759 .vbo-modal-overlay-content-backdrop {
12760 position: absolute;
12761 height: 100%;
12762 width: 100%;
12763 background: rgba(0, 0, 0, .4);
12764 z-index: 100;
12765 }
12766 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
12767 left: -20px;
12768 width: calc(100% + 40px);
12769 }
12770 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
12771 position: absolute;
12772 top: 50%;
12773 left: 50%;
12774 transform: translate(-50%, -50%);
12775 }
12776 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
12777 font-size: 40px;
12778 color: #fff;
12779 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
12780 }
12781 .vbo-modal-overlay-content-head {
12782 padding: 20px;
12783 background: var(--vbo-config-child-bg-color);
12784 }
12785 .vbo-modal-overlay-content-head h3 > i {
12786 margin-right: 5px;
12787 color: var(--vbo-config-titles-color-light);
12788 }
12789 .vbo-modal-overlay-close-times {
12790 float: right;
12791 font-size: 20px;
12792 cursor: pointer;
12793 color: var(--vbo-config-title-color);
12794 padding: 10px;
12795 cursor: pointer;
12796 margin-top: -10px;
12797 display: inline-block;
12798 }
12799 .vbo-modal-overlay-close-times:hover {
12800 color: #619dca;
12801 }
12802 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
12803 background: var(--vbo-config-bg-color);
12804 padding: 0;
12805 }
12806 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
12807 position: absolute;
12808 right: 10px;
12809 top: 7px;
12810 margin: 0;
12811 padding: 0;
12812 }
12813 .vbo-modal-overlay-content-body {
12814 padding: 20px 20px 10px;
12815 }
12816 .vbo-modal-widget .vbo-modal-overlay-content-body {
12817 padding-top: 0;
12818 }
12819 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
12820 padding: 0 5px;
12821 }
12822 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
12823 padding: 35px 35px 10px;
12824 }
12825 .vbo-modal-overlay-content-footer {
12826 margin-top: 15px;
12827 text-align: right;
12828 position: absolute;
12829 width: calc(100% - 40px);
12830 right: 0;
12831 bottom: 0;
12832 border-top: 1px solid var(--vbo-config-border-color);
12833 background: var(--vbo-config-child-bg-color);
12834 padding: 10px 20px;
12835 box-sizing: content-box;
12836 }
12837 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
12838 float: left;
12839 }
12840 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
12841 font-size: 16px;
12842 font-weight: bold;
12843 }
12844 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
12845 text-align: center;
12846 padding: 10px 20px 10px;
12847 height: calc(100% - 78.2px);
12848 position: relative;
12849 }
12850 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
12851 top: 50%;
12852 left: 50%;
12853 transform: translate(-50%, -50%);
12854 position: absolute;
12855 }
12856 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
12857 border-radius: 6px;
12858 box-shadow: 0 0 10px rgba(0,0,0,.4);
12859 max-width: 80%;
12860 }
12861 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
12862 height: calc(100% - 100px);
12863 }
12864 .vbo-modal-overlay-content {
12865 -webkit-animation-name: VikfadeInUp;
12866 animation-name: VikfadeInUp;
12867
12868 -webkit-animation-duration: .5s;
12869 animation-duration: .5s;
12870 -webkit-animation-fill-mode: both;
12871 animation-fill-mode: both;
12872 }
12873 .vbo-optionals-dmgdepbcom-trigger {
12874 white-space: nowrap;
12875 }
12876
12877 @-webkit-keyframes VikfadeInUp {
12878 from {
12879 opacity: 0;
12880 -webkit-transform: translate3d(-50%, -20%, 0);
12881 transform: translate3d(-50%, -20%, 0);
12882 }
12883
12884 to {
12885 opacity: 1;
12886 -webkit-transform: translate3d(-50%, -50%, 0);
12887 transform: translate3d(-50%, -50%, 0);
12888 }
12889 }
12890
12891 @keyframes VikfadeInUp {
12892 from {
12893 opacity: 0;
12894 -webkit-transform: translate3d(-50%, -20%, 0);
12895 transform: translate3d(-50%, -20%, 0);
12896 }
12897
12898 to {
12899 opacity: 1;
12900 -webkit-transform: translate3d(-50%, -50%, 0);
12901 transform: translate3d(-50%, -50%, 0);
12902 }
12903 }
12904
12905 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
12906 margin-top: 15px;
12907 }
12908 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
12909 padding: 10px;
12910 display: flex;
12911 flex-wrap: wrap;
12912 border-bottom: 1px solid var(--vbo-config-border-color);
12913 }
12914 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
12915 flex: 1;
12916 font-weight: bold;
12917 font-size: 1.1em;
12918 align-self: center;
12919 }
12920 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
12921 margin: 0 15px;
12922 align-self: center;
12923 font-weight: bold;
12924 }
12925 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
12926 margin-left: auto;
12927 }
12928 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
12929 padding: 3px 6px;
12930 }
12931 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
12932 margin-right: 0;
12933 }
12934 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
12935 padding: 3px 6px;
12936 }
12937 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
12938 margin-right: 0;
12939 }
12940 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
12941 border: 1px solid var(--vbo-config-border-color);
12942 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12943 border-radius: 10px;
12944 margin-bottom: 10px;
12945 }
12946 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
12947 border-color: var(--vbo-base-color);
12948 }
12949 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
12950 display: grid;
12951 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
12952 column-gap: 20px;
12953 row-gap: 5px;
12954 padding: 10px;
12955 }
12956 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
12957 display: block;
12958 font-weight: 500;
12959 }
12960 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
12961 width: 100%;
12962 display: flex;
12963 border-radius: 6px;
12964 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12965 }
12966 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
12967 flex: 1;
12968 border-color: var(--vbo-config-border-color);
12969 border-top-left-radius: 6px;
12970 border-bottom-left-radius: 6px;
12971 }
12972 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
12973 box-shadow: none;
12974 }
12975 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
12976 border-top-right-radius: 6px;
12977 border-bottom-right-radius: 6px;
12978 }
12979 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
12980 margin: 10px 0;
12981 }
12982 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
12983 font-weight: bold;
12984 }
12985 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
12986 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
12987 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
12988 min-width: 50%;
12989 }
12990 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
12991 border: 1px solid #ddd;
12992 border-radius: 2px;
12993 padding: 8px 10px;
12994 margin-bottom: 0;
12995 box-sizing: border-box;
12996 height: auto;
12997 }
12998 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
12999 margin-bottom: 0;
13000 border-radius: 2px;
13001 border: 1px solid var(--vbo-config-border-color);
13002 padding: 8px 10px;
13003 height: inherit;
13004 }
13005
13006 /* Content Builder */
13007 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13008 border: 1px solid var(--vbo-config-border-color);
13009 }
13010 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13011 color: var(--vbo-config-titles-color-light);
13012 }
13013 .ql-toolbar .ql-stroke {
13014 stroke: var(--vbo-config-titles-color-light);
13015 }
13016 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13017 fill: var(--vbo-config-titles-color-light);
13018 }
13019 .ql-toolbar .ql-formats > button {
13020 color: var(--vbo-config-titles-color-light);
13021 }
13022 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13023 border-color: var(--vbo-config-border-color);
13024 }
13025 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13026 border: 0;
13027 }
13028 .ql-snow .ql-picker-options {
13029 background-color: var(--vbo-config-bg-color)
13030 }
13031 .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 {
13032 color: var(--vbo-base-color);
13033 }
13034 .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 {
13035 stroke: var(--vbo-base-color);
13036 }
13037 .ql-editor {
13038 min-height: 200px;
13039 max-height: 75vh;
13040 }
13041 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13042 background: #fbfbfb;
13043 border-radius: 6px;
13044 border-top: 1px solid var(--vbo-config-border-color);
13045 }
13046 .ql-toolbar.ql-snow {
13047 border: 0;
13048 padding: 8px 0;
13049 }
13050 .ql-toolbar.ql-snow .ql-formats {
13051 background: var(--vbo-body-bg-color);
13052 border: 1px solid var(--vbo-config-border-color);
13053 padding: 5px;
13054 border-radius: 6px;
13055 }
13056 .ql-snow .ql-tooltip {
13057 background-color: var(--vbo-config-bg-color);
13058 border: 1px solid var(--vbo-config-border-color);
13059 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13060 padding: 30px 12px 10px;
13061 border-radius: 4px;
13062 color: inherit;
13063 }
13064 .ql-snow .ql-tooltip::before {
13065 position: absolute;
13066 top: 4px;
13067 }
13068 .ql-snow .ql-tooltip .ql-action {
13069 background-color: var(--vbo-base-color);
13070 border: 1px solid var(--vbo-base-color);
13071 color: #fff;
13072 display: inline-block;
13073 padding: 5px 10px;
13074 }
13075 .ql-snow .ql-tooltip .ql-action:after {
13076 margin-left: 0 !important;
13077 }
13078 .ql-snow .ql-tooltip .ql-action:hover {
13079 background-color: var(--vbo-base-color-hover);
13080 border: 1px solid var(--vbo-base-color-hover);
13081 }
13082 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13083 background-color: rgba(59, 193, 255, 0.2);
13084 }
13085 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13086 height: 30px;
13087 background: transparent;
13088 }
13089 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13090 border-style: solid;
13091 border-color: var(--vbo-config-text-color-light);
13092 border-width: 1px 0 0 0;
13093 border-radius: 20px;
13094 }
13095 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13096 border-style: solid;
13097 border-color: var(--vbo-config-text-color-light);
13098 border-width: 0 0 1px 0;
13099 border-radius: 20px;
13100 }
13101 .vik-contentbuilder-switcher {
13102 margin-bottom: 2px;
13103 }
13104 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13105 background: var(--vbo-input-style-deactive);
13106 border-color: var(--vbo-config-border-color);
13107 }
13108 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13109 border-color: var(--vbo-base-color-hover);
13110 }
13111 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13112 background: var(--vbo-middle-color-btn);
13113 border-color: var(--vbo-config-border-color);
13114 }
13115 /* Start - iOS-style toggle/switch button */
13116 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13117 margin: auto;
13118 padding: 20px 0;
13119 width: 55px;
13120 margin-top: 20px;
13121 border-radius: 5px;
13122 }
13123 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13124 opacity: 0;
13125 position: absolute;
13126 }
13127 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13128 position: relative;
13129 display: inline-block;
13130 user-select: none;
13131 transition: .4s ease;
13132 height: 30px;
13133 width: 50px;
13134 border: 1px solid var(--vbo-config-bg-color);
13135 border-radius: 60px;
13136 }
13137 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13138 content: "";
13139 position: absolute;
13140 display: block;
13141 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13142 height: 30px;
13143 width: 51px;
13144 top: 0;
13145 left: 0;
13146 border-radius: 30px;
13147 background: var(--vbo-config-border-color);
13148 }
13149 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13150 content: "";
13151 position: absolute;
13152 display: block;
13153 /*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);*/
13154 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13155 background: var(--vbo-config-bg-color);
13156 height: 24px;
13157 width: 24px;
13158 top: 3px;
13159 left: 3px;
13160 border-radius: 60px;
13161 }
13162 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13163 background: var(--vbo-green-color);
13164 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13165 }
13166 .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 {
13167 background: var(--vbo-red-color);
13168 }
13169 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
13170 left: 24px;
13171 }
13172 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
13173 color: var(--vbo-config-titles-color-light);
13174 content: attr(data-off);
13175 top: 6px;
13176 left: 60px;
13177 width: 36px;
13178 position: absolute;
13179 height: 10px;
13180 }
13181 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
13182 color: rgba(19,191,17,1);
13183 content: attr(data-on);
13184 }
13185 /* End - iOS-style toggle/switch button */
13186
13187 /* multi toogle/switch button - Start */
13188 .vik-multiswitch-wrap {
13189 position: relative;
13190 display: inline-flex;
13191 justify-content: center;
13192 align-items: flex-start;
13193 border: 1px solid var(--vbo-config-border-color);
13194 border-radius: 16px;
13195 min-width: 150px;
13196 height: 50px;
13197 }
13198 .vik-multiswitch-radiobtn {
13199 display: flex;
13200 justify-content: center;
13201 align-items: center;
13202 height: 100%;
13203 flex: 1;
13204 }
13205 .vik-multiswitch-radiobtn input {
13206 display: none !important;
13207 }
13208 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13209 width: 50px;
13210 height: 50px;
13211 border-radius: 50%;
13212 display: inline-block;
13213 transition: opacity 0.3s ease;
13214 opacity: 0.3;
13215 top: 0;
13216 cursor: pointer;
13217 }
13218 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13219 position: absolute;
13220 left: 33%;
13221 transition: transform 1s;
13222 width: 50px;
13223 height: 50px;
13224 background: transparent;
13225 }
13226 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13227 position: absolute;
13228 left: 0;
13229 text-align: center;
13230 }
13231 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13232 width: 50px;
13233 height: 50px;
13234 -moz-animation-duration: 0.4s;
13235 -moz-animation-name: slideFirst;
13236 -webkit-animation-duration: 0.4s;
13237 -webkit-animation-name: slideFirst;
13238 animation-duration: 0.4s;
13239 animation-name: slideFirst;
13240 -webkit-transform: translateZ(0);
13241 background-color: var(--vbo-green-color);
13242 }
13243 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13244 border-radius: 15px;
13245 background: var(--vbo-basic-btn);
13246 opacity: 0.7;
13247 }
13248 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13249 position: absolute;
13250 right: 0;
13251 text-align: center;
13252 }
13253 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13254 -moz-animation-duration: 0.4s;
13255 -moz-animation-name: slideLast;
13256 -webkit-animation-duration: 0.4s;
13257 -webkit-animation-name: slideLast;
13258 animation-duration: 0.4s;
13259 animation-name: slideLast;
13260 -webkit-transform: translateZ(0);
13261 width: 50px;
13262 height: 50px;
13263 background-color: var(--vbo-red-color);
13264 }
13265 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13266 opacity: 1;
13267 display: inline-block;
13268 z-index: 0;
13269 }
13270 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13271 background-color: var(--vbo-basic-btn);
13272 }
13273 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13274 background-color: #222;
13275 }
13276 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13277 background-color: #b1e0e2;
13278 }
13279 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13280 color: #0f1216;
13281 }
13282 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13283 color: #fff;
13284 }
13285 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13286 position: relative;
13287 z-index: 1;
13288 color: var(--vbo-body-text-color);
13289 font-size: 13px;
13290 }
13291 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13292 font-size: 16px;
13293 }
13294 .vik-multiswitch-noanimation {
13295 border-radius: 18px;
13296 }
13297 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13298 position: relative;
13299 padding: 5px 10px;
13300 box-sizing: border-box;
13301 }
13302 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13303 width: 50px;
13304 height: 50px;
13305 border-radius: 15px;
13306 }
13307 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13308 position: absolute;
13309 left: 0;
13310 }
13311 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13312 position: absolute;
13313 right: 0;
13314 }
13315 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
13316 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13317 animation: none !important;
13318 }
13319 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13320 width: 100%;
13321 height: 100%;
13322 border-radius: 15px;
13323 position: absolute;
13324 left: 0;
13325 }
13326 .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 {
13327 background-color: var(--vbo-base-color);
13328 }
13329 .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 {
13330 color: #fff;
13331 }
13332 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
13333 float: right;
13334 margin: 12px 15px 10px 20px;
13335 }
13336 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
13337 height: 40px;
13338 }
13339
13340 @keyframes slideFirst {
13341 from {
13342 transform: translate(100%, 0);
13343 }
13344 to {
13345 transform: translate(0px, 0px);
13346 }
13347 }
13348
13349
13350 @keyframes slideLast {
13351 from {
13352 transform: translate(-100%,0);
13353 }
13354 to {
13355 transform: translate( 0px, 0px);
13356 }
13357 }
13358
13359 /* Multi toogle/switch button - end */
13360
13361 /* New Dashboard 2021 */
13362 .vbo-admin-widgets-commands {
13363 display: inline-block;
13364 width: 100%;
13365 }
13366 .vbo-admin-widgets-commands-mng {
13367 display: inline-block;
13368 border: 1px solid var(--vbo-config-border-color);
13369 border-radius: 4px;
13370 background: var(--vbo-config-bg-color);
13371 padding: 5px 10px;
13372 float: right;
13373 }
13374 .vbo-admin-widgets-commands-mng-lbl {
13375 display: inline-block;
13376 vertical-align: top;
13377 margin-top: 10px;
13378 margin-left: 5px;
13379 cursor: pointer;
13380 }
13381 .vbo-admin-widgets-commands-mng-toggle {
13382 display: inline-block;
13383 margin-top: 5px;
13384 }
13385 .vbo-admin-widgets-commands-mng-toggle label {
13386 margin-bottom: 0;
13387 }
13388 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
13389 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
13390 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
13391 height: 26px;
13392 }
13393 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13394 margin-bottom: 0;
13395 }
13396 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
13397 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
13398 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
13399 height: 20px;
13400 width: 20px;
13401 top: 3px;
13402 }
13403 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
13404 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
13405 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
13406 left: 28px;
13407 }
13408 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13409 height: 26px;
13410 }
13411 .vbo-admin-widgets-commands-info {
13412 font-weight: bold;
13413 float: left;
13414 margin-left: 5px;
13415 }
13416 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
13417 display: block;
13418 margin-bottom: 4px;
13419 }
13420 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
13421 color: var(--vbo-red-color);
13422 }
13423 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
13424 display: inline-block;
13425 vertical-align: top;
13426 }
13427 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
13428 background: var(--vbo-config-bg-color);
13429 border: 1px solid var(--vbo-config-border-color);
13430 color: var(--vbo-config-titles-color-light);
13431 padding: 4px 12px;
13432 }
13433 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
13434 border-color: var(--vbo-blue-color);
13435 color: var(--vbo-blue-color);
13436 }
13437 .vbo-admin-widgets-section {
13438 display: flex;
13439 flex-wrap: wrap;
13440 gap: 12px;
13441 }
13442 /* Safari 10.1+ */
13443 @media not all and (min-resolution:.001dpcm) {
13444 @media {
13445 .vbo-admin-widgets-section > * + * {
13446 margin-left: 12px;
13447 }
13448 }
13449 }
13450 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
13451 flex-basis: 100%;
13452 font-size: 16px;
13453 font-weight: bold;
13454 margin-left: 8px;
13455 }
13456 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
13457 display: inline-block;
13458 margin-right: 7px;
13459 font-size: 14px;
13460 cursor: grab;
13461 }
13462 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
13463 color: #2d719a;
13464 }
13465 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13466 display: flex;
13467 }
13468 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
13469 margin-left: auto;
13470 margin-right: 10px;
13471 font-size: 14px;
13472 color: #2d719a;
13473 cursor: pointer;
13474 }
13475 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
13476 color: #333;
13477 margin-left: 16px;
13478 }
13479 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
13480 color: #2d719a;
13481 }
13482 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
13483 color: #182381;
13484 }
13485 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13486 font-size: 16px;
13487 font-weight: bold;
13488 padding: 10px 10px 0;
13489 }
13490 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
13491 flex: 1;
13492 display: flex;
13493 margin-top: 6px;
13494 }
13495 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
13496 display: inline-block;
13497 margin-left: auto;
13498 font-size: 14px;
13499 color: #2d719a;
13500 }
13501 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
13502 color: var(--vbo-red-color);
13503 cursor: pointer;
13504 }
13505 .vbo-admin-widgets-widget-info-drag:hover {
13506 color: #2d719a;
13507 }
13508 .vbo-admin-widgets-section .vbo-admin-widgets-container {
13509 flex: 1;
13510 flex-grow: 0;
13511 }
13512 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
13513 flex-basis: content;
13514 flex-grow: 0;
13515 }
13516 /*
13517 * Size Add box Container: 120px + 20px of padding = 120px;
13518 * Total margin of EACH container: 8px;
13519 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
13520 * Formula: Calc((container size - (add box total size / numb. containers)));
13521
13522 * Small Size */
13523 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
13524 flex-basis: calc(25% - 12px);
13525 max-width: 25%;
13526 }
13527 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
13528 flex-basis: calc((25% - 166px));
13529 }
13530 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
13531 flex-basis: calc((25% - (174px / 2)));
13532 }
13533 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
13534 flex-basis: calc((25% - (182px / 3)));
13535 }
13536 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
13537 flex-basis: calc((25% - (194px / 4)));
13538 }
13539 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
13540 flex-grow: 1;
13541 }
13542 /* Medium Size */
13543 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
13544 flex-basis: calc(50% - 12px);
13545 max-width: 50%;
13546 }
13547 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
13548 flex-basis: calc((50% - (174px / 2)));
13549 }
13550 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
13551 flex-basis: calc((50% - (182px / 3)));
13552 }
13553 /* Large Size */
13554 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
13555 flex-basis: calc((100% / 2) + (100% / 5));
13556 }
13557 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
13558 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
13559 }
13560 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
13561 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
13562 }
13563 /* Full Width */
13564 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
13565 width: 100%;
13566 flex-basis: inherit;
13567 }
13568 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
13569 flex-basis: calc(100% - 166px);
13570 }
13571 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
13572 background: #d8f4ff;
13573 border-radius: 10px;
13574 margin: 10px 4px;
13575 position: relative;
13576 padding-bottom: 115px;
13577 }
13578 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
13579 margin: 10px 8px;
13580 }
13581 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
13582 flex-basis: 150px;
13583 min-height: 100px;
13584 padding-bottom: 0;
13585 }
13586 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
13587 margin: 5px 0 10px;
13588 font-size: 14px;
13589 font-weight: bold;
13590 background: var(--vbo-config-child-bg-color);
13591 border: 1px solid var(--vbo-config-border-color);
13592 border-left: 2px solid #4c93af;
13593 border-radius: 4px;
13594 padding: 10px;
13595 }
13596 .vbo-modal-widgets-form-data-field label {
13597 display: block;
13598 margin-bottom: 5px;
13599 }
13600 .vbo-modal-widgets-form-data-field select {
13601 margin-bottom: 10px;
13602 }
13603 .vbo-modal-widgets-form-data-fields .select2-container {
13604 width: 180px !important;
13605 }
13606 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
13607 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
13608 .vbo-sticky-note-cmd-drag {
13609 -webkit-touch-callout: none;
13610 -webkit-user-select: none;
13611 -khtml-user-select: none;
13612 -moz-user-select: none;
13613 -ms-user-select: none;
13614 user-select: none;
13615 }
13616 .vbo-admin-widgets-wrap {
13617 padding: 8px;
13618 }
13619 .vbo-admin-widgets-widget .table-responsive {
13620 display: inline-block;
13621 width: 100%;
13622 max-height: 300px;
13623 overflow-y: scroll !important;
13624 }
13625 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
13626 background: #bdd5ea;
13627 padding: 10px;
13628 border-radius: 10px;
13629 margin: 15px 0;
13630 }
13631 .vbo-admin-widgets-widget-info-inner {
13632 padding: 15px;
13633 }
13634 .vbo-admin-widgets-widget-addnew {
13635 box-shadow: none;
13636 }
13637 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13638 background: var(--vbo-config-bg-color);
13639 border: 1px solid #838383;
13640 color: var(--vbo-config-text-color-light);
13641 border-radius: 16px;
13642 cursor: pointer;
13643 }
13644 .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 {
13645 padding: 0px 10px;
13646 text-align: center;
13647 font-size: 38px;
13648 }
13649 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
13650 background: #bdd5ea;
13651 color: #838383;
13652 padding: 0px;
13653 }
13654 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
13655 color: #838383;
13656 position: relative;
13657 cursor: pointer;
13658 border-radius: 10px;
13659 }
13660 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13661 padding: 30px 10px;
13662 }
13663 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
13664 .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 {
13665 color: #fff;
13666 background: #4c93af;
13667 border: 0;
13668 }
13669 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
13670 color: #fff;
13671 }
13672 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
13673 height: 100%;
13674 margin: 0;
13675 }
13676 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
13677 width: 100%;
13678 border-radius: 10px;
13679 }
13680 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
13681 background: #4c93af;
13682 color: #fff;
13683 cursor: pointer;
13684 }
13685 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
13686 padding: 20px 0;
13687 display: inline-block;
13688 }
13689 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
13690 position: absolute;
13691 top: 50%;
13692 left: 50%;
13693 transform: translate(-50%, -50%);
13694 }
13695 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
13696 height: 100px;
13697 position: absolute;
13698 width: calc(100% - 15px);
13699 bottom: 0;
13700 }
13701 .vbo-admin-widgets-plus-box {
13702 display: block;
13703 margin: 0 auto;
13704 }
13705 .vbo-admin-widgets-widget-details {
13706 display: flex;
13707 }
13708 .vbo-admin-widgets-widget-details h4 {
13709 font-size: 16px;
13710 }
13711 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
13712 margin-left: auto;
13713 display: inline-block;
13714 padding: 5px 5px 5px 0;
13715 cursor: grab;
13716 }
13717 .vbo-admin-widgets-widget-info-descr {
13718 font-size: 14px;
13719 }
13720 .vbo-admin-widgets-container-tmpdrop {
13721 border: 2px dashed #4c93af;
13722 background: #ecf6fa;
13723 height: 82px;
13724 width: calc(100% - 20px);
13725 border-radius: 16px;
13726 }
13727 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
13728 margin-top: 15px;
13729 position: relative;
13730 }
13731 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
13732 display: grid;
13733 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
13734 }
13735 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
13736 display: flex;
13737 flex-wrap: wrap;
13738 align-content: baseline;
13739 border: 1px solid var(--vbo-basic-btn);
13740 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13741 border-radius: 10px;
13742 margin: 10px 10px 2px;
13743 padding: 0 0 10px;
13744 }
13745 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
13746 flex-basis: 100%;
13747 margin-bottom: 4px;
13748 margin-top: 10px;
13749 font-size: 1.1em;
13750 border-bottom: 1px solid var(--vbo-basic-btn);
13751 padding: 0 10px 10px;
13752 }
13753 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
13754 padding: 5px 10px 0px;
13755 }
13756 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
13757 margin-bottom: 3px;
13758 }
13759 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
13760 margin-bottom: 0;
13761 }
13762 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
13763 margin-left: auto;
13764 padding: 10px;
13765 }
13766 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
13767 border-top: 0 !important;
13768 }
13769 .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 {
13770 list-style: none;
13771 word-break: break-word;
13772 }
13773 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13774 padding: 10px;
13775 margin-left: 0;
13776 }
13777 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13778 text-decoration: none;
13779 color: #000;
13780 background: #ffc;
13781 display: block;
13782 min-height: 100px;
13783 width: calc(25% - 80px);
13784 padding: 15px;
13785 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
13786 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13787 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13788 -moz-transition: -moz-transform .15s linear;
13789 -o-transition: -o-transform .15s linear;
13790 -webkit-transition: -webkit-transform .15s linear;
13791 }
13792 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13793 margin: 25px 20px;
13794 display: inline-block;
13795 vertical-align: top;
13796 line-height: 23px;
13797 }
13798 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13799 width: calc(33% - 80px);
13800 }
13801 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13802 padding: 0px 0 20px;
13803 margin-bottom: 0;
13804 }
13805 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13806 width: calc(70% - 100px);
13807 margin: 25px 20px 20px;
13808 }
13809 [contenteditable] {
13810 -webkit-user-select: text;
13811 user-select: text;
13812 }
13813 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13814 width: calc(40% - 100px);
13815 }
13816 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
13817 font-size: 18px;
13818 font-weight: bold;
13819 margin-bottom: 5px;
13820 margin-top: 5px;
13821 color: #444;
13822 }
13823 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
13824 margin-top: 0;
13825 }
13826 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
13827 margin: 0;
13828 }
13829 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
13830 cursor: pointer;
13831 }
13832 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13833 -webkit-transform: rotate(-6deg);
13834 -o-transform: rotate(-6deg);
13835 -moz-transform: rotate(-6deg);
13836 font-size: 18px;
13837 }
13838 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
13839 -o-transform: rotate(4deg);
13840 -webkit-transform: rotate(4deg);
13841 -moz-transform: rotate(4deg);
13842 position: relative;
13843 top: 5px;
13844 }
13845 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
13846 -o-transform: rotate(-3deg);
13847 -webkit-transform: rotate(-3deg);
13848 -moz-transform: rotate(-3deg);
13849 position: relative;
13850 top: -5px;
13851 }
13852 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
13853 -o-transform: rotate(5deg);
13854 -webkit-transform: rotate(5deg);
13855 -moz-transform: rotate(5deg);
13856 position: relative;
13857 top: -10px;
13858 }
13859 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
13860 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13861 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13862 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13863 -webkit-transform: scale(1.1);
13864 -moz-transform: scale(1.1);
13865 -o-transform: scale(1.1);
13866 position: relative;
13867 z-index: 5;
13868 background: #fff5cd;
13869 }
13870 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
13871 display: flex;
13872 color: #444;
13873 }
13874 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
13875 display: inline-block;
13876 padding: 5px;
13877 cursor: pointer;
13878 font-size: 14px;
13879 }
13880 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
13881 margin-left: auto;
13882 padding-right: 0;
13883 }
13884 .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 {
13885 color: var(--vbo-red-color);
13886 }
13887 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
13888 padding-left: 0;
13889 }
13890 .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 {
13891 color: #2d719a;
13892 }
13893 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
13894 font-size: .85em;
13895 font-style: italic;
13896 text-align: right;
13897 margin-top: 10px;
13898 }
13899 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
13900 list-style-type: disc;
13901 }
13902 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13903 height: 70px;
13904 width: calc(25% - 80px);
13905 min-height: inherit;
13906 border: 2px solid #ffe8a2;
13907 background: #fff5cd;
13908 padding: 0;
13909 }
13910 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
13911 position: relative;
13912 height: 100%;
13913 padding: 15px;
13914 box-sizing: border-box;
13915 cursor: pointer;
13916 }
13917 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
13918 background: #ffc;
13919 }
13920 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
13921 position: absolute;
13922 top: 50%;
13923 left: 50%;
13924 transform: translate(-50%, -50%);
13925 font-size: 26px;
13926 }
13927 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
13928 margin-top: 20px;
13929 font-size: 16px;
13930 width: auto;
13931 }
13932 .vbo-widget-visitscounter-wrap {
13933 display: flex;
13934 flex-wrap: wrap;
13935 justify-content: center;
13936 margin: 10px 20px 0;
13937 padding-bottom: 10px;
13938 }
13939 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13940 flex-basis: calc(50% - 52px);
13941 background: var(--vbo-config-bg-color);
13942 border: 1px solid var(--vbo-basic-btn);
13943 border-bottom: 3px solid var(--vbo-basic-btn);
13944 padding: 20px;
13945 border-radius: 16px;
13946 margin: 5px;
13947 position:relative;
13948 }
13949 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
13950 height: 30px;
13951 width: 4px;
13952 background: var(--vbo-blue-color);
13953 content: "";
13954 position: absolute;
13955 left: -3px;
13956 top: 17px;
13957 }
13958 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
13959 font-weight: 500;
13960 color: var(--vbo-config-titles-color-light);
13961 margin-top: 10px;
13962 font-size: 14px;
13963 }
13964 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
13965 font-size: 26px;
13966 font-weight: bold;
13967 letter-spacing: 1px;
13968 white-space: nowrap;
13969 }
13970 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13971 flex-basis: calc(50% - 52px);
13972 }
13973 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
13974 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13975 flex-basis: calc(25% - 52px);
13976 }
13977 .vbo-widgets-welcome-inner {
13978 font-size: 14px;
13979 }
13980 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
13981 background: #bdd5ea;
13982 padding: 10px;
13983 border-radius: 10px;
13984 margin: 15px 0;
13985 display: flex;
13986 flex-wrap: wrap;
13987 }
13988 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
13989 font-size: 16px;
13990 font-weight: bold;
13991 margin-left: 8px;
13992 flex-basis: 100%;
13993 }
13994 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
13995 background: #d8f4ff;
13996 border-radius: 10px;
13997 margin: 10px 4px;
13998 position: relative;
13999 flex-basis: calc(50% - 8px);
14000 }
14001 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14002 font-size: 16px;
14003 font-weight: bold;
14004 padding: 10px 10px 0;
14005 display: block;
14006 }
14007 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14008 display: block;
14009 border-radius: 10px;
14010 margin: 12px 8px;
14011 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14012 background: #fff;
14013 }
14014 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14015 font-size: 14px;
14016 font-weight: bold;
14017 padding: 10px;
14018 display: block;
14019 }
14020 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14021 opacity: 0;
14022 }
14023 .vbo-widgets-welcome-animate {
14024 -webkit-animation-name: VikfadeInDown;
14025 animation-name: VikfadeInDown;
14026 -webkit-animation-duration: .5s;
14027 animation-duration: .5s;
14028 -webkit-animation-fill-mode: both;
14029 animation-fill-mode: both;
14030 }
14031 .vbo-inspector-colorpicker-wrap {
14032 border-radius: 3px;
14033 border: 1px solid var(--vbo-main-bg-color);
14034 background: var(--vbo-config-bg-color);
14035 display: inline-block;
14036 height: 23px;
14037 }
14038 .vbo-inspector-colorpicker {
14039 padding: 0 0px 0 24px;
14040 position: relative;
14041 cursor: pointer;
14042 height: 100%;
14043 display: inline-block;
14044 }
14045 .vbo-inspector-colorpicker:not([style*="background"]) {
14046 background-color: #fff;
14047 opacity: 0.7;
14048 background-image: repeating-linear-gradient(45deg, #c2c2c2 25%, transparent 25%, transparent 75%, #c2c2c2 75%, #c2c2c2), repeating-linear-gradient(45deg, #c2c2c2 25%, #ffffff 25%, #ffffff 75%, #c2c2c2 75%, #c2c2c2);
14049 background-position: 0 0, 5px 5px;
14050 background-size: 10px 10px;
14051 }
14052 .vbo-inspector-colorpicker i {
14053 background: var(--vbo-config-bg-color);
14054 padding: 5px;
14055 border-left: 1px solid var(--vbo-main-bg-color);
14056 }
14057 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14058 height: 90%;
14059 }
14060 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14061 display: flex;
14062 flex-wrap: wrap;
14063 }
14064 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14065 padding: 10px;
14066 border-radius: 8px;
14067 margin: 5px;
14068 flex-basis: calc(33% - 34px);
14069 background-origin: border-box !important;
14070 color: #fff;
14071 }
14072 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14073 background: rgb(2,0,36);
14074 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14075 }
14076 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14077 cursor: pointer;
14078 }
14079 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14080 display: flex;
14081 margin-bottom: 10px;
14082 }
14083 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14084 margin-right: 15px;
14085 font-size: 20px;
14086 }
14087 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14088 margin-left: auto;
14089 font-size: 16px;
14090 cursor: pointer;
14091 }
14092 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14093 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14094 }
14095 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14096 font-size: 1.1em;
14097 font-weight: bold;
14098 margin-bottom: 2px;
14099 }
14100 .vbo-admin-widget-style-light-red {
14101 background: rgb(2,0,36);
14102 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14103 }
14104 .vbo-admin-widget-style-light-blue {
14105 background: rgb(2,0,36);
14106 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14107 }
14108 .vbo-admin-widget-style-pink {
14109 background: rgb(2,0,36);
14110 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14111 }
14112 .vbo-admin-widget-style-green {
14113 background: rgb(2,0,36);
14114 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14115 }
14116 .vbo-admin-widget-style-light-orange {
14117 background: rgb(2,0,36);
14118 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14119 }
14120 .vbo-admin-widget-style-yellow {
14121 background: rgb(2,0,36);
14122 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14123 }
14124 .vbo-admin-widget-style-red {
14125 background: rgb(2,0,36);
14126 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14127 }
14128 .vbo-admin-widget-style-violet {
14129 background: rgb(2,0,36);
14130 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14131 }
14132 .vbo-admin-widget-style-orange {
14133 background: rgb(2,0,36);
14134 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14135 }
14136 .vbo-admin-widget-style-blue {
14137 background: rgb(2,0,36);
14138 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14139 }
14140 .vbo-admin-widget-style-brown {
14141 background: rgb(2,0,36);
14142 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14143 }
14144 .vbo-admin-widget-style-dark-blue {
14145 background: rgb(2,0,36);
14146 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14147 }
14148 .vbo-modal-widget-notselected {
14149 filter: brightness(60%);
14150 }
14151 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
14152 cursor: initial;
14153 font-size: 1.4em;
14154 margin-bottom: 10px;
14155 }
14156
14157 /* Side widget panel */
14158 .vbo-sidepanel-wrapper {
14159 position: fixed;
14160 top: 0;
14161 bottom: 0;
14162 right: 0;
14163 z-index: 2147483647;
14164 }
14165 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14166 background: var(--vbo-config-child-bg-color);
14167 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14168 position: absolute;
14169 top: 0;
14170 bottom: 0;
14171 width: 25vw;
14172 padding: 10px 0 6px 0;
14173 transition: 0.3s ease-in all;
14174 -moz-transition: 0.3s ease-in all;
14175 -webkit-transition: 0.3s ease-in all;
14176 }
14177 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14178 background: var(--vbo-config-child-bg-color);
14179 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14180 position: absolute;
14181 top: 0;
14182 bottom: 0;
14183 width: 88vw;
14184 padding: 10px 0 6px 0;
14185 transition: 0.3s ease-in all;
14186 -moz-transition: 0.3s ease-in all;
14187 -webkit-transition: 0.3s ease-in all;
14188 }
14189 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
14190 visibility: hidden;
14191 }
14192 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
14193 transition: all 0.3s;
14194 }
14195 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14196 transform: translateX(25vw);
14197 right: 0;
14198 top: 0;
14199 }
14200 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14201 transform: translateX(88vw);
14202 right: 0;
14203 top: 0;
14204 }
14205 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
14206 transform: translateX(0);
14207 }
14208 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
14209 transform: translateX(0);
14210 }
14211 .vbo-sidepanel-layouts {
14212 display: flex;
14213 margin-top: -10px;
14214 padding: 6px;
14215 }
14216 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
14217 padding-left: 4px;
14218 }
14219 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
14220 display: inline-block;
14221 border: 1px solid var(--vbo-config-border-color);
14222 padding: 0px 5px;
14223 border-radius: 4px;
14224 background: var(--vbo-input-style);
14225 cursor: pointer;
14226 opacity: .8;
14227 }
14228 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14229 opacity: 1;
14230 }
14231 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14232 flex: 1;
14233 margin-left: 10px;
14234 }
14235 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14236 background: transparent;
14237 border: 0;
14238 padding: 0;
14239 color: var(--vbo-orange-color);
14240 font-size: 13px;
14241 cursor: initial;
14242 }
14243 .vbo-sidepanel-notifications-off {
14244 color: var(--vbo-red-color);
14245 cursor: pointer;
14246 }
14247 .vbo-sidepanel-notifications-off:hover {
14248 color: var(--vbo-orange-color);
14249 }
14250 .vbo-sidepanel-notifications-off.shaking {
14251 font-size: 13px;
14252 width: 15px;
14253 height: 15px;
14254 margin: 0;
14255 -webkit-animation: ring 4s .7s ease-in-out ;
14256 -webkit-transform-origin: 50% 4px;
14257 -moz-animation: ring 4s .7s ease-in-out;
14258 -moz-transform-origin: 50% 4px;
14259 animation: ring 4s .7s ease-in-out;
14260 transform-origin: 50% 4px;
14261 }
14262 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14263 margin-left: 10px;
14264 }
14265 .vbo-admin-widgets-suggest-notifications-cont {
14266 display: inline-block;
14267 vertical-align: top;
14268 padding: 4px 6px;
14269 border-radius: 4px;
14270 border: 1px solid var(--vbo-config-border-color);
14271 }
14272 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
14273 margin-left: 0 !important;
14274 }
14275
14276 @-webkit-keyframes ring {
14277 0% { -webkit-transform: rotateZ(0); }
14278 1% { -webkit-transform: rotateZ(30deg); }
14279 3% { -webkit-transform: rotateZ(-28deg); }
14280 5% { -webkit-transform: rotateZ(34deg); }
14281 7% { -webkit-transform: rotateZ(-32deg); }
14282 9% { -webkit-transform: rotateZ(30deg); }
14283 11% { -webkit-transform: rotateZ(-28deg); }
14284 13% { -webkit-transform: rotateZ(26deg); }
14285 15% { -webkit-transform: rotateZ(-24deg); }
14286 17% { -webkit-transform: rotateZ(22deg); }
14287 19% { -webkit-transform: rotateZ(-20deg); }
14288 21% { -webkit-transform: rotateZ(18deg); }
14289 23% { -webkit-transform: rotateZ(-16deg); }
14290 25% { -webkit-transform: rotateZ(14deg); }
14291 27% { -webkit-transform: rotateZ(-12deg); }
14292 29% { -webkit-transform: rotateZ(10deg); }
14293 31% { -webkit-transform: rotateZ(-8deg); }
14294 33% { -webkit-transform: rotateZ(6deg); }
14295 35% { -webkit-transform: rotateZ(-4deg); }
14296 37% { -webkit-transform: rotateZ(2deg); }
14297 39% { -webkit-transform: rotateZ(-1deg); }
14298 41% { -webkit-transform: rotateZ(1deg); }
14299
14300 43% { -webkit-transform: rotateZ(0); }
14301 100% { -webkit-transform: rotateZ(0); }
14302 }
14303
14304 @-moz-keyframes ring {
14305 0% { -moz-transform: rotate(0); }
14306 1% { -moz-transform: rotate(30deg); }
14307 3% { -moz-transform: rotate(-28deg); }
14308 5% { -moz-transform: rotate(34deg); }
14309 7% { -moz-transform: rotate(-32deg); }
14310 9% { -moz-transform: rotate(30deg); }
14311 11% { -moz-transform: rotate(-28deg); }
14312 13% { -moz-transform: rotate(26deg); }
14313 15% { -moz-transform: rotate(-24deg); }
14314 17% { -moz-transform: rotate(22deg); }
14315 19% { -moz-transform: rotate(-20deg); }
14316 21% { -moz-transform: rotate(18deg); }
14317 23% { -moz-transform: rotate(-16deg); }
14318 25% { -moz-transform: rotate(14deg); }
14319 27% { -moz-transform: rotate(-12deg); }
14320 29% { -moz-transform: rotate(10deg); }
14321 31% { -moz-transform: rotate(-8deg); }
14322 33% { -moz-transform: rotate(6deg); }
14323 35% { -moz-transform: rotate(-4deg); }
14324 37% { -moz-transform: rotate(2deg); }
14325 39% { -moz-transform: rotate(-1deg); }
14326 41% { -moz-transform: rotate(1deg); }
14327
14328 43% { -moz-transform: rotate(0); }
14329 100% { -moz-transform: rotate(0); }
14330 }
14331
14332 @keyframes ring {
14333 0% { transform: rotate(0); }
14334 1% { transform: rotate(30deg); }
14335 3% { transform: rotate(-28deg); }
14336 5% { transform: rotate(34deg); }
14337 7% { transform: rotate(-32deg); }
14338 9% { transform: rotate(30deg); }
14339 11% { transform: rotate(-28deg); }
14340 13% { transform: rotate(26deg); }
14341 15% { transform: rotate(-24deg); }
14342 17% { transform: rotate(22deg); }
14343 19% { transform: rotate(-20deg); }
14344 21% { transform: rotate(18deg); }
14345 23% { transform: rotate(-16deg); }
14346 25% { transform: rotate(14deg); }
14347 27% { transform: rotate(-12deg); }
14348 29% { transform: rotate(10deg); }
14349 31% { transform: rotate(-8deg); }
14350 33% { transform: rotate(6deg); }
14351 35% { transform: rotate(-4deg); }
14352 37% { transform: rotate(2deg); }
14353 39% { transform: rotate(-1deg); }
14354 41% { transform: rotate(1deg); }
14355
14356 43% { transform: rotate(0); }
14357 100% { transform: rotate(0); }
14358 }
14359
14360 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
14361 margin-left: auto;
14362 padding-right: 5px;
14363 padding-top: 2px;
14364 }
14365 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
14366 cursor: pointer;
14367 width: 17px;
14368 display: inline-block;
14369 }
14370 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14371 opacity: .8;
14372 }
14373 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
14374 opacity: 1;
14375 }
14376 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14377 fill: var(--vbo-config-titles-color-light);
14378 }
14379 .vbo-sidepanel-container .vbo-sidepanel-search {
14380 position: relative;
14381 display: flex;
14382 }
14383 .vbo-sidepanel-container .vbo-sidepanel-search > i {
14384 position: absolute;
14385 top: 14px;
14386 left: 15px;
14387 }
14388 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
14389 width: 100% !important;
14390 flex: 1;
14391 padding: 8px 10px;
14392 padding-left: 35px !important;
14393 }
14394 .vbo-sidepanel-container .vbo-sidepanel-search button {
14395 border-radius: 4px;
14396 margin: 0 0 0 5px;
14397 font-size: 14px;
14398 padding: 6px 8px;
14399 }
14400 .vbo-sidepanel-container .vbo-sidepanel-search button i {
14401 margin-right: 0;
14402 }
14403 .vbo-sidepanel-body-top {
14404 position: relative;
14405 margin-top: 7px;
14406 margin-bottom: 5px;
14407 padding: 0 15px;
14408 }
14409 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
14410 max-height: 35vh;
14411 overflow-y: scroll;
14412 margin-top: 5px;
14413 position: absolute;
14414 width: calc(100% - 30px);
14415 background: var(--vbo-config-bg-color);
14416 padding: 5px;
14417 box-sizing: border-box;
14418 z-index: 99999;
14419 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
14420 border-radius: 4px;
14421 }
14422 .vbo-sidepanel-add-widget {
14423 cursor: pointer;
14424 margin-bottom: 8px;
14425 border: 1px solid var(--vbo-config-border-color);
14426 border-radius: 6px;
14427 padding: 5px;
14428 }
14429 .vbo-sidepanel-add-widget:hover {
14430 border-color: var(--vbo-blue-color);
14431 }
14432 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
14433 display: flex;
14434 }
14435 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
14436 flex: 1;
14437 }
14438 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
14439 border-radius: 6px;
14440 padding: 5px;
14441 text-align: center;
14442 width: 22px;
14443 height: 22px;
14444 display: inline-block;
14445 line-height: 22px;
14446 color: #fff;
14447 box-sizing: content-box;
14448 }
14449 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
14450 font-weight: bold;
14451 margin-left: 10px;
14452 -webkit-user-select: none;
14453 -ms-user-select: none;
14454 user-select: none;
14455 }
14456 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
14457 margin-left: auto;
14458 align-self: center;
14459 font-size: 15px;
14460 cursor: pointer;
14461 color: var(--vbo-green-color);
14462 }
14463 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
14464 color: var(--vbo-green-color-hover);
14465 }
14466 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
14467 opacity: 0;
14468 margin-right: 3px;
14469 color: var(--vbo-base-color);
14470 transition: all 100ms ease-in-out 0s;
14471 }
14472 .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 {
14473 opacity: 1;
14474 transition: all 100ms ease-in-out 0s;
14475 }
14476 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
14477 color: var(--vbo-base-color-hover);
14478 }
14479 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
14480 max-height: 84vh;
14481 min-height: 300px;
14482 overflow-y: scroll;
14483 padding: 5px 15px 0;
14484 }
14485 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
14486 background: var(--vbo-config-bg-color);
14487 border-radius: 6px;
14488 margin: 20px 0 10px;
14489 position: relative;
14490 box-shadow: 0 3px 5px rgba(0,0,0,.1);
14491 }
14492 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
14493 margin-top: 10px;
14494 }
14495 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
14496 position: absolute;
14497 top: -4px;
14498 left: -6px;
14499 width: 16px;
14500 height: 16px;
14501 border-radius: 50%;
14502 text-align: center;
14503 line-height: 16px;
14504 background: var(--vbo-red-color);
14505 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
14506 color: #fff;
14507 font-size: 10px;
14508 }
14509 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
14510 background: var(--vbo-red-color-hover);
14511 }
14512 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
14513 position: absolute;
14514 top: -15px;
14515 left: 50%;
14516 transform: translate(-50%, 0);
14517 width: 24px;
14518 height: 24px;
14519 border-radius: 50%;
14520 background: var(--vbo-config-bg-color);
14521 border: 1px solid var(--vbo-main-bg-color);
14522 color: var(--vbo-config-text-color-light);
14523 text-align: center;
14524 line-height: 24px;
14525 font-size: 12px;
14526 box-shadow: 0 4px 7px rgba(0,0,0,.1);
14527 z-index: 1;
14528 cursor: pointer;
14529 opacity: 0;
14530 transition: 0.2s ease-in all;
14531 -moz-transition: 0.2s ease-in all;
14532 -webkit-transition: 0.2s ease-in all;
14533 }
14534 .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 {
14535 opacity: 1;
14536 }
14537 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
14538 color: var(--vbo-base-color);
14539 }
14540 .vbo-sidepanel-edit-widgets {
14541 margin-top: 10px;
14542 text-align: center;
14543 position: absolute;
14544 bottom: 10px;
14545 left: 50%;
14546 transform: translate(-50%, 0px);
14547 z-index: 10000;
14548 }
14549 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
14550 display: inline-block;
14551 padding: 5px 10px;
14552 border-radius: 20px;
14553 font-size: 11px;
14554 background: var(--vbo-config-border-color);
14555 border-color: var(--vbo-config-text-color-light);
14556 }
14557 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
14558 background: var(--vbo-main-bg-color);
14559 }
14560 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
14561 background: var(--vbo-orange-color);
14562 border-color: var(--vbo-orange-color-hover);
14563 box-shadow: 0 3px 5px rgba(0,0,0,.2);
14564 }
14565 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
14566 background: var(--vbo-orange-color);
14567 }
14568 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
14569 font-size: 14px;
14570 padding: 3px 0 3px 15px;
14571 margin: 8px 0;
14572 }
14573 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
14574 margin-right: 5px;
14575 font-size: 12px;
14576 }
14577 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
14578 display: none;
14579 }
14580 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
14581 height: 28px;
14582 }
14583 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14584 padding: 5px 8px;
14585 font-size: 11px;
14586 }
14587 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
14588 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14589 margin: 7px 10px 6px 6px;
14590 }
14591 .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 {
14592 padding: 2px 5px;
14593 }
14594 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
14595 padding: 3.5px 9px;
14596 }
14597 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14598 flex-wrap: wrap;
14599 }
14600 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
14601 flex-wrap: wrap;
14602 }
14603 .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 {
14604 flex-basis: 100%;
14605 margin-top: 5px;
14606 margin-right: 0;
14607 }
14608 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
14609 width: 100%;
14610 }
14611 .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 {
14612 padding: 8px;
14613 border: 1px solid var(--vbo-basic-btn);
14614 }
14615 .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 {
14616 border-color: var(--vbo-blue-color-hover);
14617 }
14618 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14619 margin-bottom: 0;
14620 }
14621 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
14622 width: 100%;
14623 }
14624 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
14625 padding: 10px 15px;
14626 }
14627 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
14628 vertical-align: middle;
14629 }
14630 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
14631 padding: 0px 10px;
14632 }
14633 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
14634 font-size: 16px;
14635 }
14636 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
14637 font-size: 13px;
14638 }
14639 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
14640 width: 100%;
14641 }
14642 .vbo-sidepanel-add-widget-focussed {
14643 background: var(--vbo-toolbar-bg-color);
14644 border-color: var(--vbo-blue-color);
14645 }
14646 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
14647 padding: 5px 0 5px 15px;
14648 }
14649 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
14650 margin-top: 3px;
14651 }
14652 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
14653 flex-basis: 180px;
14654 }
14655 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
14656 display: flex;
14657 }
14658 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
14659 align-self: center;
14660 padding: 0 8px 0 10px;
14661 }
14662 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
14663 display: block;
14664 margin-bottom: 5px;
14665 }
14666 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
14667 margin-top: 5px;
14668 }
14669 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
14670 width: 100%;
14671 }
14672 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
14673 padding: 10px;
14674 display: flex;
14675 gap: 0;
14676 }
14677 .vbo-widget-booskcal-top-wrap .vbo-widget-booskcal-filter, .vbo-widget-element-filter-top .btn-group-inline input, .vbo-widget-element-filter-top .btn-group-inline select {
14678 flex: 1;
14679 margin-right: 10px;
14680 }
14681 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
14682 padding: 10px 15px;
14683 }
14684 .vbo-widget-booskcal-newbook-cont {
14685 position: relative;
14686 }
14687 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
14688 margin-top: 5px;
14689 }
14690 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
14691 border-bottom: 1px solid var(--vbo-config-border-color);
14692 padding-bottom: 5px;
14693 }
14694 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
14695 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
14696 margin-right: 2px;
14697 }
14698 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
14699 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
14700 float: right;
14701 font-weight: bold;
14702 text-transform: uppercase;
14703 display: inline-block;
14704 margin-left: 10px;
14705 }
14706 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
14707 display: inline-block;
14708 margin-bottom: 2px;
14709 }
14710 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
14711 padding: 5px 10px;
14712 border-radius: 4px;
14713 margin-top: 5px;
14714 }
14715 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
14716 border: 1px solid var(--vbo-config-border-color);
14717 padding: 5px;
14718 border-radius: 6px;
14719 margin-bottom: 5px;
14720 }
14721 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
14722 width: 100%;
14723 }
14724 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14725 text-align: right !important;
14726 padding: 3px !important;
14727 vertical-align: top !important;
14728 cursor: initial;
14729 }
14730 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14731 height: 40px;
14732 }
14733 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
14734 width: 100%;
14735 height: 100%;
14736 }
14737 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
14738 vertical-align: bottom !important;
14739 background: transparent;
14740 border: 0 !important;
14741 }
14742 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
14743 background: transparent;
14744 }
14745 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
14746 background: var(--vbo-main-bg-color);
14747 }
14748 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14749 cursor: pointer;
14750 }
14751 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
14752 width: 18px;
14753 display: inline-block;
14754 height: 18px;
14755 line-height: 18px;
14756 background: var(--vbo-red-color);
14757 color: #fff;
14758 border-radius: 50%;
14759 text-align: center;
14760 }
14761 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
14762 border: 1px solid var(--vbo-config-bg-color);
14763 }
14764 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
14765 text-align: center;
14766 font-size: 12px;
14767 }
14768 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
14769 height: 40px;
14770 }
14771 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
14772 line-height: 40px;
14773 }
14774 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
14775 height: 40px;
14776 }
14777 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14778 margin-top: 0;
14779 }
14780 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14781 margin-top: 14px;
14782 }
14783 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
14784 padding-top: 6px;
14785 }
14786 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
14787 margin-bottom: 5px;
14788 }
14789 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
14790 right: 10px;
14791 min-width: 200px;
14792 }
14793 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
14794 display: flex;
14795 width: 100%;
14796 }
14797 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
14798 align-self: center;
14799 display: inline-block;
14800 }
14801 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
14802 align-self: center;
14803 margin-top: 0;
14804 padding-top: 0;
14805 padding-bottom: 0;
14806 margin-left: auto;
14807 width: auto;
14808 float: right;
14809 margin-right: 0;
14810 }
14811 .vbo-widget-reminders-list .vbo-widget-reminders-record {
14812 display: flex;
14813 padding: 5px 10px;
14814 border-radius: 4px;
14815 border: 1px solid var(--vbo-config-border-color);
14816 margin: 5px 10px;
14817 position: relative;
14818 overflow: hidden;
14819 }
14820 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
14821 margin-right: 10px;
14822 display: flex;
14823 flex-wrap: wrap;
14824 flex-direction: column;
14825 }
14826 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14827 background: none;
14828 border: 0;
14829 color: var(--vbo-body-text-color);
14830 padding: 0;
14831 font-size: 15px;
14832 margin-top: 2px;
14833 }
14834 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14835 margin-top: auto;
14836 }
14837 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14838 color: var(--vbo-orange-color);
14839 }
14840 .vbo-widget-reminders-list .vbo-reminder-ok {
14841 opacity: .8;
14842 color: var(--vbo-config-titles-color-light);
14843 }
14844 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14845 color: var(--vbo-blue-color);
14846 }
14847 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
14848 background: var(--vbo-blue-color);
14849 position: absolute;
14850 right: 0;
14851 top: 0;
14852 height: 100%;
14853 width: 35px;
14854 transition: 0.3s ease-in all;
14855 -moz-transition: 0.3s ease-in all;
14856 -webkit-transition: 0.3s ease-in all;
14857 transform: translateX(100%);
14858 display: flex;
14859 cursor: pointer;
14860 }
14861 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
14862 background: var(--vbo-blue-color-hover);
14863 }
14864 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
14865 transform: translateX(0);
14866 }
14867 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
14868 background: transparent;
14869 border: 0;
14870 padding: 0;
14871 width: 100%;
14872 color: #fff;
14873 cursor: pointer;
14874 }
14875 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
14876 margin-right: 0;
14877 }
14878 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
14879 margin-right: 10px;
14880 }
14881 .vbo-widget-reminder-title {
14882 font-weight: bold;
14883 display: block;
14884 margin-bottom: 2px;
14885 }
14886 .vbo-widget-reminders-record-due {
14887 margin-top: 3px;
14888 color: var(--vbo-config-titles-color-light) !important;
14889 font-size: .9em;
14890 display: flex;
14891 }
14892 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
14893 order: 2;
14894 margin-left: 10px;
14895 }
14896 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
14897 display: inline-block;
14898 }
14899 .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 {
14900 margin-left: 2px;
14901 }
14902 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
14903 color: var(--vbo-red-color) !important;
14904 font-size: 1em;
14905 }
14906 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
14907 padding: 5px 10px;
14908 margin-bottom: 8px;
14909 }
14910 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
14911 padding: 0 15px;
14912 }
14913 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
14914 margin-bottom: 5px;
14915 }
14916 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
14917 margin: 10px 0;
14918 }
14919 .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 {
14920 width: 100% !important;
14921 }
14922 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
14923 width: auto !important;
14924 }
14925 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
14926 min-height: 100px;
14927 }
14928 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
14929 display: flex;
14930 flex-wrap: wrap;
14931 }
14932 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
14933 float: right;
14934 margin-left: 10px;
14935 }
14936 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
14937 color: var(--vbo-orange-color);
14938 }
14939 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
14940 flex: 1;
14941 }
14942 .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 {
14943 width: 100%;
14944 }
14945 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14946 display: flex;
14947 gap: 5px;
14948 }
14949 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14950 flex: 1;
14951 }
14952 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14953 display: flex;
14954 margin-left: 10px;
14955 }
14956 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14957 flex: 0;
14958 }
14959 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
14960 width: 110px !important;
14961 }
14962 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
14963 margin-right: 5px;
14964 }
14965 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14966 margin-top: 5px;
14967 text-align: center;
14968 }
14969 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14970 display: flex;
14971 }
14972 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14973 flex: 1;
14974 }
14975 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
14976 margin-left: 5px;
14977 }
14978 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
14979 align-self: initial;
14980 }
14981 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
14982 margin-top: 3px;
14983 color: var(--vbo-config-titles-color-light) !important;
14984 font-size: .9em;
14985 }
14986 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
14987 font-weight: 500;
14988 font-size: .9em;
14989 }
14990 .vbo-widget-bookdets-cm-updresult {
14991 margin-bottom: 2px;
14992 }
14993 .vbo-widget-bookdets-cm-updresult:last-child {
14994 margin-bottom: 0;
14995 }
14996 .vbo-widget-bookdets-cm-updresult > i {
14997 color: var(--vbo-config-text-color-light);
14998 margin-right: 3px;
14999 }
15000 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
15001 padding: 2px 6px;
15002 }
15003 .vbo-widget-push-notification {
15004 margin: 0px 10px;
15005 padding: 12px;
15006 border-radius: 10px;
15007 border-width: 1px;
15008 border-style: solid;
15009 }
15010 .vbo-widget-push-notification-info {
15011 background-color: var(--vbo-info-bg);
15012 border-color: var(--vbo-info-border);
15013 color: var(--vbo-container-text-color);
15014 }
15015 .vbo-widget-push-notification-warning {
15016 background-color: var(--vbo-warning-bg);
15017 border-color: var(--vbo-warning-border);
15018 color: var(--vbo-container-text-color);
15019 }
15020 .vbo-widget-push-notification-error {
15021 background-color: var(--vbo-error-bg);
15022 border-color: var(--vbo-error-border);
15023 color: var(--vbo-container-text-color);
15024 }
15025 .vbo-widget-push-notification-title {
15026 font-size: 14px;
15027 margin-bottom: 2px;
15028 }
15029 .vbo-widget-push-notification-message {
15030 font-size: 13px;
15031 }
15032 .vbo-widget-push-notification-action {
15033 margin-top: 5px;
15034 }
15035 .vbo-widget-push-notification-action .btn.vbo-config-btn {
15036 padding: 8px 10px;
15037 }
15038 .vbo-widget-bookdets-cm-updresult-log {
15039 font-size: .95em;
15040 color: var(--vbo-config-titles-color-light);
15041 }
15042
15043 .colorpicker input {
15044 top: -4px;
15045 }
15046
15047 @-webkit-keyframes VikfadeInDown {
15048 from {
15049 opacity: 0;
15050 -webkit-transform: translate3d(0%, -20%, 0);
15051 transform: translate3d(0%, -20%, 0);
15052 }
15053
15054 to {
15055 opacity: 1;
15056 -webkit-transform: translate3d(0%, 0%, 0);
15057 transform: translate3d(0%, 0%, 0);
15058 }
15059 }
15060
15061 @keyframes VikfadeInDown {
15062 from {
15063 opacity: 0;
15064 -webkit-transform: translate3d(0%, -20%, 0);
15065 transform: translate3d(0%, -20%, 0);
15066 }
15067
15068 to {
15069 opacity: 1;
15070 -webkit-transform: translate3d(0%, 0%, 0);
15071 transform: translate3d(0%, 0%, 0);
15072 }
15073 }
15074 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
15075 text-align: center;
15076 margin-bottom: 20px;
15077 }
15078 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
15079 display: inline-block;
15080 margin: 5px;
15081 }
15082 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
15083 border-radius: 3px;
15084 padding: 8px 14px;
15085 margin-bottom: 0;
15086 font-size: inherit;
15087 }
15088 .vbo-modal-condtext-rules {
15089 display: flex;
15090 flex-wrap: wrap;
15091 }
15092 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
15093 flex-basis: calc(33% - 38px);
15094 border: 2px solid var(--vbo-config-border-color);
15095 padding: 10px;
15096 border-radius: 6px;
15097 margin: 7px;
15098 cursor: pointer;
15099 }
15100 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
15101 border-color: #acdaac;
15102 }
15103 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
15104 border-color: #46a546;
15105 }
15106 .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 {
15107 opacity: .6;
15108 border: 2px solid var(--vbo-main-bg-color);
15109 cursor: auto;
15110 color: var(--vbo-config-titles-color-light);
15111 }
15112 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
15113 margin-top: 0;
15114 margin-bottom: 5px;
15115 font-size: 16px;
15116 }
15117 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
15118 font-size: 14px;
15119 }
15120 .vbo-modal-condtext-rule-apply {
15121 text-align: center;
15122 margin-bottom: 20px;
15123 }
15124 .vbo-condtext-rule .adminlegend {
15125 display: flex;
15126 }
15127 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
15128 margin-left: auto;
15129 cursor: pointer;
15130 }
15131 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
15132 font-size: 15px;
15133 color: var(--vbo-config-titles-color-light);
15134 padding: 4px;
15135 display: inline-block;
15136 }
15137 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
15138 color: var(--vbo-red-color);
15139 }
15140 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
15141 padding: 8px 10px;
15142 border-color: var(--vbo-config-border-color);
15143 }
15144 .vbo-config-maintab-right-halfsize {
15145 display: flex;
15146 flex-wrap: wrap;
15147 padding-top: 12px;
15148 }
15149 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
15150 flex-grow: 0;
15151 }
15152 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15153 flex-basis: calc(50% - 78px);
15154 margin: 8px;
15155 flex-grow: 1;
15156 }
15157 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
15158 width: 100%;
15159 }
15160 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
15161 flex-wrap: wrap;
15162 }
15163 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15164 flex-basis: 100%;
15165 }
15166 .vbo-param-container img {
15167 max-width: 100%;
15168 }
15169 .vbo-condtext-rule[data-ruleaction="0"] {
15170 border: 1px solid var(--vbo-base-color);
15171 }
15172 .vbo-condtext-rule[data-ruleaction="1"] {
15173 border: 1px solid var(--vbo-orange-color);
15174 }
15175 .notice-noicon {
15176 padding: 12px;
15177 background-image: none;
15178 }
15179 .notice-noicon i {
15180 margin-right: 5px;
15181 }
15182 .vbo-list-table-rounded {
15183 border: 1px solid var(--vbo-config-border-color);
15184 border-radius: 10px;
15185 }
15186 .vbo-list-table-rounded .table {
15187 margin-top: 0;
15188 margin-bottom: 0;
15189 }
15190 .vbo-list-table-rounded .table thead th {
15191 padding: 18px 20px;
15192 color: #444;
15193 }
15194 .vbo-list-table-rounded .table td {
15195 padding: 10px 20px;
15196 }
15197 .vbo-list-table-rounded .table td:last-child {
15198 text-align: right;
15199 }
15200 .vbo-ratesoverview-top-outer {
15201 text-align: right;
15202 margin-top: -20px;
15203 }
15204 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
15205 display: inline-block;
15206 border: 1px solid var(--vbo-config-border-color);
15207 padding: 5px 10px 0;
15208 border-radius: 4px;
15209 margin-bottom: 5px
15210 }
15211 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
15212 display: inline-block;
15213 vertical-align: top;
15214 margin: 5px 0 0 6px;
15215 cursor: pointer;
15216 }
15217 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
15218 height: 27px;
15219 }
15220 .vbo-list-table .btn.vbo-condtext-tmpl-status {
15221 padding: 4px 10px;
15222 margin: 3px;
15223 font-size: 13px;
15224 }
15225 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
15226 margin-right: 2px;
15227 }
15228 .vbo-inspector-hover {
15229 background-color: rgba(184, 225, 243, 1) !important;
15230 }
15231 .vbo-inspector-wrap {
15232 padding: 15px;
15233 }
15234 .vbo-inspector-wrap > * {
15235 padding: 20px 0;
15236 }
15237 .vbo-admin-container .vbo-config-maintab-top {
15238 display: flex;
15239 flex-basis: 100%;
15240 }
15241 .vbo-config-maintab-top .vbo-config-fieldset-large {
15242 flex-basis: 75%;
15243 }
15244 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
15245 width: 100%;
15246 }
15247 .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 {
15248 white-space: initial;
15249 }
15250 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
15251 flex: 1;
15252 margin-left: 20px;
15253 }
15254 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
15255 width: 100%;
15256 }
15257 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
15258 padding: 5px 10px;
15259 background: var(--vbo-config-child-bg-color);
15260 margin: 0;
15261 }
15262 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
15263 font-weight: 500;
15264 }
15265 .vbo-admin-container > .vbo-config-maintab-bottom {
15266 flex-basis: 100%;
15267 }
15268 .vbo-admin-container > #vbo-conditrules-wrap {
15269 flex-grow: 0;
15270 }
15271 .btn.vbo-condtext-specialtag-btn {
15272 padding: 8px 14px;
15273 background-color: #e2eaee;
15274 color: var(--vbo-base-color);
15275 border: 1px solid #c9e0ec;
15276 }
15277 .btn.vbo-condtext-specialtag-btn:hover {
15278 background: #2482b5;
15279 border: 1px solid #2482b5;
15280 color: #fff;
15281 }
15282 .vbo-condtext-addrule-helper {
15283 flex-basis: 100%;
15284 margin: 10px 0 20px 8px;
15285 }
15286 .vbo-geoinfo-markers-wrap {
15287 display: flex;
15288 flex-wrap: wrap;
15289 }
15290 .vbo-geoinfo-marker-cont {
15291 flex-basis: calc(16% - 15px);
15292 text-align: center;
15293 border: 1px solid var(--vbo-config-border-color);
15294 background: var(--vbo-basic-btn);
15295 padding: 5px;
15296 margin: 4px;
15297 border-radius: 4px;
15298 }
15299 .vbo-geoinfo-marker-label {
15300 margin-bottom: 4px;
15301 }
15302 .btn.vbo-geomarker-status {
15303 font-size: 18px;
15304 }
15305 .btn.vbo-geomarker-status i {
15306 font-size: 16px;
15307 margin-right: 0 !important;
15308 }
15309 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
15310 border-color: var(--vbo-green-color);
15311 color: var(--vbo-green-color);
15312 }
15313 .vbo-geoinfo-param .vbo-param-label > i {
15314 margin-top: 10px;
15315 }
15316 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
15317 margin: 0;
15318 padding-top: 0;
15319 }
15320 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
15321 background: var(--vbo-config-bg-color);
15322 }
15323 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15324 border-color: var(--vbo-config-border-color);
15325 color: #343a40;
15326 }
15327 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15328 border-color: var(--vbo-green-color);
15329 color: var(--vbo-green-color);
15330 }
15331 .vbo-cust-geo-marker-svg-list {
15332 display: flex;
15333 flex-wrap: wrap;
15334 margin-bottom: 10px;
15335 margin-top: 20px;
15336 justify-content: center;
15337 }
15338 .vbo-cust-geo-marker-svg {
15339 border: 1px solid var(--vbo-config-border-color);
15340 text-align: center;
15341 border-radius: 4px;
15342 padding: 4px 10px;
15343 margin: 4px;
15344 flex-basis: calc(16% - 27px);
15345 cursor: pointer;
15346 position: relative;
15347 }
15348 .vbo-cust-geo-marker-svg-icon {
15349 padding-right: 10px;
15350 }
15351 .vbo-cust-geo-marker-svg-name {
15352 margin-bottom: 10px;
15353 font-size: 14px;
15354 }
15355 .vbo-cust-geo-marker-svg svg {
15356 height: 43px;
15357 max-width: 100%;
15358 }
15359 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
15360 border-color: #008d02;
15361 }
15362 .vbo-cust-geo-marker-svg-addnew i {
15363 font-size: 26px;
15364 }
15365 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
15366 padding-right: 0;
15367 }
15368 .vbo-cust-geo-marker-svg-adjust {
15369 margin-bottom: 20px;
15370 border: 1px solid var(--vbo-config-border-color);
15371 padding: 10px 20px;
15372 background: var(--vbo-config-child-bg-color);
15373 }
15374 .vbo-geo-marker-param-container {
15375 margin: 12px 0;
15376 }
15377 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
15378 margin-right: 10px;
15379 min-width: 80px;
15380 margin-bottom: 5px;
15381 font-weight: 500;
15382 }
15383 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
15384 margin-right: 10px;
15385 min-width: 140px;
15386 margin-bottom: 10px;
15387 }
15388 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
15389 width: 100% !important;
15390 }
15391 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
15392 margin: 15px 0 20px;
15393 }
15394 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
15395 display: flex;
15396 flex-wrap: wrap;
15397 justify-content: center;
15398 }
15399 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
15400 margin: 12px 10px;
15401 }
15402 .vbo-cust-geo-marker-save {
15403 text-align: center;
15404 margin-bottom: 20px;
15405 }
15406 .vbo-cust-geo-marker-top {
15407 text-align: center;
15408 margin-bottom: 20px;
15409 }
15410 #geo_address_formatted {
15411 cursor: pointer;
15412 }
15413 #geo_address_formatted:hover {
15414 color: #0071a1;
15415 }
15416 .vbo-cust-geo-marker-svg-remove {
15417 position: absolute;
15418 right: 0;
15419 bottom: 0;
15420 padding: 2px 4px;
15421 border: 1px solid var(--vbo-config-border-color);
15422 border-bottom: 0;
15423 border-right: 0;
15424 border-top-left-radius: 4px;
15425 }
15426 .vbo-cust-geo-marker-svg-remove span:hover i {
15427 color: var(--vbo-red-color);
15428 }
15429 .vbo-geo-marker-param-setting .btn.btn-secondary {
15430 padding: 9px 14px;
15431 }
15432 .vbo-geomarker-infowin-wrap {
15433 min-width: 250px;
15434 }
15435 .vbo-geomarker-infowin-wrap > h4 {
15436 margin: 0px 0 10px;
15437 font-size: 16px;
15438 }
15439 .vbo-geo-marker-param-setting img {
15440 max-width: 90%;
15441 margin-bottom: 5px;
15442 }
15443 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
15444 max-width: 180px;
15445 }
15446 .vbo-geo-legend-import {
15447 float: right;
15448 }
15449 .vbo-geo-legend-import .select2-container .select2-selection--single {
15450 height: 36px;
15451 border: 1px solid var(--vbo-config-border-color);
15452 border-radius: 2px;
15453 font-size: 14px;
15454 font-weight: normal;
15455 }
15456 .vbo-geo-legend-import #select2-roomselcalc-container {
15457 font-weight: normal;
15458 font-size: 14px;
15459 }
15460 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
15461 height: 36px;
15462 }
15463 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
15464 line-height: 36px;
15465 }
15466 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15467 margin-right: 10px;
15468 }
15469 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
15470 margin-top: 7px;
15471 }
15472 .vbo-geoinfo-param #vbo-goverlay-edit {
15473 margin-left: 15px;
15474 }
15475 .vbo-geo-marker-params-group {
15476 display: flex;
15477 flex-wrap: wrap;
15478 }
15479 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
15480 margin: 12px 5px;
15481 flex-basis: calc(50% - 10px);
15482 }
15483 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
15484 width: 100% !important;
15485 box-sizing: border-box;
15486 height: auto;
15487 }
15488 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
15489 height: 80%;
15490 }
15491 .vbo-paybutpos-wrap {
15492 margin-top: 10px;
15493 }
15494 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
15495 border-radius: 10px;
15496 background: var(--vbo-main-bg-color);
15497 padding: 15px;
15498 width: 300px;
15499 font-size: 16px;
15500 color: var(--vbo-config-titles-color-light);
15501 box-shadow: 0 5px 10px rgba(0,0,0,.15);
15502 }
15503 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
15504 border-radius: 4px;
15505 margin: 0 5px 5px;
15506 background: var(--vbo-light-color-btn);
15507 width: 200px;
15508 height: 20px;
15509 }
15510 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
15511 text-align: center;
15512 padding: 7px;
15513 margin: 0 5px 0;
15514 border: 2px solid var(--vbo-config-bg-color);
15515 border-radius: 4px;
15516 }
15517 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
15518 background: var(--vbo-base-color);
15519 color: #fff;
15520 padding: 5px 18px;
15521 display: inline-block;
15522 border-radius: 6px;
15523 cursor: pointer;
15524 }
15525 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
15526 display: flex;
15527 }
15528 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
15529 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
15530 flex: 1;
15531 margin: 5px;
15532 border-radius: 4px;
15533 background: var(--vbo-config-bg-color);
15534 padding: 10px 15px;
15535 }
15536 .vbo-param-container.vbo-param-container-log {
15537 border: 1px solid var(--vbo-config-border-color);
15538 padding: 10px;
15539 margin: 2px;
15540 border-radius: 4px;
15541 background: var(--vbo-config-child-bg-color);
15542 }
15543 #vbo-condtext-warn-norules {
15544 width: 100%;
15545 }
15546 #ifchildrenextra .vbo-dyninpnum-cont + a {
15547 display: inline-block;
15548 background: var(--vbo-base-color);
15549 color: #fff;
15550 border: 0;
15551 padding: 9px 14px;
15552 font-weight: bold;
15553 font-size: 13px;
15554 line-height: 18px;
15555 border-radius: 3px;
15556 }
15557 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
15558 background: var(--vbo-base-color-hover);
15559 }
15560 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
15561 background: var(--vbo-link-text-color);
15562 }
15563 #ifchildrenextra .vbo-dyninpnum-cont + a i {
15564 margin-right: 5px;
15565 }
15566 #ifchildrenextra .vbo-dyninpnum-cont input {
15567 margin: 5px 0;
15568 }
15569 #minguestscont > div, #alwaysavcont > div {
15570 margin: 5px 0;
15571 }
15572 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
15573 width: auto !important;
15574 }
15575 .vbo-admin-container .vbo-maninvoice-tbcont {
15576 width: 100%;
15577 border: 1px solid var(--vbo-main-bg-color);
15578 border-radius: 7px;
15579 border-spacing: 0px;
15580 border-collapse: separate;
15581 }
15582 .vbo-maninvoice-tbcont th {
15583 background: var(--vbo-main-bg-color);
15584 text-align: left;
15585 padding: 7px 10px;
15586 }
15587 .vbo-maninvoice-tbcont th:first-child {
15588 border-top-left-radius: 5px;
15589 }
15590 .vbo-maninvoice-tbcont th:last-child {
15591 border-top-right-radius: 5px;
15592 }
15593 .vbo-maninvoice-tbcont td {
15594 padding: 5px 10px;
15595 }
15596 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
15597 margin: 2px;
15598 }
15599 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
15600 vertical-align: top;
15601 display: inline-block;
15602 }
15603 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
15604 width: 80px !important;
15605 }
15606 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
15607 text-align: right;
15608 }
15609 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
15610 margin-right: 0 !important;
15611 }
15612 .vbo-maninvoice-totals-format {
15613 position: relative;
15614 }
15615 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
15616 position: absolute;
15617 top: -1px;
15618 left: 10px;
15619 color: var(--vbo-config-titles-color-light);
15620 font-size: 15px;
15621 }
15622 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
15623 padding-left: 25px !important;
15624 }
15625 #maxquantblock {
15626 width: 100%;
15627 }
15628 .colorpicker {
15629 z-index: 100000001;
15630 }
15631 .vbo-toast-wrapper .toast-message-content {
15632 color: var(--vbo-body-text-color) !important;
15633 }
15634 .vbo-toast-wrapper .toast-message-content.notice {
15635 background-color: var(--vbo-config-bg-color) !important;
15636 }
15637
15638 /* Virtual Terminal Widget */
15639 .vbo-vterminal-cc-container {
15640 padding: 20px;
15641 }
15642 .vbo-vterminal-cc-row-group {
15643 display: flex;
15644 flex-wrap: wrap;
15645 }
15646 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
15647 margin-bottom: 14px;
15648 flex: 1;
15649 }
15650 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
15651 margin-bottom: 3px;
15652 text-align: left;
15653 font-size: 14px;
15654 font-weight: 500;
15655 }
15656 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
15657 flex: 1;
15658 height: 50px !important;
15659 border: 1px solid var(--vbo-config-border-color);
15660 border-radius: 6px !important;
15661 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
15662 margin: 0;
15663 }
15664 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
15665 flex-basis: 150px;
15666 flex-grow: 0;
15667 }
15668 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
15669 width: 100% !important;
15670 max-width: inherit !important;
15671 }
15672 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
15673 border-top-right-radius: 0 !important;
15674 border-bottom-right-radius: 0 !important;
15675 }
15676 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
15677 flex: 1;
15678 }
15679 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
15680 position: relative;
15681 }
15682 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
15683 position: absolute;
15684 top: 50%;
15685 right: 15px;
15686 transform: translateY(-50%);
15687 width: 32px;
15688 height: 20px;
15689 }
15690 @keyframes vterminal-card-position {
15691 0% {right: 0}
15692 100% {right: -5px}
15693 }
15694 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
15695 position: relative;
15696 animation-name: vterminal-card-position;
15697 animation-duration: 0.2s;
15698 right: -5px;
15699 width: 32px;
15700 height: 20px;
15701 }
15702 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
15703 flex-basis: 150px;
15704 flex-grow: 0;
15705 }
15706 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
15707 border-top-left-radius: 0 !important;
15708 border-bottom-left-radius: 0 !important;
15709 border-left: 0;
15710 }
15711 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
15712 font-weight: 500;
15713 font-size: 16px;
15714 width: 100%;
15715 padding: 10px 14px;
15716 }
15717 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
15718 font-weight: 500;
15719 }
15720
15721 /* Template Override */
15722 .vbo-overrides-manager {
15723 background: var(--vbo-body-bg-color) !important;
15724 }
15725 .vbo-overrides-manager .override-file #override-copy {
15726 background-color: var(--vbo-blue-color) !important;
15727 color: var(--vbo-contrast-text-color) !important;
15728 border-color: var(--vbo-blue-color) !important;
15729 }
15730 .vbo-overrides-manager .override-file #override-copy:hover {
15731 background-color: var(--vbo-blue-color-hover) !important;
15732 color: var(--vbo-contrast-text-color) !important;
15733 border-color: var(--vbo-blue-color-hover) !important;
15734 }
15735
15736 /* generic calendar box */
15737 .vbo-input-calendar-box {
15738 background: var(--vbo-input-style);
15739 border: 1px solid var(--vbo-config-border-color);
15740 border-radius: 2px;
15741 padding: 0 10px 0 0;
15742 display: inline-block;
15743 vertical-align: top;
15744 }
15745 .vbo-input-calendar-box input[type="text"] {
15746 border: 0;
15747 box-shadow: none;
15748 background: transparent;
15749 padding: 5px 0 5px 10px;
15750 }
15751 .vbo-input-calendar-box i.dashicons-calendar-alt {
15752 top: 8px;
15753 position: relative;
15754 }
15755
15756 /* Color Scheme hide/show panel */
15757 .vbo-sidepanel-colorscheme {
15758 position: relative;
15759 margin-right: 10px;
15760 }
15761 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
15762 display: inline-block;
15763 border: 1px solid var(--vbo-config-border-color);
15764 padding: 0px 5px;
15765 border-radius: 4px;
15766 cursor: pointer;
15767 color: var(--vbo-config-titles-color-light);
15768 opacity: .8;
15769 z-index: 1;
15770 }
15771 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
15772 color: var(--vbo-base-color);
15773 }
15774 .vbo-sidepanel-colorscheme-list {
15775 z-index: 1000000;
15776 visibility: hidden;
15777 opacity: 0;
15778 width: 100px;
15779 padding: 10px 15px;
15780 right: 0;
15781 background: var(--vbo-config-bg-color);
15782 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
15783 border-radius: 10px;
15784 position: absolute;
15785 }
15786 .vbo-sidepanel-colorscheme-list-show {
15787 transform: scale(0.99) translateY(-0.7em);
15788 transform-origin: top;
15789 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
15790 transition-duration: 500ms;
15791 transition-property: opacity,transform;
15792 visibility: visible;
15793 opacity: 1;
15794 transform: scale(1) translateY(0);
15795 }
15796 .vbo-sidepanel-colorscheme-option {
15797 padding: 7px 0;
15798 }
15799 .vbo-sidepanel-colorscheme-option i {
15800 margin-right: 5px;
15801 }
15802 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
15803 color: var(--vbo-base-color);
15804 cursor: pointer;
15805 }
15806
15807 .vbo-dashboard-colorscheme {
15808 display: inline-block;
15809 margin-right: 0;
15810 }
15811 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
15812 right: initial;
15813 left: 0;
15814 margin-top: 2px;
15815 }
15816 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
15817 font-weight: normal;
15818 }
15819 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
15820 padding: 4px 6px;
15821 vertical-align: top;
15822 }
15823
15824 /* @end styles */
15825 /* @start media queries */
15826 @media print {
15827 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
15828 display: none !important;
15829 visibility: hidden !important;
15830 }
15831 .vbo-showin-print {
15832 display: inline-block;
15833 }
15834 .vbo-hidein-print {
15835 display: none !important;
15836 }
15837 .vbo-bookingdet-summary-roomguests {
15838 margin-bottom: 10px;
15839 }
15840 .vbo-receipt-notes-inner {
15841 border-radius: 0 !important;
15842 border-top: 1px solid #ddd;
15843 }
15844 .vbo-receipt-numdate-date-val {
15845 font-size: 1.1em;
15846 }
15847 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
15848 padding: 0 30px;
15849 }
15850 .vbo-bookdet-wrap {
15851 margin: 0 10px 10px;
15852 max-width: inherit;
15853 min-width: inherit;
15854 }
15855 .vbo-bookdet-head {
15856 border-bottom: 0;
15857 padding: 0;
15858 font-weight: bold;
15859 }
15860 .vbo-bookdet-foot {
15861 padding: 0;
15862 }
15863 .vbo-bookdet-head, .vbo-bookdet-foot {
15864 text-align: left;
15865 }
15866 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
15867 -webkit-flex: 100%;
15868 -ms-flex: 100%;
15869 flex: 100%;
15870 }
15871 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
15872 width: 23%;
15873 }
15874 .vbo-bookdet-container {
15875 text-align: left;
15876 }
15877 .vbo-bookingdet-detcont {
15878 background: #f6f6f6;
15879 }
15880 .vbo-receipt-numdate-block {
15881 padding-top: 0 !important;
15882 vertical-align: top;
15883 }
15884 .vbo-bookdet-foot {
15885 font-size: 1em;
15886 }
15887 .vbo-table-responsive {
15888 overflow: visible;
15889 }
15890 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
15891 display: none !important;
15892 }
15893 body {
15894 -webkit-print-color-adjust: exact;
15895 }
15896 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
15897 background: #02679a !important;
15898 color: #fff !important;
15899 border: 1px solid #ddd !important;
15900 -webkit-print-color-adjust: exact;
15901 }
15902 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
15903 color: #fff !important;
15904 }
15905 .vbo-tableaux-table tr td:first-child {
15906 background: var(--vbo-config-child-bg-color) !important;
15907 }
15908
15909 html {
15910 padding: 0 !important;
15911 }
15912 body.vbo-is-printing {
15913 height: auto;
15914 background: #fff;
15915 }
15916 .vbo-is-printing h4 {
15917 margin-top: 0;
15918 padding-top: 0;
15919 }
15920 .vbo-is-printing .vbo-reports-output {
15921 margin: 10px 2px;
15922 padding-bottom: 10px;
15923 }
15924 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
15925 display: none;
15926 }
15927 .vbo-is-printing .vbo-report-output-printing .table-responsive {
15928 overflow: initial;
15929 box-shadow: none;
15930 }
15931 .vbo-is-printing .vbo-reports-output table th {
15932 text-transform: initial;
15933 }
15934 .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 {
15935 padding: 15px 5px;
15936 white-space: initial;
15937 font-size: 13px;
15938 }
15939 .vbo-is-printing .vbo-report-sheet {
15940 border-radius: 8px;
15941 padding: 3px;
15942 border: 1px solid #eee;
15943 margin-bottom: 2px;
15944 }
15945 .vbo-is-printing .vbo-reports-output table tbody td a {
15946 color: inherit;
15947 }
15948 .vbo-is-printing .vbo-reports-output .table-responsive {
15949 margin: 0;
15950 }
15951 .vbo-is-printing .vbo-report-title-print {
15952 text-align: center;
15953 }
15954 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
15955 flex-basis: 100%;
15956 }
15957 .vbo-is-printing .vbo-report-chart-wrap {
15958 display: none;
15959 }
15960 table tfoot {
15961 display: table-row-group;
15962 }
15963 .vbo-menu-container {
15964 display: none;
15965 }
15966 .vbo-allbookings-fm #filter-bar .pull-right {
15967 display: none;
15968 }
15969 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
15970 font-size: 12px;
15971 }
15972 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
15973 font-size: 12px;
15974 }
15975 .vbo-allbookings-fm span.label.vbo-status-label {
15976 font-size: 11px;
15977 padding: 5px 9px !important;
15978 }
15979 .vbo-allbookings-fm .vbo-provenience {
15980 font-size: 13px;
15981 }
15982 }
15983 @media screen and (min-width: 2400px) {
15984 .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 {
15985 flex-basis: auto;
15986 margin-right: 15px;
15987 margin-bottom: 0;
15988 }
15989 }
15990 @media screen and (min-width: 1860px) {
15991 .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 {
15992 margin-left: 0;
15993 }
15994 }
15995 @media screen and (max-width: 2000px) {
15996 .vbo-menu-updates > button {
15997 width: 44px;
15998 height: 44px;
15999 line-height: 36px;
16000 padding: 0;
16001 border-radius: 50%;
16002 }
16003 .vbo-menu-updates > button i {
16004 margin-right: 0 !important;
16005 }
16006 .vbo-menu-updates > button span {
16007 display: none;
16008
16009 }
16010 }
16011 @media screen and (max-width: 1860px) {
16012 .vbo-admin-container .vbo-param-container-full {
16013 flex-wrap: wrap;
16014 }
16015 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
16016 flex-basis: 100% !important;
16017 margin-bottom: 10px;
16018 }
16019 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
16020 display: block;
16021 margin-bottom: 5px;
16022 }
16023 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16024 flex-basis: calc(25% - 16px);
16025 }
16026 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16027 width: calc(100% - 100px);
16028 }
16029 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
16030 flex-basis: calc(100% - 52px);
16031 }
16032 }
16033 @media screen and (max-width: 1760px) {
16034 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
16035 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
16036 width: 80px !important;
16037 }
16038 .vbo-roomentries-cont {
16039 width: 40%;
16040 }
16041 .vbo-report-sheetnchart .vbo-report-sheet {
16042 flex-basis: 50%;
16043 }
16044 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
16045 display: none;
16046 }
16047 .vbo-report-sheetnchart .vbo-report-chart-meta {
16048 flex-basis: 50%;
16049 }
16050 .vbo-dashboard-today-bookings {
16051 flex-basis: 65%;
16052 }
16053 .vbo-dashboard-chart-container {
16054 flex-basis: auto;
16055 flex-grow: initial;
16056 }
16057 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16058 margin: 0 0 15px;
16059 }
16060 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16061 width: 52% !important;
16062 }
16063 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16064 width: 46%;
16065 }
16066 .vbo-dashboard-firstsetup-container {
16067 width: 90%;
16068 }
16069 .vbo-geoinfo-param .vbo-param-setting span {
16070 display:block;
16071 margin-bottom: 5px;
16072 }
16073 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
16074 display: inline-block;
16075 }
16076 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16077 margin-bottom: 10px;
16078 }
16079 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16080 display: block;
16081 float: none;
16082 margin-bottom: 10px;
16083 margin-left: 0;
16084 }
16085 .vbo-checkin-main-block .vbo-checkin-payment-container {
16086 flex-basis: 100%;
16087 margin: 10px 0;
16088 box-sizing: border-box;
16089 }
16090 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16091 flex-basis: 100%;
16092 margin-left: 0;
16093 }
16094 .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 {
16095 width: 100% !important;
16096 }
16097 .vbo-menu-parent-li > span {
16098 padding: 14px 15px;
16099 }
16100 }
16101 @media screen and (max-width: 1612px) {
16102 .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 {
16103 flex-basis: calc(50% - 12px);
16104 max-width: 50%;
16105 }
16106 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
16107 padding: 15px 5px 15px 10px;
16108 }
16109 }
16110 @media screen and (max-width: 1580px) {
16111 .vbo-dashboard-today-occ {
16112 margin: 10px 20px;
16113 }
16114 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16115 width: calc(33% - 80px);
16116 }
16117 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16118 width: calc(50% - 80px);
16119 }
16120 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16121 flex-basis: calc(50% - 16px);
16122 }
16123 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
16124 display: flex;
16125 margin-bottom: 5px;
16126 }
16127 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
16128 flex: 1;
16129 }
16130 .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 {
16131 margin: 10px 15px 6px 10px;
16132 }
16133
16134 }
16135 /* main menu screen size adjustments */
16136 @media screen and (max-width: 1440px) {
16137 .vbo-menu-updates > button {
16138 width: 42px;
16139 height: 42px;
16140 padding: 0;
16141 border-radius: 50%;
16142 }
16143 .vbo-menu-updates > button span {
16144 display: none;
16145 }
16146 .vbo-menu-updates > button i {
16147 margin-right: 0 !important;
16148 }
16149 }
16150 @media screen and (max-width: 1280px) {
16151 .vbo-menu-left {
16152 max-width: 100px;
16153 }
16154 .vbo-ratesoverview-period-container {
16155 flex: 0 0 25%;
16156 }
16157 }
16158
16159 @media screen and (max-width: 1520px) {
16160 .vbo-admin-container .vbo-param-container .vbo-param-label {
16161 flex-basis: 200px;
16162 }
16163 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
16164 flex-basis: 100%;
16165 }
16166 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16167 flex-basis: 100%;
16168 }
16169 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
16170 margin-left: 10px;
16171 }
16172 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16173 margin-top: 0;
16174 margin-left: 5px;
16175 }
16176 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16177 width: 100%;
16178 }
16179 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16180 width: 50%;
16181 float: left;
16182 }
16183 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16184 width: 100% !important;
16185 }
16186 .vbo-modal-overlay-block .vbo-modal-overlay-content {
16187 width: 95%;
16188 }
16189 .vbo-admin-container > div:not([id^="jmodal"]) {
16190 flex: 100%;
16191 margin-left: 0 !important;
16192 margin-right: 0 !important;
16193 }
16194 .vbo-admin-container .adminform {
16195 margin: 10px 0;
16196 }
16197 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16198 margin: 8px;
16199 }
16200 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16201 width: calc(33% - 80px);
16202 }
16203 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16204 width: calc(100% - 80px);
16205 }
16206 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16207 -webkit-transform: rotate(-2deg);
16208 -o-transform: rotate(-2deg);
16209 -moz-transform: rotate(-2deg);
16210 }
16211 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
16212 width: calc(100% - 100px);
16213 -o-transform: rotate(0);
16214 -webkit-transform: rotate(0);
16215 -moz-transform: rotate(0);
16216 }
16217 .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 {
16218 display: block;
16219 margin-bottom: 2px;
16220 margin-right: 0;
16221 }
16222 }
16223 @media screen and (max-width: 1500px) and (min-width: 760px) {
16224 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
16225 white-space: initial;
16226 }
16227 }
16228 @media screen and (max-width: 1400px) {
16229 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
16230 width: 100%;
16231 float: none;
16232 box-sizing: border-box;
16233 }
16234 .vbo-bookingdet-summary-roomnum {
16235 display: block;
16236 }
16237 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
16238 white-space: initial;
16239 display: flex;
16240 }
16241 .vbo-bookingslist-viewdet-fulldate {
16242 white-space: nowrap;
16243 }
16244 .vbo-bookingslist-viewdet-open {
16245 margin-left: 10px;
16246 order: 2;
16247 }
16248 .vbo-dashboard-today-bookings {
16249 flex-basis: 60%;
16250 }
16251 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
16252 justify-content: left;
16253 }
16254 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16255 flex-basis: 50%;
16256 }
16257 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16258 width: 100%;
16259 }
16260 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
16261 margin-left: 0;
16262 }
16263 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16264 float: none;
16265 margin-bottom: 10px;
16266 }
16267 .vbo-editbooking-room-services .vbo-editbooking-room-service {
16268 flex: 0 0 33%;
16269 }
16270 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
16271 align-self: end;
16272 margin-bottom: 0;
16273 }
16274 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
16275 flex-grow: 1;
16276 flex-wrap: wrap;
16277 margin-bottom: 0;
16278 }
16279 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
16280 display: block;
16281 flex-basis: 100%;
16282 margin-bottom: 5px;
16283 }
16284 }
16285 @media screen and (max-width: 1400px) and (min-width: 1320px) {
16286 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
16287 width: 100% !important;
16288 margin-bottom: 3px;
16289 }
16290 }
16291 @media screen and (max-width: 1380px) {
16292 #filter-bar {
16293 height: auto !important;
16294 }
16295 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16296 width: auto;
16297 display: block;
16298 margin: 3px;
16299 }
16300 .vbadmincaltable td {
16301 padding: 5px 0 !important;
16302 }
16303 .vbo-ratesoverview-roomsel-block > form {
16304 flex-wrap: wrap;
16305 }
16306 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
16307 flex-basis: 100%;
16308 border-right: 0;
16309 border-bottom: 1px solid var(--vbo-config-border-color);
16310 border-radius: 0;
16311 }
16312 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
16313 border: 0;
16314 flex-basis: min-content;
16315 }
16316 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
16317 border: 1px solid var(--vbo-config-border-color);
16318 border-radius: 16px;
16319 padding: 20px;
16320 }
16321 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16322 width: 50%;
16323 }
16324 #vbo-report-chart-canvas {
16325 width: 82%;
16326 }
16327 .vbo-ratesoverview-roomsel-entry-forecast {
16328 flex-grow: inherit;
16329 }
16330 .vbo-menu-ul .vbo-menu-parent-li > span {
16331 padding: 13px 18px;
16332 }
16333 .vbo-menu-parent-li > span a {
16334 display: none;
16335 }
16336 .vbo-menu-parent-li > span > i {
16337 margin: 0;
16338 }
16339 .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 {
16340 flex-basis: 100%;
16341 }
16342 .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 {
16343 width: 100%;
16344 }
16345 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
16346 margin-left: 0;
16347 }
16348 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
16349 width: 100% !important;
16350 }
16351 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16352 display: flex;
16353 }
16354 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16355 flex: 1;
16356 }
16357 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
16358 margin-left: 5px;
16359 }
16360 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
16361 max-width: 150px;
16362 }
16363 }
16364 @media screen and (max-width: 1320px) {
16365 .vbo-admin-container > div {
16366 flex: 100%;
16367 }
16368 .vbo-admin-container .adminform {
16369 margin: 10px 0;
16370 }
16371 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16372 margin: 8px;
16373 }
16374 .vbo-admin-container .vbo-param-container .vbo-param-label {
16375 flex-basis: 250px;
16376 }
16377 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16378 flex-basis: 100%;
16379 }
16380 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
16381 margin: 10px 0px 0;
16382 }
16383 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16384 margin-top: 0;
16385 margin-left: 5px;
16386 width: auto;
16387 }
16388 .vbo-roomentries-cont {
16389 width: 210px;
16390 }
16391 .vbo-ratesoverview-roomsel-entry-forecast > label {
16392 margin-left: 20px;
16393 margin-top: 20px;
16394 }
16395 .vbo-config-tabs-wrap dl.tabs dt {
16396 padding: 5px 15px;
16397 }
16398 .vbo-config-maintab-top {
16399 flex-wrap: wrap;
16400 }
16401 .vbo-config-maintab-top .vbo-config-fieldset-large {
16402 flex-basis: 100%;
16403 }
16404 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
16405 margin-left: 0;
16406 }
16407 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16408 flex-basis: 100%;
16409 }
16410 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
16411 flex-basis: calc(50% - 12px);
16412 max-width: 50%;
16413 }
16414 #filter-bar .pull-left {
16415 margin-bottom: 10px;
16416 }
16417 /* @WPonly
16418 * The black background of the modal has been disabled in smartphones and tablets.
16419 * 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.
16420 */
16421 .modal-backdrop.fade.in {
16422 display: none;
16423 }
16424 }
16425 @media screen and (max-width: 1520px) and (min-width: 1280px) {
16426 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16427 display: block;
16428 width: 100%;
16429 }
16430 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16431 width: 100%;
16432 display: block;
16433 margin-top: 5px;
16434 }
16435 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
16436 display: inline-block;
16437 width: 90%;
16438 }
16439 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
16440 width: 100% !important;
16441 box-sizing: border-box;
16442 height: auto;
16443 }
16444 }
16445 @media screen and (max-width: 1290px) {
16446 .vbo-dashboard-today-bookings {
16447 flex-basis: 100%;
16448 }
16449
16450 .vbo-bookdet-splitstay-details > div > span {
16451 display: block;
16452 border-right: 0;
16453 border-bottom: 1px solid var(--vbo-basic-btn);
16454 }
16455 .vbo-bookdet-splitstay-details > div > span:last-child {
16456 border-bottom: 0;
16457 }
16458 }
16459 @media screen and (max-width: 1280px) {
16460 .vbo-menu-parent-li > span {
16461 padding: 18px 17px;
16462 }
16463 .vbo-menu-parent-li > span::after {
16464 right: 6px;
16465 }
16466 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
16467 margin-top: 20px;
16468 }
16469 .vbo-config-maintab-left .adminform:only-child {
16470 padding: 15px 20px;
16471 margin: 0px;
16472 }
16473 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16474 display: inherit;
16475 width: auto;
16476 }
16477 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16478 width: auto;
16479 display: inline-block;
16480 margin-left: auto;
16481 }
16482 .vbo-checkin-main-block .vbo-roomsdet-container {
16483 flex-basis: 100%;
16484 margin: 0 0 10px;
16485 }
16486 .vbo-checkin-main-block .vbo-checkin-payment-container {
16487 flex-basis: 100%;
16488 box-sizing: border-box;
16489 }
16490 .vbo-graph-top-right, .vbo-graph-bottom-right {
16491 flex-basis: 20%;
16492 }
16493 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16494 flex-basis: 100%;
16495 }
16496 .vbo-stats-topform .pull-left {
16497 display: block;
16498 float: none;
16499 margin-bottom: 5px;
16500 }
16501 .vbo-stats-topform #filter-bar .pull-right {
16502 float: right;
16503 margin-left: 5px;
16504 }
16505 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16506 flex-basis: 100%;
16507 }
16508 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16509 margin: 0 0 10px;
16510 }
16511 .vbo-report-layout-type .vbo-report-layout-type-inner {
16512 margin-right: 10px;
16513 }
16514 .vbo-report-sheetnchart {
16515 flex-wrap: wrap;
16516 }
16517 .vbo-report-sheetnchart .vbo-report-sheet {
16518 flex-basis: 100%;
16519 margin-right: 0;
16520 }
16521 .vbo-reports-filters-outer .vbo-reports-filters-export {
16522 display: block;
16523 width: 100%;
16524 float: none;
16525 margin-top: 5px;
16526 }
16527 .vbo-reports-filters-outer > div {
16528 margin: 3px;
16529 }
16530 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
16531 margin-right: 0;
16532 }
16533 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
16534 padding: 10px 20px;
16535 }
16536 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
16537 margin-bottom: 5px;
16538 }
16539 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
16540 font-size: 22px;
16541 }
16542 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
16543 margin-right: 0;
16544 }
16545 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16546 display: block !important;
16547 }
16548 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
16549 flex-basis: 50%;
16550 }
16551 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16552 flex-basis: calc(100% - 16px);
16553 }
16554 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16555 flex-basis: 100%;
16556 }
16557 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16558 flex: initial;
16559 width: 100%;
16560 }
16561 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16562 flex: 1;
16563 }
16564 .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 {
16565 width: 100% !important;
16566 }
16567 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16568 flex-wrap: wrap;
16569 }
16570 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16571 align-self: end;
16572 }
16573 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16574 width: auto;
16575 align-self: end;
16576 }
16577 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
16578 width: 110px !important;
16579 }
16580 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16581 width: auto !important;
16582 }
16583 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
16584 flex: initial;
16585 }
16586 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16587 flex: 1;
16588 }
16589 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16590 width: 80px !important;
16591 }
16592 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
16593 width: 100%;
16594 }
16595 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16596 margin-top: 0;
16597 }
16598 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16599 margin-left: 5px;
16600 }
16601 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
16602 display: block;
16603 margin-top: 5px;
16604 }
16605 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
16606 margin-left: 0;
16607 }
16608 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
16609 display: block;
16610 }
16611 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16612 width: 100%;
16613 }
16614 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16615 width: 35vw;
16616 }
16617 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
16618 width: 100%;
16619 }
16620 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
16621 grid-template-columns: repeat(1, 1fr);
16622 }
16623 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16624 flex-grow: 1;
16625 }
16626 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16627 flex-grow: 0;
16628 }
16629 .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 {
16630 margin: 5px 0 0;
16631 width: 100%;
16632 }
16633 .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 {
16634 width: 20px;
16635 margin-right: 8px;
16636 }
16637 .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 {
16638 width: 20px;
16639 height: 20px;
16640 line-height: 20px;
16641 margin-right: 8px;
16642 font-size: 10px;
16643 }
16644 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
16645 display: flex;
16646 }
16647 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
16648 margin-right: 3px;
16649 }
16650 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16651 width: 100%;
16652 margin-left: 0;
16653 }
16654 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
16655 flex: 1;
16656 }
16657 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
16658 width: 100% !important;
16659 }
16660 .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 {
16661 flex: initial;
16662 }
16663 .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 {
16664 float: none;
16665 margin: 10px 15px 0px 10px;
16666 }
16667 .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 {
16668 flex-basis: 100%;
16669 }
16670 .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 {
16671 width: 100%;
16672 float: none;
16673 }
16674 .vbo-admin-widget-head .btn-toolbar {
16675 margin: 10px 15px 10px 10px;
16676 }
16677 .vbo-ratesoverview-period-boxes-inner > div {
16678 flex-basis: 100%;
16679 }
16680 }
16681 @media screen and (max-width: 1080px) {
16682 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
16683 order:2;
16684 }
16685 .vbo-ratesoverview-period-container {
16686 -ms-flex: 100%;
16687 -webkit-flex: 100%;
16688 flex: 100%;
16689 order:1;
16690 margin-bottom: 5px;
16691 }
16692 #filter-bar .pull-right {
16693 display: inline-block;
16694 float: none;
16695 margin: 0 0 5px 0;
16696 }
16697 .btn-group.pull-right.vbo-avov-legend {
16698 width: 100%;
16699 }
16700 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
16701 flex-basis: 20%;
16702 }
16703 .vbo-config-tabs-wrap dl.tabs dt {
16704 padding: 10px;
16705 }
16706 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16707 flex-basis: 45%;
16708 }
16709 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16710 width: 100%;
16711 }
16712 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16713 flex-basis: 100%;
16714 }
16715 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16716 flex-basis: 100%;
16717 height: 100px;
16718 }
16719 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
16720 flex-basis: calc((50% - (16px / 2)));
16721 }
16722 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
16723 flex-basis: calc((50% - (24px / 3)));
16724 }
16725 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
16726 flex-basis: calc((25% - (16px / 2)));
16727 }
16728 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
16729 flex-basis: calc((25% - (24px / 3)));
16730 }
16731 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16732 flex: 1;
16733 }
16734 #filter-bar .btn-group.pull-right {
16735 float: left;
16736 }
16737 .vbo-translations-element-row {
16738 flex-wrap: wrap;
16739 }
16740 .vbo-translations-element-row .vbo-translations-element-lbl {
16741 flex-basis: 100%;
16742 margin-bottom: 15px;
16743 margin-right: 0;
16744 }
16745 fieldset.adminform .vbo-list-table-rounded {
16746 max-width: 700px;
16747 }
16748 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
16749 -webkit-flex: 100%;
16750 -ms-flex: 100%;
16751 flex: 100%;
16752 }
16753 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16754 width: 45%;
16755 display: inline-block;
16756 }
16757 }
16758 @media screen and (max-width: 1024px) {
16759 .vbo-graph-top-left, .vbo-graph-bottom-left {
16760 margin-right: 0;
16761 margin-bottom: 20px;
16762 }
16763 .vbo-graph-top-right, .vbo-graph-bottom-right {
16764 flex-basis: 100%;
16765 }
16766 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16767 flex-basis: 50%;
16768 }
16769 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16770 margin-bottom: 15px;
16771 margin-right: 5px;
16772 }
16773 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16774 display: inline-block !important;
16775 padding-right: 0;
16776 }
16777 .vbo-ratesoverview-roomsel-entry-forecast {
16778 flex-basis: 100%;
16779 }
16780 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16781 width: 33%;
16782 }
16783 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
16784 padding-bottom: 0;
16785 }
16786 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
16787 width: 120px !important;
16788 flex-grow: 0;
16789 }
16790 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16791 flex-grow: 0;
16792 flex-basis: auto;
16793 }
16794 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
16795 width: 80px !important;
16796 flex-grow: 0;
16797 }
16798 .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 {
16799 flex-grow: 1;
16800 }
16801 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16802 margin-left: 8px;
16803 }
16804 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
16805 margin-bottom: 0;
16806 }
16807 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
16808 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
16809 margin-top: 5px;
16810 }
16811 }
16812 @media screen and (max-width: 960px) {
16813 .vbo-config-tabs-wrap dl.tabs dt {
16814 padding: 10px 20px;
16815 }
16816 .vbo-menu-parent-li > span::after {
16817 right: 11px;
16818 }
16819 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16820 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16821 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16822 width: calc(100% - 80px);
16823 }
16824 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
16825 flex-basis: 100%;
16826 }
16827 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
16828 flex-basis: 100%;
16829 margin: 5px 0 0;
16830 }
16831 .add-tax-breakdown-cont div span {
16832 margin-bottom: 5px;
16833 }
16834 .select2-container--default .select2-search--inline .select2-search__field {
16835 -webkit-appearance: initial !important;
16836 }
16837 .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 {
16838 margin: 0px 15px 0px 10px;
16839 }
16840 }
16841 @media screen and (max-width: 1280px) and (min-width: 860px) {
16842 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16843 width: calc(100% - 80px);
16844 }
16845 }
16846 @media screen and (max-width: 940px) {
16847 .vbo-rmphotos-cont {
16848 float: none;
16849 margin: 0 0 10px;
16850 }
16851 #editor-xtd-buttons .btn {
16852 margin:5px 5px 0 0 !important;
16853 }
16854 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
16855 margin: 10px 0 0;
16856 }
16857 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
16858 flex-basis: 100%;
16859 box-sizing: border-box;
16860 }
16861 .vbo-checkin-payment-container {
16862 -ms-flex: 100%;
16863 -webkit-flex: 100%;
16864 flex: 100%;
16865 margin-left: 0;
16866 }
16867 .vbo-checkin-payment-container {
16868 padding: 10px 15px;
16869 }
16870 #vbo-graphstats-right-legend ul.pie-legend li,
16871 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
16872 -ms-flex: 0 0 30%;
16873 -webkit-flex: 0 0 30%;
16874 flex: 0 0 30%;
16875 }
16876 .vbo-calendar-cfields-inner {
16877 box-sizing: border-box;
16878 }
16879 .vbo-info-overlay-content {
16880 width: 70%;
16881 }
16882 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
16883 display: block !important;
16884 margin-top: 5px;
16885 margin-left: 0;
16886 }
16887 #pt5 .vbo-admin-container .vbo-param-container {
16888 flex-wrap: wrap;
16889 }
16890 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
16891 flex-basis: 100%;
16892 font-weight: bold;
16893 }
16894 .vbo-admin-container .vbo-param-container .vbo-param-label label {
16895 margin-bottom: 0;
16896 }
16897 .vbo-sortable .vbimagedetbox {
16898 right: 0;
16899 left: 0;
16900 }
16901 .vbo-sortable .vbimagedetbox .captionlabel {
16902 width: 100%;
16903 }
16904 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
16905 width: 100% !important;
16906 height: auto;
16907 box-sizing: border-box;
16908 }
16909 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
16910 width: auto !important;
16911 }
16912 .vbo-dashboard-top-outer {
16913 display: inherit;
16914 }
16915 .vbo-dashboard-today-bookings {
16916 display: inherit;
16917 }
16918 .vbo-dashboard-today-bookings > div {
16919 margin-right: 0;
16920 }
16921 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
16922 width: 100%;
16923 }
16924 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
16925 border: 0;
16926 }
16927 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
16928 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
16929 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
16930 width: 100%;
16931 min-width: 100%;
16932 }
16933 .vbo-list-form-filters form[name="seasonsform"] > div {
16934 margin: 3px 10px 3px 0;
16935 }
16936 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16937 width: 80vw;
16938 }
16939 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
16940 padding: 4px 10px;
16941 border: 1px solid #666;
16942 }
16943 }
16944 @media screen and (max-width: 860px) {
16945 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
16946 padding: 12px 0;
16947 }
16948 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
16949 flex: 33%;
16950 flex-basis: inherit !important;
16951 }
16952 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
16953 border: 0;
16954 padding: 5px 15px 0;
16955 font-size: 11px;
16956 text-transform: uppercase;
16957 }
16958 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
16959 padding-top: 0;
16960 }
16961 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16962 height: 100px;
16963 }
16964 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
16965 width: auto !important;
16966 }
16967 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
16968 width: calc(33% - 20px);
16969 }
16970 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
16971 flex-basis: calc(50% - 34px);
16972 }
16973 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
16974 width: calc(33% - 15px);
16975 }
16976 }
16977 @media screen and (max-width: 780px) {
16978 .vbo-bookingdet-summary, .vbo-editbooking-summary {
16979 padding-top: 0 !important;
16980 }
16981 .vbo-trackings-table-head {
16982 display: none;
16983 }
16984 .vbo-trackings-table-body-hidden-lbl {
16985 display: block;
16986 font-weight: bold;
16987 text-transform: uppercase;
16988 margin-bottom: 7px;
16989 color: var(--vbo-config-titles-color-light);
16990 }
16991 .vbo-trackings-table-body-cell {
16992 padding: 5px 10px;
16993 text-align: left !important;
16994 }
16995 .vbo-trackings-table-cell-id {
16996 flex: 0 0 33px !important;
16997 }
16998 .vbo-trackings-chart-avgval-listcont > div {
16999 flex-basis: 40%;
17000 }
17001 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17002 flex: 50%;
17003 }
17004 .vbo-ratesoverview-roomsel-block > form {
17005 flex-wrap: wrap;
17006 }
17007 .vbo-ratesoverview-roomsel-entry {
17008 flex-basis: 100%;
17009 border: 0;
17010 border-bottom: 1px solid var(--vbo-config-border-color);
17011 }
17012 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17013 border-right: 0;
17014 }
17015 .vbo-ratesoverview-roomsel-entry-los {
17016 border: 0;
17017 }
17018 .vbo-ratesoverview-period-box-cals-inner {
17019 width: 100%;
17020 }
17021 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
17022 width: 100%;
17023 margin-top: 10px;
17024 background: var(--vbo-config-child-bg-color);
17025 padding: 10px;
17026 box-sizing: border-box;
17027 }
17028 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17029 width: 100%;
17030 }
17031 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17032 width: 46vw;
17033 }
17034 .vbo-admin-widgets-section .vbo-admin-widgets-container {
17035 max-width: 100%;
17036 flex-basis: 100%;
17037 }
17038 .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 {
17039 max-width: 100%;
17040 flex-basis: 100%;
17041 }
17042 .vbo-calendar-cfields-inner {
17043 grid-template-columns: repeat(1, auto);
17044 }
17045 }
17046 @media screen and (max-width: 767px) {
17047 .table-responsive, .vbo-table-responsive {
17048 width: 100%;
17049 margin-bottom: 15px;
17050 overflow-y: hidden;
17051 -ms-overflow-style: -ms-autohiding-scrollbar;
17052 border: 1px solid var(--vbo-config-border-color);
17053 }
17054 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
17055 margin-bottom: 0;
17056 }
17057 .table-responsive > .table > thead > tr > th,
17058 .table-responsive > .table > tbody > tr > th,
17059 .table-responsive > .table > tfoot > tr > th,
17060 .table-responsive > .table > thead > tr > td,
17061 .table-responsive > .table > tbody > tr > td,
17062 .table-responsive > .table > tfoot > tr > td {
17063 white-space: nowrap;
17064 }
17065 .table-responsive > .table-bordered {
17066 border: 0;
17067 }
17068 .table-responsive > .table-bordered > thead > tr > th:first-child,
17069 .table-responsive > .table-bordered > tbody > tr > th:first-child,
17070 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
17071 .table-responsive > .table-bordered > thead > tr > td:first-child,
17072 .table-responsive > .table-bordered > tbody > tr > td:first-child,
17073 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
17074 border-left: 0;
17075 }
17076 .table-responsive > .table-bordered > thead > tr > th:last-child,
17077 .table-responsive > .table-bordered > tbody > tr > th:last-child,
17078 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
17079 .table-responsive > .table-bordered > thead > tr > td:last-child,
17080 .table-responsive > .table-bordered > tbody > tr > td:last-child,
17081 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
17082 border-right: 0;
17083 }
17084 .table-responsive > .table-bordered > tbody > tr:last-child > th,
17085 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
17086 .table-responsive > .table-bordered > tbody > tr:last-child > td,
17087 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
17088 border-bottom: 0;
17089 }
17090 #jmodal-vbo-new-res {
17091 left: 50%;
17092 transform: translate(-50%, -50%);
17093 margin-left: 0 !important;
17094 }
17095 }
17096 @media screen and (max-width : 740px) {
17097 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17098 width: 100%;
17099 float: none;
17100 margin: 5px 0;
17101 }
17102 .vbo-info-overlay-content {
17103 width: 80%;
17104 overflow-y: scroll;
17105 }
17106 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17107 flex: auto;
17108 width: 100%;
17109 box-sizing: border-box;
17110 }
17111 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17112 flex: auto;
17113 width: 94%;
17114 box-sizing: border-box;
17115 }
17116 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
17117 flex-wrap: wrap;
17118 }
17119 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
17120 flex-basis: 100%;
17121 font-weight: bold;
17122 }
17123 #vbmessagingdiv {
17124 flex-basis: 150px;
17125 }
17126 .vbo-menu-left {
17127 display: none;
17128 }
17129 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17130 flex-basis: calc(50% - 34px);
17131 }
17132 .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 {
17133 display: block;
17134 margin-right: 0;
17135 margin-bottom: 4px;
17136 }
17137 fieldset.adminform .vbo-list-table-rounded {
17138 max-width: 600px;
17139 }
17140 }
17141 @media screen and (max-width : 680px) {
17142 .vbo-preferred-countries-sortlist {
17143 max-width: 100%;
17144 width: 100%;
17145 }
17146 .vbo-ebusy-extracosts-cellname input {
17147 max-width: 100px;
17148 }
17149 .vbo-ebusy-extracosts-celltax select {
17150 max-width: 100px;
17151 }
17152 #vbo-graphstats-right-canv {
17153 width: 100% !important;
17154 height: auto !important
17155 }
17156 .vbo-tracking-info-details > div {
17157 padding: 10px;
17158 }
17159 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
17160 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
17161 flex: 1;
17162 }
17163 #filter-bar.vbo-trackings-filters .pull-right {
17164 display: block;
17165 }
17166 #breakdown-cont {
17167 display: block;
17168 width: 100%;
17169 }
17170 .add-tax-breakdown-cont div span {
17171 margin-bottom: 5px;
17172 }
17173 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17174 width: 90%;
17175 }
17176 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17177 flex-basis: 40%;
17178 }
17179 .vbo-admin-container .vbo-param-container {
17180 flex-wrap: wrap;
17181 }
17182 .vbo-admin-container .vbo-param-container .vbo-param-label {
17183 margin-right: 0;
17184 flex-basis: 100%;
17185 }
17186 .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 {
17187 width: 100% !important;
17188 }
17189 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
17190 width: auto !important;
17191 }
17192 .vbo-admin-container .vbo-param-container .vbo-param-label {
17193 font-size: 13px;
17194 font-weight: bold;
17195 }
17196 .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 {
17197 width: 100% !important;
17198 max-width: inherit !important;
17199 height: auto;
17200 box-sizing: border-box;
17201 }
17202 .vbo-admin-container .vbo-param-container .vbo-param-setting {
17203 display: flex;
17204 flex-wrap: wrap;
17205 }
17206 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
17207 width: 100%;
17208 }
17209 input[type="number"].vbo-small-input {
17210 width: 80px !important;
17211 }
17212 .vbo-admin-container .vbo-param-container.vbo-param-nested {
17213 flex-wrap: wrap;
17214 }
17215 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
17216 flex-basis: 100%;
17217 }
17218 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
17219 width: 100%;
17220 margin: 5px 0;
17221 }
17222 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
17223 width: 100%;
17224 }
17225 .vbo-admin-container .vbo-param-container.vbo-param-child {
17226 margin-top: -15px;
17227 }
17228 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
17229 margin: 0;
17230 padding: 0;
17231 }
17232 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
17233 width: 100% !important;
17234 }
17235 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
17236 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
17237 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
17238 width: auto !important;
17239 margin-right: 5px;
17240 }
17241 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
17242 flex: 1;
17243 flex-grow: 0;
17244 flex-basis: 130px;
17245 }
17246 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
17247 margin-left: 10px;
17248 }
17249 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
17250 margin: 0 0 0 5px;
17251 width: auto !important;
17252 }
17253 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
17254 margin-bottom: 0;
17255 }
17256 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
17257 height: 30px;
17258 }
17259 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
17260 margin-bottom: 5px !important;
17261 }
17262 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
17263 margin-bottom: 5px;
17264 }
17265 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17266 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17267 width: 90px !important;
17268 }
17269 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
17270 margin-left: 10px;
17271 }
17272 .vbo-admin-container .vbo-param-container {
17273 margin: 15px 0;
17274 }
17275 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
17276 width: 120px !important;
17277 }
17278 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
17279 width: auto !important;
17280 }
17281 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
17282 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17283 width: 120px !important;
17284 }
17285 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
17286 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17287 margin-right: 10px;
17288 }
17289 .vbo-admin-container .adminform {
17290 padding: 15px 20px;
17291 }
17292 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
17293 margin: 8px 0 0 50px;
17294 }
17295 #vbo-row-custcost .vbo-param-setting input {
17296 width: auto !important;
17297 }
17298 .vbo-ratesoverview-period-box-cals-inner {
17299 padding: 10px;
17300 }
17301 .vbo-ratesoverview-period-box-cals-inner > div {
17302 display: block;
17303 margin: 10px;
17304 width: auto;
17305 }
17306 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17307 width: auto;
17308 padding-right: 0;
17309 border: 0;
17310 box-sizing: border-box;
17311 margin-bottom: 20px;
17312 }
17313 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
17314 text-align: center;
17315 text-transform: capitalize;
17316 font-size: 16px;
17317 }
17318 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
17319 width: 100%;
17320 box-sizing: border-box;
17321 }
17322 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
17323 border-radius: 4px;
17324 border: 1px solid var(--vbo-config-border-color);
17325 }
17326 .vbo-tariffs-params-container .vbo-param-setting form {
17327 width: 100%;
17328 }
17329 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
17330 display: block;
17331 width: 100%;
17332 font-weight: bold;
17333 }
17334 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17335 display: flex;
17336 margin: 5px 0 0;
17337 width: 100%;
17338 }
17339 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
17340 align-self: center;
17341 margin-right: 5px;
17342 }
17343 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17344 flex: 1;
17345 }
17346 .vbo-bookdet-container .vbo-bookdet-wrap {
17347 width: 45%;
17348 border: 0;
17349 padding-right: 0;
17350 }
17351 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17352 flex-basis: 100% !important;
17353 }
17354 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
17355 display: block;
17356 font-weight: bold;
17357 }
17358 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
17359 width: 100% !important;
17360 max-width: 100% !important;
17361 }
17362 .vbo-dashboard-refresh-container {
17363 margin: 0px auto 0;
17364 float: none;
17365 display: table;
17366 }
17367 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17368 width: 80%;
17369 }
17370 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17371 width: calc(50% - 20px);
17372 }
17373 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17374 width: calc(50% - 10px);
17375 }
17376
17377 .popover.right {
17378 left: 0 !important;
17379 border-right-width: 0 !important;
17380 border-left-color: #999 !important;
17381 border-left-color: rgba(0,0,0,0.25) !important;
17382 right: 0 !important;
17383 left: 7% !important;
17384 }
17385 .popover.right .arrow {
17386 top: 50% !important;
17387 margin-top: -11px !important;
17388 border-right-width: 0 !important;
17389 border-left-color: #999 !important;
17390 border-left-color: rgba(0,0,0,0.25) !important;
17391 right: 0 !important;
17392 }
17393 .popover.right .arrow:after {
17394 left: 1px !important;
17395 border-right-width: 0 !important;
17396 border-right-color: #fff !important;
17397 }
17398 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17399 min-width: 200px;
17400 max-width: 200px;
17401 white-space: nowrap;
17402 overflow: hidden;
17403 text-overflow: ellipsis;
17404 }
17405 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17406 white-space: nowrap;
17407 overflow: hidden;
17408 text-overflow: ellipsis;
17409 width: 130px;
17410 display: inline-block;
17411 }
17412 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
17413 box-sizing: border-box;
17414 width: 100%;
17415 }
17416 .vbo-dashboard-today-roomocc-customers {
17417 border: 0;
17418 }
17419 .wp-editor-container .quicktags-toolbar input[type="button"] {
17420 width: auto !important;
17421 }
17422 .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 {
17423 width: 100%;
17424 }
17425 .vbo-config-gr-services {
17426 width: 100%;
17427 }
17428 .vbo-config-gr-services .vbo-config-gr-service {
17429 display: flex;
17430 }
17431 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
17432 flex: 1;
17433 margin-right: 5px;
17434 }
17435 .vbo-smstpl-bgroup button.btn {
17436 margin: 2px !important;
17437 }
17438 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
17439 width: 100%;
17440 }
17441 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17442 flex-basis: calc(50% - 38px);
17443 }
17444 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
17445 width: auto !important;
17446 }
17447 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
17448 width: auto !important;
17449 }
17450 .vbo-tariffs-params-container .vbo-param-setting {
17451 margin-top: 30px;
17452 }
17453 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
17454 width: auto !important;
17455 }
17456 .vbo-params-container .vbo-param-setting select#val_pcent {
17457 width: auto !important;
17458 }
17459 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
17460 width: 100px !important;
17461 }
17462 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
17463 width: 130px !important;
17464 }
17465 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
17466 width: auto !important;
17467 }
17468 #vbo-row-people .vbo-param-setting select {
17469 width: auto !important;
17470 }
17471 #vbo-close-all-rooms-sel {
17472 width: 100%;
17473 }
17474 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17475 flex-grow: 1;
17476 }
17477 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
17478 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
17479 width: 100%;
17480 margin-bottom: 5px;
17481 }
17482 .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 {
17483 width: 100% !important;
17484 flex-grow: 1;
17485 }
17486 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17487 margin-left: 0;
17488 }
17489 .vbo-param-confirm-btn .btn {
17490 width: 100%;
17491 }
17492 }
17493 @media screen and (max-width : 640px) {
17494 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17495 flex-basis: 50%;
17496 }
17497 .vbo-calcrates-rateblock > span {
17498 width: 20%;
17499 margin: 5px 10px 5px 0;
17500 }
17501 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17502 widows: 50%;
17503 }
17504 .vbo-calcrates-rateblock > span {
17505 width: 35%;
17506 }
17507 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
17508 width: 100%;
17509 margin-top: 10px;
17510 }
17511 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17512 flex-basis: 100%;
17513 }
17514 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17515 flex-basis: 100%;
17516 }
17517 .vbrestrdrangesp {
17518 display: block;
17519 margin-bottom: 4px;
17520 }
17521 .vbrestrdrangesp + .wp-calendar-box {
17522 margin-right: 5px;
17523 }
17524 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17525 width: 100%;
17526 }
17527 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17528 width: 100%;
17529 }
17530 .vbo-checkin-custdet-entry {
17531 margin-bottom: 10px;
17532 display: inline-block;
17533 width: 100%;
17534 margin: 5px;
17535 vertical-align: top;
17536 }
17537 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
17538 flex-basis: 100% !important;
17539 }
17540 .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 {
17541 width: 100%;
17542 }
17543 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17544 margin-left: 0;
17545 }
17546 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17547 flex: 1;;
17548 }
17549 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17550 display: flex;
17551 }
17552 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17553 flex: 1;
17554 }
17555 .vbo-overlay-fests-addnew-elem input[type="text"] {
17556 width: 100% !important;
17557 }
17558 .vbo-overlay-fests-addnew-save .btn-success {
17559 width: 100% !important;
17560 }
17561 .vbo-dashboard-today-occ-listcont {
17562 width: 100%;
17563 box-sizing: border-box;
17564 }
17565 fieldset.adminform .vbo-list-table-rounded {
17566 max-width: 500px;
17567 }
17568 }
17569 @media screen and (max-width : 580px) {
17570 .vbo-calendar-cfields-search {
17571 width: 100%;
17572 width: 100%;
17573 background: var(--vbo-main-bg-color);
17574 padding: 10px 15px;
17575 float: none;
17576 margin-bottom: 10px;
17577 box-sizing: border-box;
17578 border: 1px solid var(--vbo-config-border-color);
17579 }
17580 .vbo-calendar-cfields-search input {
17581 margin-bottom: 0;
17582 }
17583 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
17584 margin-right: 0;
17585 }
17586 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
17587 width: 100% !important;
17588 }
17589 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
17590 flex: 100%;
17591 }
17592 .vbo-calendar-cfields-bottom {
17593 margin: 10px 0 15px 10px;
17594 display: flex;
17595 }
17596 .vbo-calendar-cfields-bottom .btn {
17597 flex: 1;
17598 }
17599 .vbo-calendar-cfields-bottom .btn-success {
17600 margin-left: 10px;
17601 }
17602 .vbo-ratesoverview-tabscont > div {
17603 margin: 4px 5px;
17604 }
17605 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
17606 margin: 5px 5px 0;
17607 }
17608 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
17609 width: 100%;
17610 margin: 10px 0 0;
17611 }
17612 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
17613 width: 100%;
17614 }
17615 .vbo-ratesoverview-tabscont div {
17616 width: 100%;
17617 box-sizing: border-box;
17618 }
17619 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
17620 white-space: inherit;
17621 }
17622 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
17623 width: 100%;
17624 }
17625 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
17626 width: 100% !important;
17627 }
17628 .vbo-bookingdet-admin-entry select {
17629 width: 100% !important;
17630 }
17631 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
17632 width: 48%;
17633 }
17634 .vbo-booking-history-container td {
17635 white-space: initial !important;
17636 }
17637 .vbo-dashboard-chart-container {
17638 flex-basis: 100%;
17639 }
17640 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17641 width: 50%;
17642 }
17643 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17644 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17645 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17646 width: calc(100% - 80px);
17647 }
17648 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
17649 width: auto;
17650 display: block;
17651 text-align: left;
17652 padding: 3px 5px;
17653 }
17654 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
17655 margin-right: 5px;
17656 }
17657 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
17658 width: 110px;
17659 }
17660 .vbo-menu-right > .vbo-menu-ul {
17661 display: contents;
17662 }
17663 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
17664 margin-bottom: 8px;
17665 }
17666 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17667 flex-basis: 100% !important;
17668 }
17669 .vbo-translation-tab {
17670 width: calc(50% - 29px);
17671 }
17672 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17673 width: 86%;
17674 }
17675 #alwaysavcont {
17676 flex-basis: 100%;
17677 }
17678 .vbo-tariffs-wizard-price {
17679 flex-basis: 100%;
17680 }
17681 .vbo-param-setting .vbwdaytwodiv {
17682 width: 100%;
17683 margin-top: 10px;
17684 margin-left: 0;
17685 }
17686 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
17687 flex-wrap: wrap;
17688 }
17689 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
17690 flex-basis: 100%;
17691 }
17692 .vbo-info-overlay-content .vbo-add-room-entry > div {
17693 width: 100%;
17694 margin: 5px 0;
17695 }
17696 .vbo-info-overlay-content .vbo-add-room-entry select {
17697 width: 100% !important;
17698 }
17699 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17700 flex-basis: 100%;
17701 }
17702 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17703 flex-grow: 0;
17704 margin-bottom: 0px;
17705 }
17706 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
17707 width: 100px !important;
17708 flex: 1;
17709 }
17710 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17711 flex: 1;
17712 display: flex;
17713 flex-wrap: nowrap;
17714 }
17715 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
17716 align-self: center;
17717 margin-right: 5px;
17718 }
17719 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17720 flex: 1;
17721 margin-left: 0;
17722 }
17723 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
17724 width: 80px !important;
17725 flex-grow: 1;
17726 }
17727 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
17728 width: 100%;
17729 display: flex;
17730 }
17731 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17732 width: 55vw;
17733 }
17734 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
17735 flex: 1;
17736 }
17737 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
17738 width: 100% !important;
17739 }
17740 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
17741 margin-left: 0;
17742 }
17743 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
17744 margin-bottom: 5px;
17745 display: inline-block;
17746 }
17747 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
17748 width: 100%;
17749 }
17750 .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 {
17751 width: 100%;
17752 }
17753 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
17754 flex: 1;
17755 }
17756 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17757 display: flex;
17758 }
17759 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17760 flex: 1;
17761 }
17762 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
17763 margin-left: 5px;
17764 }
17765 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
17766 flex-wrap: wrap;
17767 }
17768 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
17769 flex-wrap: wrap;
17770 }
17771 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
17772 flex-basis: 100%;
17773 margin-top: 5px;
17774 }
17775 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
17776 width: 100%;
17777 }
17778 .vbo-quickres-head .vbo-quickres-head-right {
17779 margin-top: 10px;
17780 width: 100%;
17781 }
17782 .vbo-list-form-filters .btn-toolbar #rname {
17783 width: 200px !important;
17784 }
17785 .vbo-calcrates-rateblock > span {
17786 flex-basis: 100%;
17787 margin: 5px 0 5px 0;
17788 border-bottom: 1px solid var(--vbo-config-border-color);
17789 padding-bottom: 5px;
17790 text-align: right;
17791 }
17792 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17793 border: 0;
17794 }
17795 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
17796 text-align: left;
17797 }
17798 .vbo-calcrates-rateblock > span > span {
17799 float: left;
17800 }
17801 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
17802 font-size: 18px;
17803 }
17804 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17805 margin-right: 0;
17806 font-size: 18px;
17807 }
17808 .vbo-modal-wguestmessages-chat-info-booking .badge {
17809 margin-bottom: 2px;
17810 }
17811 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
17812 display: flex;
17813 }
17814 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
17815 flex-basis: 25px !important;
17816 flex-grow: 0 !important;
17817 }
17818 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
17819 width: 25px;
17820 height: 25px;
17821 }
17822 .vbo-submenu-wrap {
17823 display: none;
17824 }
17825 .vbo-menu-ul li:hover .vbo-submenu-wrap {
17826 display: block;
17827 }
17828 .vbo-config-tabs-wrap dl.tabs dt {
17829 padding: 10px 0;
17830 width: 50%;
17831 }
17832 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
17833 width: 100%;
17834 }
17835 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
17836 display: inline-block;
17837 width: 100%;
17838 }
17839 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
17840 display: block;
17841 }
17842 .vbo-btn-toolbar .input-append input#code {
17843 max-width: 150px;
17844 }
17845 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17846 min-width: 180px;
17847 }
17848 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17849 width: 100%;
17850 }
17851 .vbo-info-overlay-content {
17852 height: 90%;
17853 }
17854 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
17855 margin-top: 0px;
17856 }
17857 .vbo-avcalendars-roomphoto img {
17858 width: 100%;
17859 }
17860 .vbcsvexport {
17861 margin: 2px !important;
17862 }
17863 .vbo-editbooking-totrefund {
17864 margin: 10px 0 0;
17865 }
17866 .vbo-param-setting #pin + .btn.vbo-config-btn {
17867 margin: 5px 0 !important;
17868 }
17869 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
17870 max-width: 100px !important;
17871 }
17872 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
17873 flex-basis: 100%;
17874 }
17875 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
17876 border-left: 1px solid var(--vbo-config-border-color);
17877 }
17878 .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 {
17879 border-radius: 6px !important;
17880 }
17881 }
17882 @media screen and (max-width : 550px) {
17883 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
17884 -webkit-flex: 100%;
17885 -ms-flex: 100%;
17886 flex: 100%;
17887 }
17888 .vbo-ratesoverview-tabscont div > i {
17889 margin-bottom: 3px;
17890 }
17891 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17892 flex-basis: 36%;
17893 }
17894 .vbo-trackings-chart-avgvals {
17895 flex: 1;
17896 padding-right: 0;
17897 }
17898 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
17899 width: 100% !important;
17900 margin-bottom: 3px;
17901 }
17902 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17903 flex: 100%;
17904 }
17905 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
17906 margin: 10px auto;
17907 }
17908 .vbmodelink {
17909 margin: 5px;
17910 }
17911 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17912 flex-basis: 100%;
17913 }
17914 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17915 margin: 0 0 10px;
17916 }
17917 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17918 width: 100%;
17919 }
17920 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
17921 flex-basis: 100%;
17922 }
17923 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17924 flex-basis: calc(100% - 34px);
17925 }
17926 fieldset.adminform .vbo-list-table-rounded {
17927 max-width: 400px;
17928 }
17929 .vbo-widget-finance-data-block-rankings {
17930 grid-template-columns: repeat(1, 1fr);
17931 }
17932 }
17933 @media screen and (max-width : 500px) {
17934 .vbo-translation-tab.vbo-translation-tab-ini {
17935 float: none;
17936 }
17937 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
17938 width: auto !important;
17939 }
17940 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
17941 width: 100%;
17942 margin: 5px 0;
17943 }
17944 .vbo-bookdet-container .vbo-bookdet-wrap {
17945 width: auto;
17946 border-bottom: 1px solid var(--vbo-config-border-color);
17947 padding: 0 0 5px;
17948 margin: 5px;
17949 box-sizing: border-box;
17950 display: block;
17951 }
17952 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
17953 border: 0;
17954 }
17955 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17956 width: 100%;
17957 display: inline-block;
17958 margin: 5px 3px;
17959 }
17960 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17961 flex-basis: 100%;
17962 }
17963 .vbo-calcrates-rateblock > span {
17964 width: 100%;
17965 }
17966 .modal-header .box-close {
17967 padding: 0 !important;
17968 border-bottom: 0 !important;
17969 }
17970 .modal .modal-header .box-close {
17971 border-left: 0 !important;
17972 }
17973 .vbo-cal-splitstay-details {
17974 min-width: initial;
17975 width: 100%;
17976 }
17977 .vbo-cal-splitstay-details > div {
17978 grid-template-columns: repeat(1, 1fr);
17979 }
17980 .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 {
17981 border-right: 0;
17982 }
17983 }
17984
17985 /* form fieldset */
17986 .admin-form-wrapper {
17987 display: flex;
17988 flex-wrap: wrap;
17989 justify-content: space-between;
17990 }
17991 .admin-form-fieldset {
17992 width: calc(100% / 2 - 10px);
17993 }
17994 @media screen and (max-width: 1440px) {
17995 .admin-form-fieldset select {
17996 max-width: 250px !important;
17997 }
17998 }
17999 @media screen and (max-width: 1280px) {
18000 .admin-form-fieldset {
18001 width: 100%;
18002 }
18003 }
18004 /* main menu screen size adjustments */
18005 @media screen and (max-width: 1400px) {
18006 .vbo-menu-updates > button span {
18007 display: none;
18008 }
18009 }
18010 @media screen and (max-width: 1280px) {
18011 .vbo-menu-left {
18012 max-width: 100px;
18013 }
18014 }
18015
18016 /* new medias drag&drop */
18017 .vbo-dropfiles-target {
18018 padding: 5% 20px;
18019 text-align:center;
18020 border: 2px dashed var(--vbo-config-border-color);
18021 border-radius: 4px;
18022 color: var(--vbo-config-text-color-light);
18023 background: var(--vbo-config-child-bg-color);
18024 }
18025 .vbo-dropfiles-target.drag-enter {
18026 border-color: var(--vbo-config-border-color);
18027 }
18028 .vbo-dropfiles-target .lead {
18029 font-size: 16px;
18030 font-weight: bold;
18031 }
18032 .vbo-dropfiles-target a:hover {
18033 text-decoration: none;
18034 }
18035
18036 .vbo-uploaded-files {
18037 display: flex;
18038 flex-wrap: wrap;
18039 }
18040 .vbo-uploaded-files i.fa-file {
18041 font-size: 128px;
18042 }
18043 .vbo-uploaded-files .file-elem {
18044 width: calc(100% / 5);
18045 margin-bottom: 20px;
18046 }
18047 .vbo-uploaded-files .file-elem-inner {
18048 width: auto;
18049 display: inline-block;
18050 position: relative;
18051 }
18052 .vbo-uploaded-files .file-elem a {
18053 position: relative;
18054 }
18055 .vbo-uploaded-files .file-elem.uploading a,
18056 .vbo-uploaded-files .file-elem.removing a {
18057 cursor: default;
18058 color: var(--vbo-config-text-color-light);
18059 }
18060 .vbo-uploaded-files .file-elem.removing a {
18061 opacity: 0.7;
18062 }
18063 .vbo-uploaded-files .file-elem a .file-extension {
18064 position: absolute;
18065 bottom: 20px;
18066 left: 50%;
18067 color: #fff;
18068 transform: translateX(-50%);
18069 font-size: 30px;
18070 text-transform: uppercase;
18071 font-weight: 500;
18072 }
18073 .vbo-uploaded-files .file-elem .file-summary {
18074 word-break: break-all;
18075 margin-top: 5px;
18076 }
18077 .vbo-uploaded-files .file-elem .file-summary .filename {
18078 font-weight: 500;
18079 }
18080 .vbo-uploaded-files .file-elem .file-summary .filesize {
18081 font-size: smaller;
18082 }
18083 .vbo-uploaded-files .file-elem .delete-file {
18084 position: absolute;
18085 top: -10px;
18086 left: -10px;
18087 background: var(--vbo-config-bg-color);
18088 width: 32px;
18089 height: 32px;
18090 border-radius: 50%;
18091 color: var(-vbo-body-text-color);
18092 line-height: 32px;
18093 text-align: center;
18094 visibility: hidden;
18095 }
18096 .vbo-uploaded-files .file-elem .delete-file i.fa {
18097 font-size: 34px;
18098 color: var(--vbo-body-text-color);
18099 }
18100 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
18101 color: var(--vbo-blue-color);
18102 }
18103 .vbo-uploaded-files .file-elem.do-shake .file-link {
18104 color: var(--vbo-config-text-color-light);
18105 cursor: default;
18106 }
18107 .vbo-uploaded-files .file-elem.do-shake .delete-file {
18108 visibility: visible;
18109 }
18110 .vbo-uploaded-files .file-elem.do-shake {
18111 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
18112 }
18113
18114 @-webkit-keyframes shake-files {
18115 from {
18116 -webkit-transform: rotate(4deg);
18117 }
18118 to {
18119 -webkit-transform-origin: center center;
18120 -webkit-transform: rotate(-4deg);
18121 }
18122 }
18123
18124 .stop-managing-files-hint {
18125 background: #333c;
18126 color: #fff;
18127 padding: 20px 30px;
18128 text-align: center;
18129 position: fixed;
18130 bottom: 20px;
18131 border-radius: 6px;
18132 left: 50%;
18133 transform: translateX(-50%);
18134 font-size: 20px;
18135 width: 80%;
18136 font-weight: 500;
18137 display: none;
18138 }
18139
18140 .drop-files-hint {
18141 float: right;
18142 margin-top: -25px;
18143 margin-right: 6px;
18144 }
18145 .drop-files-hint i.fa-question-circle {
18146 color: #999;
18147 }
18148
18149 @media screen and (max-width: 1440px) {
18150 .vbo-uploaded-files .file-elem {
18151 width: calc(100% / 4);
18152 }
18153 }
18154 @media screen and (max-width: 1280px) {
18155 .vbo-uploaded-files .file-elem {
18156 width: calc(100% / 5);
18157 }
18158 }
18159 @media screen and (max-width: 800px) {
18160 .vbo-uploaded-files .file-elem {
18161 width: calc(100% / 4);
18162 }
18163 }
18164 @media screen and (max-width: 550px) {
18165 .vbo-uploaded-files .file-elem {
18166 width: calc(100% / 3);
18167 }
18168 }
18169
18170 /*** @WPonly ***/
18171 .vbo-invoices-inv-frontleft {
18172 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
18173 border-right: 1px solid var(--vbo-config-border-color);
18174 float: left;
18175 height: 128px;
18176 max-height: 100%;
18177 min-height: 100%;
18178 vertical-align: middle;
18179 width: 128px;
18180 margin-right: 10px;
18181 }
18182 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
18183 position: relative;
18184 }
18185