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

18,187 lines 498.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @package VikBooking
3 * @subpackage back-end styles
4 * @author E4J s.r.l.
5 * @link https://vikwp.com
6 */
7
8 /* Variable declarations
9 * Guidelines input elements:
10 * -- Config Input and Select:
11 Background: --vbo-input-style / Border-color: --vbo-config-border-color
12 * -- Config Input and Select - Status DEACTIVE
13 Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color
14 * -- Nested Config Input and Select:
15 Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color
16 * -- Nested Config Input and Select - Status DEACTIVE:
17 Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive
18 * -- Generic btn gray:
19 Background: --vbo-basic-btn / --vbo-config-border-color
20 */
21
22 :root {
23 /* body color */
24 --vbo-body-bg-color: #fff;
25 --vbo-body-text-color: #444;
26
27 /* main bg and text color */
28 --vbo-main-bg-color: #eee;
29 --vbo-container-text-color: inherit;
30 --vbo-contrast-text-color: #fff;
31 --vbo-base-color: #2282bd;
32 --vbo-base-color-hover: #1890ce;
33 --vbo-link-text-color: #2271b1;
34 --vbo-basic-btn: #eee;
35 --vbo-basic-btn-hover: #ddd;
36 --vbo-basic-btn-focus: #cacaca;
37 --vbo-light-color-btn: #e9f3fa;
38 --vbo-middle-color-btn: #999;
39 --vbo-grey-blue-bg: #E4EAF4;
40 --vbo-light-blue: #f0f6fc;
41
42 /* Config bg and text color */
43 --vbo-config-bg-color: #fff;
44 --vbo-config-text-color: inherit;
45 --vbo-config-border-color: #ddd;
46 --vbo-config-titles-color-light: #666;
47 --vbo-config-child-bg-color: #f6f6f6;
48 --vbo-config-text-color-light: #999;
49 --vbo-config-title-color: #1d2327;
50
51 /* Input Style */
52 --vbo-input-style: #fff;
53 --vbo-input-style-deactive: #f6f7f7;
54 --vbo-input-style-nested-deactive: #eee;
55
56 /* Page Lists */
57 --vbo-toolbar-bg-color: #d4dae5;
58
59 /* General Colors */
60 --vbo-red-color: #b90c0d;
61 --vbo-red-color-hover: #e61717;
62 --vbo-red-color-focus: #9d0101;
63 --vbo-orange-color: #ffab48;
64 --vbo-orange-color-hover: #ad6704;
65 --vbo-green-color: #46a546;
66 --vbo-green-color-hover: #428242;
67 --vbo-green-color-focus: #65c265;
68 --vbo-blue-color: #31708f;
69 --vbo-blue-color-hover: #498fb3;
70
71 /* Notification Status */
72 --vbo-info-bg: #c8e4fb;
73 --vbo-info-border: #72abcc;
74 --vbo-warning-bg: #fbf3c8;
75 --vbo-warning-border: #d69b3c;
76 --vbo-error-bg: #ffe3e3;
77 --vbo-error-border: #ea6060;
78 }
79
80 legend.adminlegend {
81 color: var(--vbo-config-title-color);
82 border-bottom: 1px solid var(--vbo-config-border-color);
83 }
84
85 /*
86 * Classes .label and .badge
87 */
88 .label, .badge {
89 display: inline-block;
90 padding: 2px 4px;
91 font-size: 10.998px;
92 font-weight: bold;
93 line-height: 14px;
94 color: var(--vbo-contrast-text-color);
95 vertical-align: baseline;
96 white-space: nowrap;
97 background-color: var(--vbo-middle-color-btn);
98 }
99 .label {
100 border-radius: 3px;
101 }
102 .badge {
103 border-radius: 9px;
104 }
105 .label-success, .badge-success {
106 background-color: var(--vbo-green-color);
107 }
108 a.label-success:hover, a.badge-success:hover {
109 background-color: var(--vbo-green-color-hover);
110 }
111 .label-warning, .badge-warning {
112 background-color: var(--vbo-orange-color);
113 }
114 a.label-warning:hover, a.badge-warning:hover {
115 background-color: var(--vbo-orange-color-hover);
116 }
117 .label-info, .badge-info {
118 background-color: var(--vbo-blue-color);
119 }
120 a.label-info:hover, a.badge-info:hover {
121 background-color: var(--vbo-blue-color-hover);
122 }
123 a.label, a.badge, a.label:hover, a.badge:hover {
124 color: var(--vbo-contrast-text-color);
125 }
126 .vbo-label-nested {
127 padding: 1px 4px !important;
128 font-weight: 500;
129 line-height: 12px;
130 font-size: 11px;
131 }
132
133 /* @joomlaonly - forced border color for the Joomla top toolbar */
134 .subhead .btn-toolbar .btn {
135 border: 1px solid var(--vbo-config-border-color);
136 }
137 .subhead .btn-toolbar .btn-success {
138 border: 1px solid var(--vbo-green-color);
139 border: 1px solid rgba(0,0,0,0.2);
140 }
141
142 /*** @WPonly - Load Reservation from other booking plugins ***/
143 .vbo-modal-lock-scroll {
144 overflow: hidden !important;
145 }
146 .vbo-importbftpp-plugins-list {
147 border-radius: 4px;
148 padding: 20px;
149 border: 1px solid var(--vbo-config-border-color);
150 background: var(--vbo-config-bg-color);
151 }
152 .vbo-importbftpp-plugins-list-inner label {
153 display: block;
154 margin-bottom: 5px;
155 }
156 .vbo-importbftpp-plugins-list-bottom {
157 margin-top: 15px;
158 }
159 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
160 display: block;
161 margin-bottom: 5px;
162 }
163 .vbo-importbftpp-roomsmapping-wrap {
164 margin-bottom: 20px;
165 }
166 .vbo-importbftpp-roomsmapping-inner {
167 display: flex;
168 flex-wrap: wrap;
169 }
170 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
171 width: calc(33% - 48px);
172 margin: 5px;
173 border: 1px solid var(--vbo-config-border-color);
174 background: var(--vbo-config-bg-color);
175 padding: 20px;
176 border-radius: 4px;
177 }
178 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
179 display: block;
180 margin-bottom: 5px;
181 font-weight: 500;
182 }
183 .vbo-importbftpp-roomsmapping-block-thirdparty {
184 margin-bottom: 10px;
185 }
186 .vbo-importbftpp-subtitle {
187 font-size: 1.2em;
188 margin-bottom: 8px;
189 }
190 .vbo-importbftpp-reservations-inner {
191 display: flex;
192 flex-wrap: wrap;
193 }
194 .vbo-importbftpp-reservation-block {
195 flex-basis: 50%;
196 }
197 .vbo-importbftpp-reservation-inner {
198 border-radius: 4px;
199 border: 1px solid var(--vbo-config-border-color);
200 padding: 15px;
201 background: var(--vbo-config-bg-color);
202 margin: 5px;
203 }
204 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
205 margin: 4px 0;
206 }
207 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
208 display: inline-block;
209 min-width: 150px;
210 font-weight: 500;
211 }
212 .vbo-importbftpp-reservation-import {
213 margin-top: 14px;
214 border-top: 1px solid var(--vbo-config-border-color);
215 padding-top: 10px;
216 display: inline-block;
217 width: 100%;
218 box-sizing: border-box;
219 min-height: 40px;
220 }
221 .vbo-importbftpp-reservation-import-toggle {
222 display: inline-block;
223 }
224 .vbo-importbftpp-reservation-import-rooms {
225 float: right;
226 font-weight: bold;
227 font-size: 1.1em;
228 }
229 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
230 min-width: inherit;
231 margin-right: 10px;
232 }
233 .vbo-importbftpp-confirm-wrap {
234 text-align: center;
235 margin-top: 15px;
236 }
237 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
238 font-size: 1.3em;
239 font-weight: bold;
240 margin-bottom: 10px;
241 }
242 .vbo-importbftpp-reservation-noteligible {
243 opacity: .7;
244 }
245 .vbo-importbftpp-reservations-btns {
246 text-align: right;
247 padding-right: 5px;
248 }
249 div.modal .close {
250 color: inherit;
251 }
252 .modal .modal-footer {
253 border-top: 1px solid var(--vbo-config-border-color);
254 background: var(--vbo-config-bg-color);
255 box-shadow: none;
256 }
257 a:focus, a:hover {
258 text-decoration: none !important;
259 }
260 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
261 padding: 10px 10px;
262 border-color: var(--vbo-config-border-color);
263 }
264 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
265 padding: 10px 30px;
266 }
267 .btn-secondary {
268 color: var(--vbo-config-title-color);
269 background-color: var(--vbo-basic-btn);
270 border-color: var(--vbo-config-border-color);
271 }
272 .btn-secondary:hover {
273 color: var(--vbo-config-title-color);
274 background-color: var(--vbo-basic-btn-hover);
275 }
276 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
277 border-radius: 3px;
278 padding: 10px 14px;
279 margin-bottom: 0;
280 }
281 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
282 height: auto;
283 }
284 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
285 margin-right: 5px;
286 }
287 body #content .input-append > input, body #wpcontent .input-append > input {
288 border-color: var(--vbo-config-border-color);
289 }
290 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
291 color: #fff;
292 background-color: var(--vbo-green-color);
293 border: 1px solid var(--vbo-green-color);
294 }
295 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
296 color: #fff;
297 font-weight: normal;
298 background-color: var(--vbo-green-color-hover);
299 border-color: var(--vbo-green-color-hover);
300 }
301 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 {
302 color: #fff;
303 font-weight: normal;
304 background-color: var(--vbo-green-color-focus);
305 border-color: var(--vbo-green-color-focus);
306 }
307 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
308 color: #fff;
309 background-color: var(--vbo-red-color);
310 border: 1px solid var(--vbo-red-color);
311 }
312 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
313 color: #fff;
314 background-color: var(--vbo-red-color-hover);
315 border-color: var(--vbo-red-color-hover)
316 }
317 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 {
318 color: #fff;
319 background-color: var(--vbo-red-color-focus);
320 border-color: var(--vbo-red-color-focus)
321 }
322 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 {
323 color: #fff;
324 background-color: var(--vbo-blue-color);
325 border: 1px solid var(--vbo-blue-color);
326 }
327 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 {
328 color: #fff;
329 background-color: var(--vbo-blue-color-hover);
330 border: 1px solid var(--vbo-blue-color-hover);
331 }
332 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
333 color: #fff;
334 background-color: var(--vbo-orange-color);
335 border: 1px solid var(--vbo-orange-color);
336 }
337 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
338 color: #fff;
339 background-color: var(--vbo-orange-color-hover);
340 border: 1px solid var(--vbo-orange-color-hover);
341 }
342 .select2-container .select2-dropdown {
343 background-color: var(--vbo-config-bg-color);
344 border-color: var(--vbo-config-border-color) !important;
345 }
346 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
347 background-color: var(--vbo-blue-color);
348 }
349 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
350 line-height: 38px;
351 }
352 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
353 background-color: var(--vbo-config-bg-color);
354 color: var(--vbo-base-color);
355 border: 1px solid var(--vbo-base-color);
356 }
357 .select2-container.select2-container--default .select2-selection--single {
358 background-color: var(--vbo-input-style);
359 border: 1px solid var(--vbo-config-border-color) !important;
360 height: 40px;
361 border-radius: 2px;
362 }
363 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
364 height: 40px;
365 }
366 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
367 color: var(--vbo-config-titles-color-light);
368 }
369 /*** Chrome Hack for the select ***/
370 .selector:not(*:root), select {
371 border: 0 !important;
372 outline: 1px solid var(--vbo-config-border-color);
373 outline-offset: -1px;
374 height: 36px !important;
375 }
376 /***/
377
378 .input-append .btn.vbo-btn-dont-append {
379 margin-left: 5px;
380 }
381
382 /* Skeleton structure */
383 .vbo-skeleton-loading {
384 position: relative;
385 overflow: hidden;
386 background-color: #DDDBDD;
387 display: inline-block;
388 }
389 .vbo-skeleton-loading:after {
390 position: absolute;
391 top: 0;
392 right: 0;
393 bottom: 0;
394 left: 0;
395 transform: translateX(-100%);
396 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));
397 animation: shimmer 2s infinite;
398 content: '';
399 }
400
401 .fancybox-type-iframe.fancybox-opened {
402 height: 80% !important;
403 }
404 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
405 height: 100% !important;
406 }
407
408 .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 {
409 white-space: nowrap;
410 }
411 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
412 white-space: inherit;
413 }
414 .vbo-table-td-wrap .btn {
415 margin-top: 5px;
416 }
417 .successmade {
418 margin: 10px 0px;
419 padding: 12px 12px 12px 40px;
420 color: var(--vbo-green-color);
421 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
422 border: 2px solid var(--vbo-green-color);
423 background-size: 20px;
424 }
425 .info {
426 margin: 10px 0px;
427 padding: 12px;
428 background-color: #c8e4fb;
429 border: 1px solid #72abcc;
430 }
431 .err {
432 margin: 10px 0px;
433 padding: 12px 12px 12px 40px;
434 border: 2px solid var(--vbo-red-color);
435 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
436 background-size: 20px;
437 }
438 .warn {
439 margin: 10px 0px;
440 padding: 12px 12px 12px 40px;
441 border: 2px solid var(--vbo-orange-color);
442 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
443 background-size: 20px;
444 }
445 .label-error, .badge-error, .label-danger, .badge-danger {
446 background-color: var(--vbo-red-color) !important;
447 }
448 .ui-datepicker-multi .ui-datepicker-group-first {
449 border-right: 1px solid var(--vbo-config-border-color);
450 }
451 .select2-container--default .select2-results__option[role="group"] {
452 border-top: 1px solid var(--vbo-config-border-color);
453 }
454 #hmfooter {
455 font-size: x-small;
456 text-align: center;
457 margin: 20px 0;
458 }
459 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
460 margin-top: 5px;
461 }
462 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
463 margin-top: 15px;
464 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
465 display: grid;
466 }
467 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
468 background-color: var(--vbo-config-bg-color);
469 border-radius: 10px;
470 border: 1px solid var(--vbo-basic-btn);
471 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
472 margin: 10px;
473 }
474 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
475 height: 100%;
476 }
477 .vbadmincaltable td {
478 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
479 font-size: 11px;
480 width: 45px;
481 padding: 0 !important;
482 text-align: center !important;
483 height: 30px;
484 box-sizing: content-box;
485 vertical-align: middle !important;
486 }
487 .vbadmincaltable tr:last-child td {
488 border-bottom: 0 !important;
489 }
490 .vbadmincaltable tr:last-child td:first-child {
491 border-bottom-left-radius: 10px;
492 }
493 .vbadmincaltable tr:last-child td:last-child {
494 border-bottom-right-radius: 10px;
495 }
496 .vbadmincaltable td:last-child {
497 border-right: 0 !important;
498 }
499 .vbadmincaltable td:first-child {
500 border-left: 0 !important;
501 }
502 .vbadmincaltable td:hover {
503 background-color: var(--vbo-config-border-color);
504 }
505 .vbadmincaltable td:active {
506 background-color: var(--vbo-blue-color);
507 color: #fff;
508 }
509 .vbadmincaltable .busy {
510 background: var(--vbo-red-color);
511 }
512 .vbadmincaltable .busy:hover {
513 background: var(--vbo-red-color-hover);
514 }
515 .busy.busy-closure {
516 background: var(--vbo-config-title-color);
517 }
518 .busy.busy-closure:hover {
519 background: var(--vbo-config-titles-color-light);
520 }
521 .vbadmincaltable .busy > * {
522 font-weight:bold;
523 color:#fff;
524 }
525 .vbadmincaltable td.free {
526 cursor: pointer;
527 }
528 .vbadmincaltrmon td {
529 color: var(--vbo-config-title-color);
530 font-weight:bold;
531 font-size: 14px;
532 border: 0 !important;
533 padding: 6px 5px !important;
534 }
535 .vbadmincaltrmon td:hover {
536 background-color: transparent;
537 }
538 .vbadmincaltrmdays td {
539 font-weight: bold;
540 text-align:center;
541 background-color: var(--vbo-config-child-bg-color);
542 }
543 .vbadmincaltrmdays td:hover {
544 background-color: var(--vbo-config-child-bg-color);
545 }
546 .vborderof {
547 padding:10px 0;
548 font-size:14px;
549 }
550 .vborderof a {
551 font-size:12px;
552 }
553 .vborderpar {
554 margin:10px 0 5px 0;
555 padding:0;
556 font-weight:bold;
557 font-size:13px;
558 }
559 .vborderspan {
560 font-weight:bold;
561 }
562 p.vborderpartot {
563 padding:5px 10px;
564 margin:10px 5px;
565 background: var(--vbo-light-color-btn);
566 border: 1px solid var(--vbo-config-border-color);
567 border-radius:4px;
568 -moz-border-radius:4px;
569 -webkit-border-radius:4px;
570 font-weight:bold;
571 }
572 div.vborderpartot {
573 display: block;
574 padding:5px 10px;
575 margin:10px 5px;
576 background:var(--vbo-light-color-btn);
577 border: 1px solid var(--vbo-config-border-color);
578 border-radius:4px;
579 -moz-border-radius:4px;
580 -webkit-border-radius:4px;
581 font-weight:bold;
582 width: 300px;
583 }
584 .vborderseatasconf {
585 background:var(--vbo-green-color);
586 border: 1px solid var(--vbo-green-color);
587 border-radius:4px;
588 -moz-border-radius:4px;
589 -webkit-border-radius:4px;
590 margin:5px 0 10px;
591 width:133px;
592 display:block;
593 padding:10px;
594 }
595 .vborderseatasconf a {
596 color:#fff !important;
597 font-weight:bold;
598 text-decoration:none;
599 text-transform:uppercase;
600 }
601 .maxthirty {
602 cursor: pointer;
603 max-height: 30px;
604 height: expression(this.height > 30 ? "30px" : true);
605 max-width: 30px;
606 width: expression(this.width > 30 ? "30px" : true);
607 }
608 .maxfifty {
609 max-height: 60px;
610 height: expression(this.height > 50 ? "50px" : true);
611 border:0;
612 border-radius: 4px;
613
614 transition-delay: 0s;
615 transition-duration: 0.15s;
616 transition-property: transform, box-shadow;
617 transition-timing-function: ease-in-out;
618 -webkit-transition-delay: 0s;
619 -webkit-transition-duration: 0.15s;
620 -webkit-transition-property: transform, box-shadow;
621 -webkit-transition-timing-function: ease-in-out;
622 }
623 .maxfifty:hover {
624 box-shadow: 0 0 10px rgba(0,0,0,0.5);
625
626 transform: translateY(-2px);
627 -webkit-transform: translateY(-2px);
628 }
629 .maxninety {
630 max-height: 190px;
631 height: expression(this.height > 190 ? "190px" : true);
632 }
633 .imgresult {
634 max-height: 85px;
635 height: expression(this.height > 85 ? "85px" : true);
636 max-width: 130px;
637 width: expression(this.width > 130 ? "130px" : true);
638 }
639 .vbmenutable td {
640 position:relative;
641 padding:0 12px 0 0;
642 }
643 .vbmenuentries {
644 float:left;
645 width:117px;
646 margin:8px 0 0 85px;
647 }
648 .vbmenuentries a {
649
650 }
651 .vbsubmitfares {
652 background: none repeat scroll 0 0 #708827 !important;
653 border: 1px solid #5D7120 !important;
654 border-radius: 4px 4px 4px 4px;
655 color: #FFFFFF !important;
656 font-size: 14px;
657 padding: 5px 15px;
658 margin:10px 0 0 0;
659 }
660 .vbsubmithfares {
661 background: none repeat scroll 0 0 #0B9E9E !important;
662 border: 1px solid #007171 !important;
663 border-radius: 4px 4px 4px 4px;
664 color: #FFFFFF !important;
665 font-size: 14px;
666 padding: 5px;
667 margin:10px 0 0 0;
668 }
669
670 .vbsubmithcharges {
671 background: none repeat scroll 0 0 #386B16 !important;
672 border: 1px solid #2D5511 !important;
673 border-radius: 4px 4px 4px 4px;
674 color: #FFFFFF !important;
675 font-size: 14px;
676 padding: 5px;
677 margin:10px 0 0 0;
678 cursor:pointer;
679 }
680 .vbo-checkin-commands-wrap .btn.btn-success {
681 padding: 8px 14px;
682 }
683 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
684 border: 1px solid var(--vbo-green-color);
685 background-color: var(--vbo-green-color);
686 color: #fff;
687 border-radius: 3px;
688 margin-bottom: 0;
689 font-size: inherit;
690 }
691 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
692 padding: 10px 14px;
693 }
694 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
695 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
696 background-color: var(--vbo-green-color-hover) !important;
697 border: 1px solid var(--vbo-green-color-hover) !important;
698 }
699 .container-main .btn.btn-warning {
700 border: 1px solid var(--vbo-orange-color);
701 background-color: var(--vbo-orange-color);
702 border-radius: 3px;
703 padding: 10px 14px;
704 margin-bottom: 0;
705 }
706 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
707 background-color: var(--vbo-orange-color-hover) !important;
708 border: 1px solid var(--vbo-orange-color-hover) !important;
709 }
710 .vbo-checkin-commands-wrap .btn.btn-danger {
711 padding: 8px 14px;
712 }
713 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
714 border: 1px solid var(--vbo-red-color);
715 background-color: var(--vbo-red-color);
716 border-radius: 3px;
717 margin-bottom: 0;
718 font-size: inherit;
719 }
720 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
721 color: #fff;
722 }
723 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
724 background-color: var(--vbo-red-color-hover) !important;
725 border: 1px solid var(--vbo-red-color-hover) !important;
726 }
727 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
728 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
729 background-color: var(--vbo-red-color-focus) !important;
730 border: 1px solid var(--vbo-red-color-focus) !important;
731 }
732 /* UI Calendar */
733 .ui-widget-content {
734 background: var(--vbo-config-bg-color) !important;
735 color: inherit !important;
736 }
737 .ui-widget-header {
738 background: var(--vbo-config-bg-color) !important;
739 border: 1px solid var(--vbo-config-border-color) !important;
740 color: inherit !important;
741 }
742 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
743 background: var(--vbo-config-bg-color) !important;
744 border-color: var(--vbo-config-border-color) !important;
745 color: inherit !important;
746 }
747 .ui-widget.ui-widget-content {
748 border: 1px solid var(--vbo-config-border-color) !important;
749 }
750 .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 {
751 background: var(--vbo-light-color-btn) !important;
752 }
753 .free{
754 color: var(--vbo-body-text-color);
755 }
756
757 .busy{
758 color: var(--vbo-body-text-color);
759 background: var(--vbo-red-color);
760 }
761
762 .notbusy{
763 color: var(--vbo-body-text-color);
764 background: var(--vbo-config-bg-color);
765 }
766 .bluedays{
767 min-width: 2.7%;
768 background: none repeat scroll 0 0 #02679a;
769 color: #FFFFFF;
770 font-weight: bold;
771 padding: 4px 0;
772 text-align: center;
773 cursor: pointer;
774 }
775 .skip-bluedays-click {
776 cursor: inherit;
777 }
778 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
779 background: #b0c0d1;
780 }
781 .bluedays.vbo-overv-todaycell {
782 background: #074666;
783 }
784 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
785 background: #d9b9d3;
786 }
787 .bluedays.vbo-overv-festcell {
788 cursor: pointer;
789 background: #a07e9a;
790 }
791 .vbo-overview-month {
792 font-size: 105%;
793 }
794 .vbo-overview-redday, .vbo-overview-subredday {
795 color: #fff;
796 }
797 .vboverviewtablerow .busy:not(.vbo-checkinday) {
798 cursor: pointer;
799 }
800 .vbo-checkinday {
801 border-top: 3px solid var(--vbo-green-color);
802 }
803 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
804 background: var(--vbo-red-color) !important;
805 }
806 .busy:hover {
807 background: var(--vbo-red-color-hover);
808 }
809 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
810 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
811 }
812 .vbo-partially {
813 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
814 }
815 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
816 background: var(--vbo-orange-color-hover) !important;
817 }
818 .busy-sharedcalendar {
819 position: relative;
820 }
821 .busy-sharedcalendar:before {
822 position: absolute;
823 z-index: 0;
824 width: 100%;
825 height: 100%;
826 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
827 content: "";
828 top: 0;
829 left: 0;
830 }
831 .vbo-avov-legend {
832 margin: 9px 10px 0;
833 }
834 .vbo-overview-legend-init {
835 display: inline-block;
836 vertical-align: middle;
837 font-size: 13px;
838 font-weight: bold;
839 margin-right: 10px;
840 }
841 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
842 display: inline-block;
843 margin-right: 10px;
844 font-size: 12px;
845 vertical-align: middle;
846 }
847 .vbo-overview-legend-box {
848 display: inline-block;
849 width: 15px;
850 height: 15px;
851 vertical-align: middle;
852 border-radius: 2px;
853 margin-right: 2px;
854 }
855 .vbo-overview-legend-red .vbo-overview-legend-box {
856 background: none repeat scroll 0 0 var(--vbo-red-color);
857 }
858 .vbo-overview-legend-yellow .vbo-overview-legend-box {
859 background: none repeat scroll 0 0 #f0ad4e;
860 }
861 .vbo-overview-legend-green .vbo-overview-legend-box {
862 border-top: 2px solid var(--vbo-green-color);
863 background: var(--vbo-config-bg-color);
864 }
865 .vbo-overview-legend-title {
866 display: inline-block;
867 vertical-align: middle;
868 }
869 #jmodal-vbo-new-res {
870 width: 90% !important;
871 top: 50%;
872 left: 50%;
873 transform: translate(-50%, -50%);
874 margin: 0 !important;
875 }
876 td.roomname {
877 background: var(--vbo-config-child-bg-color);
878 height: 40px;
879 padding: 5px 10px 5px 6px;
880 text-align: left;
881 }
882 td.roomname.subroomname {
883 background: var(--vbo-config-bg-color) !important;
884 }
885 .vbo-overview-room-info {
886 display: flex;
887 }
888 .vbo-overview-room-info > span {
889 align-self: center;
890 }
891 .vbo-overview-roomname {
892 font-weight: bold;
893 font-size: 14px;
894 display: inline-block;
895 max-width: 185px;
896 }
897 .vbo-overview-roomunits {
898 display: inline-block;
899 margin: 0 5px 0 2px;
900 background: none repeat scroll 0 0 #3e6372;
901 border-radius: 50%;
902 color: #fff;
903 font-size: 12px;
904 font-weight: bold;
905 min-height: 20px;
906 min-width: 20px;
907 padding: 4px;
908 text-align: center;
909 }
910 .vbo-overview-subroomname {
911 font-weight: bold;
912 font-size: 13px;
913 }
914 .vbo-overview-subroomunits {
915 display: inline-block;
916 margin: 0 5px 0 2px;
917 font-size: 12px;
918 min-height: 20px;
919 min-width: 20px;
920 padding: 4px;
921 text-align: center;
922 }
923 .vbo-overview-subroomunits i {
924 margin: 0;
925 }
926 .subroom-busy {
927 background: var(--vbo-red-color) none repeat scroll 0 0;
928 color: var(--vbo-body-text-color);
929 }
930 .subnotbusy {
931 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
932 color: #000000;
933 }
934 .dailypricesactive {
935 text-align: center;
936 float: left;
937 font-weight: bold;
938 width: 100%;
939 height: 34px;
940 font-size:14px;
941 line-height:34px;
942 text-transform:uppercase;
943 color:var(--vbo-green-color);
944 background:var(--vbo-input-style-nested-deactive);
945 }
946 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
947 border-radius: 4px;
948 }
949 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
950 flex-wrap: wrap;
951 }
952 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
953 margin: 15px 0;
954 }
955 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
956 margin: 0;
957 }
958 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
959 flex-basis: 100%;
960 font-weight: 500;
961 }
962 .vbo-tariffs-params-container .vbo-param-setting > h4 {
963 margin-top: 0;
964 font-size: 16px;
965 }
966 .vbo-insertrates-cont > div {
967 background-color: var(--vbo-config-bg-color);
968 box-shadow: 0 0 10px rgba(0,0,0,.15);
969 border-radius: 8px;
970 padding: 20px;
971 margin: 0 0 15px;
972 }
973 .vbo-insertrates-cont input[type="number"] {
974 width: 100px !important;
975 }
976 .vbo-ratestable-lbl {
977 font-weight: bold;
978 color: var(--vbo-config-titles-color-light);
979 font-size: 16px;
980 padding: 0px 0px 7px;
981 }
982 .vbo-ratestable-nights > div {
983 display: flex;
984 margin: 5px 0 8px;
985 }
986 .vbo-ratestable-nights > div > span {
987 display: inline-block;
988 min-width: 100px;
989 }
990 .vbo-insertrates-bottom .vbo-ratestable-newprice {
991 display: flex;
992 flex-wrap: wrap;
993 margin: 5px 0;
994 border: 1px solid var(--vbo-main-bg-color);
995 padding: 10px 10px;
996 }
997 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
998 align-self: center;
999 }
1000 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
1001 font-weight: 500;
1002 }
1003 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1004 margin-left: auto;
1005 }
1006 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1007 flex-basis: 100%;
1008 margin-top: 5px;
1009 }
1010 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1011 display: block;
1012 margin-bottom: 5px;
1013 }
1014 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1015 display: block;
1016 }
1017 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1018 width: 100% !important;
1019 box-sizing: border-box;
1020 height: auto;
1021 }
1022 .vbo-insertrates-save {
1023 margin-top: 20px;
1024 }
1025 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1026 padding: 10px 25px;
1027 font-size: 13px;
1028 }
1029 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1030 background: transparent;
1031 }
1032 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1033 text-align: right;
1034 margin: 0 auto;
1035 }
1036 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1037 width: 100%;
1038 margin-top: 15px;
1039 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1040 }
1041 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1042 color: var(--vbo-config-titles-color-light);
1043 }
1044 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1045 border: 1px solid var(--vbo-config-border-color);
1046 border-radius: 2px;
1047 padding: 5px 10px;
1048 margin-bottom: 0;
1049 width: 120px !important;
1050 }
1051 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1052 display: block;
1053 text-transform: initial;
1054 max-width: 200px;
1055 white-space: normal;
1056 margin: 0 auto;
1057 font-weight: 600;
1058 }
1059 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1060 font-size: 10px;
1061 text-transform: initial;
1062 }
1063 .vbo-config-gr-services .vbo-config-gr-service {
1064 margin: 4px 0;
1065 }
1066 .vbo-config-gr-services .vbo-config-gr-service i {
1067 margin-right: 0 !important;
1068 }
1069 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1070 padding: 11px 14px;
1071 vertical-align: top;
1072 }
1073 .vbadminfaresctitle {
1074 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1075 border: 1px solid var(--vbo-config-border-color);
1076 border-radius: 4px 4px 4px 4px;
1077 font-size: 13px;
1078 font-weight: bold;
1079 margin: 0 0 10px;
1080 padding: 10px;
1081 text-transform: uppercase;
1082 width: 100%;
1083 display: inline-block;
1084 }
1085 .vbadminfaresctitle form {
1086 margin: 0;
1087 }
1088 .vbadminfaresctitle form select {
1089 margin: 0;
1090 }
1091 .vbdashparag {
1092 font-size:12px;
1093 }
1094 .vbdashparagred span {
1095 font-weight: bold;
1096 color:var(--vbo-red-color);
1097 display: inline-block;
1098 min-width: 200px;
1099 }
1100 .vbdashspanright {
1101 float: right;
1102 padding:0 0 20px 0;
1103 font-size:12px;
1104 }
1105 .vbdashspanright form {
1106 padding:0 0 0 3px;
1107 display:inline;
1108 }
1109 .vbdashdivleft {
1110 float:left;
1111 border: 1px solid var(--vbo-config-border-color);
1112 border-radius:10px;
1113 -moz-border-radius:10px;
1114 -webkit-border-radius:10px;
1115 background:var(--vbo-config-bg-color);
1116 padding:20px;
1117 box-shadow:0 0 2px rgba(0,0,0,0.2);
1118 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1119 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1120 margin:15px 30px 15px 0;
1121 width:55%;
1122 }
1123 .vbdashdivleft .vbdashdivlefthead {
1124 margin:0 0 10px 0;
1125 padding:0;
1126 text-transform:uppercase;
1127 font-size:14px;
1128 color:var(--vbo-green-color);
1129 }
1130 .vbdashdivleft .vbdashtable {
1131 width:100%;
1132 }
1133 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1134 padding:3px 0;
1135 }
1136 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1137 font-size:12px;
1138 color:var(--vbo-blue-color);
1139 }
1140 .vbdashdivright {
1141 float:right;
1142 border: 1px solid var(--vbo-config-border-color);
1143 border-radius:10px;
1144 -moz-border-radius:10px;
1145 -webkit-border-radius:10px;
1146 background:var(--vbo-config-bg-color);
1147 padding:20px;
1148 box-shadow:0 0 2px rgba(0,0,0,0.2);
1149 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1150 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1151 margin:15px 0 15px 0;
1152 width:30%;
1153 }
1154 .vbdashdivright .vbdashdivrighthead {
1155 margin:0 0 10px 0;
1156 padding:0;
1157 text-transform:uppercase;
1158 font-size:14px;
1159 color:var(--vbo-green-color);
1160 }
1161 .vbdashdivright .vbdashtable {
1162 width:100%;
1163 }
1164 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1165 font-size:12px;
1166 font-weight:bold;
1167 color:var(--vbo-config-title-color);
1168 text-transform:uppercase;
1169 padding:0 0 5px 0;
1170 }
1171 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1172 padding:0 5px;
1173 }
1174 #vbadultsdiffbox p {
1175 margin: 0px 0 10px;
1176 border: 1px solid var(--vbo-basic-btn);
1177 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1178 border-radius: 10px;
1179 padding: 10px;
1180 }
1181 #vbadultsdiffbox p:last-child {
1182 margin-bottom: 0;
1183 }
1184 #vbadultsdiffbox .vbo-adults-usage {
1185 margin-right: 15px;
1186 display: block;
1187 margin-bottom: 4px;
1188 font-weight: 500;
1189 }
1190
1191 .vbplusminus {
1192 cursor: pointer;
1193 vertical-align: middle;
1194 display: inline-block;
1195 margin: -7px 0 0 5px;
1196 text-align: center;
1197 width: 20px;
1198 height: 20px;
1199 font-size: 20px;
1200 }
1201
1202 .vbplusminuscont {
1203 display: inline-block;
1204 text-align: right;
1205 }
1206 .vbplusminuscont > span {
1207 display: inline-block;
1208 min-width: 35px;
1209 text-align: left;
1210 }
1211 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1212 display: inline-block;
1213 vertical-align: middle;
1214 }
1215 p.vbpfiltconfnumb {
1216 text-align: right;
1217 }
1218
1219 .vbotaspblock {
1220 display: block;
1221 background: none repeat scroll 0 0 var(--vbo-blue-color);
1222 border: 0;
1223 border-radius: 5px 5px 5px 5px;
1224 margin: 0 3px 5px 0;
1225 padding: 4px;
1226 color: var(--vbo-body-text-color);
1227 font-weight: bold;
1228 position: relative;
1229 }
1230 .vbotaspblock:before {
1231 content: "";
1232 height: 20px;
1233 left: -1px;
1234 position: absolute;
1235 top: -11px;
1236 width: 20px;
1237 }
1238 .vboverviewtable {
1239 width: 100%;
1240 border: 0;
1241 border-collapse: inherit;
1242 border-spacing: 0;
1243 }
1244 .vboverviewtable {
1245 font-size: 105%;
1246 }
1247 .vboverviewtablerowone {
1248 height: 30px;
1249 }
1250 .vbo-overv-montable-wrap {
1251 margin-bottom: 20px;
1252 }
1253 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1254 min-width: 80px;
1255 }
1256 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1257 min-width: 80px;
1258 max-width: 80px;
1259 }
1260 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1261 min-width: 250px;
1262 }
1263 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1264 display: block;
1265 }
1266 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1267 color: #fff;
1268 font-size: 12px;
1269 }
1270 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1271 font-size: 24px;
1272 margin: 3px 0;
1273 }
1274 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1275 position: sticky;
1276 left: 0;
1277 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1278 z-index: 10;
1279 background-clip: padding-box !important;
1280 }
1281 .vboverviewtablerow {
1282 height: 30px;
1283 }
1284 .vboverviewtdone {
1285 min-width: 130px !important;
1286 text-align: left !important;
1287 padding-left: 1px;
1288 }
1289 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1290 padding: 10px 10px 0;
1291 vertical-align: top;
1292 }
1293 .vbo-roverv-rplan-restrictions {
1294 font-size: 10px;
1295 position: absolute;
1296 left: 10px;
1297 bottom: 4px;
1298 }
1299 .vbo-roverv-rplan .vbo-rplan-name {
1300 width: 150px;
1301 overflow: hidden;
1302 display: inline-block;
1303 white-space: nowrap;
1304 text-overflow: ellipsis;
1305 font-size: 14px;
1306 }
1307 .vbo-roverv-rplan-haslosrates {
1308 bottom: 3px;
1309 }
1310 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1311 font-size: 10px;
1312 }
1313 .vbo-roverv-gonext-cell {
1314 vertical-align: middle;
1315 padding: 0 10px;
1316 }
1317 .vbcloseroom{
1318 float: right;
1319 text-align: right;
1320 }
1321 .vbcloseroomsp i {
1322 color: var(--vbo-red-color);
1323 padding: 4px;
1324 font-size: 15px;
1325 border-radius: 4px;
1326 margin-right: 3px;
1327 }
1328 .vbcloseroomsp label {
1329 display: inline;
1330 }
1331 .vbordersroomclosed {
1332 color: var(--vbo-red-color);
1333 font-weight: bold;
1334 }
1335 .vbordcancelled {
1336 color: var(--vbo-red-color);
1337 font-weight: bold;
1338 background-position: left center;
1339 background-repeat: no-repeat;
1340 padding: 5px 0 5px 18px;
1341 }
1342 .vbcsvexport {
1343 cursor: pointer;
1344 background: var(--vbo-config-bg-color);
1345 color: var(--vbo-config-titles-color-light);
1346 border-radius: 3px;
1347 display: inline-block;
1348 font-weight: bold;
1349 border: 1px solid var(--vbo-green-color);
1350 font-size: 12px;
1351 margin: 0 3px;
1352 }
1353 .vbcsvexport:hover {
1354 text-decoration: none;
1355 background: var(--vbo-green-color-hover);
1356 color: #fff;
1357 }
1358 .vbcsvexport > i {
1359 background: var(--vbo-green-color);
1360 color: #fff;
1361 padding: 11px 12px;
1362 font-size: 16px;
1363 display: inline-block;
1364 }
1365 .vbcsvexport:hover > i {
1366 background: var(--vbo-green-color-hover);
1367 }
1368 .vbo-perms-operators {
1369 cursor: pointer;
1370 background: var(--vbo-config-bg-color);
1371 color: var(--vbo-config-titles-color-light);
1372 border-radius: 3px;
1373 display: inline-block;
1374 font-weight: bold;
1375 border: 1px solid var(--vbo-blue-color);
1376 font-size: 12px;
1377 margin: 0 3px;
1378 }
1379 .vbo-perms-operators:hover {
1380 text-decoration: none;
1381 background: var(--vbo-blue-color-hover);
1382 color: #fff;
1383 }
1384 .vbo-perms-operators > i {
1385 background: var(--vbo-blue-color);
1386 color: #fff;
1387 padding: 11px 12px;
1388 font-size: 16px;
1389 display: inline-block;
1390 float: left;
1391 }
1392 .vbo-perms-operators:hover > i {
1393 background: var(--vbo-blue-color-hover);
1394 }
1395 .vbo-perms-operators > span {
1396 padding: 9px 12px 0 7px;
1397 display: inline-block;
1398 float: left;
1399 }
1400 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1401 margin: 0 2px;
1402 }
1403 .vbicsexport {
1404 cursor: pointer;
1405 background: var(--vbo-config-bg-color);
1406 color: var(--vbo-config-titles-color-light);
1407 border-radius: 3px;
1408 display: inline-block;
1409 font-weight: bold;
1410 border: 1px solid var(--vbo-orange-color);
1411 font-size: 12px;
1412 }
1413 .vbicsexport > i {
1414 background: var(--vbo-orange-color);
1415 color: #fff;
1416 padding: 10px 12px;
1417 font-size: 16px;
1418 }
1419 .vbicsexport:hover {
1420 text-decoration: none;
1421 background: var(--vbo-orange-color-hover);
1422 color: #fff;
1423 }
1424 .vbicsexport:hover > i {
1425 background: var(--vbo-orange-color-hover);
1426 }
1427 .vbcsvexport > span, .vbicsexport > span {
1428 padding: 9px 12px 0 7px;
1429 display: inline-block;
1430 vertical-align: top;
1431 }
1432 /* VikBooking 1.3 */
1433 .vbrestrdrangesp {
1434 display: inline-block;
1435 min-width: 80px;
1436 }
1437 .vbwdaytwodiv {
1438 margin-left:5px;
1439 }
1440 #vbwdaytwodivid > span {
1441 display: none;
1442 margin: 10px 4px 0 0;
1443 }
1444 .vbwdaycombodiv {
1445 margin-top: 10px;
1446 }
1447 .vbwdaycombodiv .vbwdaycombop > label {
1448 min-width: 125px
1449 }
1450 .vbwdaycombosp {
1451 display: block;
1452 font-weight:bold;
1453 }
1454 .vbwdaycombohelp {
1455 display: block;
1456 font-size:smaller;
1457 }
1458 .vbrestrroomssp {
1459 display: block;
1460 font-weight: bold;
1461 margin-top: 10px;
1462 }
1463 .vbo-bookingdet-noteslogs pre {
1464 word-break: break-all;
1465 white-space: break-spaces;
1466 }
1467 #vbpaymentlogdiv {
1468 display: none;
1469 height: 250px;
1470 margin-top: 5px;
1471 overflow-x: hidden;
1472 overflow-y: auto;
1473 padding: 5px;
1474 }
1475 #vbpaymentlogdiv pre {
1476 border: 1px solid var(--vbo-main-bg-color);
1477 }
1478 .vbordersp {
1479 font-weight:bold;
1480 }
1481 .vbordersphighlight {
1482 background: none repeat scroll 0 0 var(--vbo-base-color);
1483 border: 0 none;
1484 border-radius: 5px;
1485 color: #ffffff;
1486 display: inline-block;
1487 margin: 0 0 0 -1px;
1488 padding: 4px;
1489 }
1490 #vbadminnotesdiv, #vbinvnotesdiv {
1491 display: none;
1492 border-radius: 5px;
1493 min-height: 250px;
1494 max-width: 500px;
1495 margin-top: 5px;
1496 overflow-x: auto;
1497 overflow-y: auto;
1498 padding: 5px;
1499 }
1500 textarea.vbadminnotestarea {
1501 width: 490px !important;
1502 height: 240px !important;
1503 border: 1px solid var(--vbo-main-bg-color);
1504 border-radius: 5px;
1505 padding: 3px;
1506 margin-bottom: 10px;
1507 }
1508 .vbroomparamp {
1509 margin-bottom: 0;
1510 padding-bottom: 6px;
1511 }
1512 .vbroomparamp.vbroomparampactive {
1513 border-left: 1px solid var(--vbo-config-titles-color-light);
1514 }
1515 #defcalcostp {
1516 margin-bottom: 4px;
1517 }
1518 p.vbroomparamp label {
1519 padding-right: 8px;
1520 display: inline-block !important;
1521 min-width: 195px;
1522 }
1523 p.vbroomparamp span {
1524 font-size: smaller;
1525 font-style: italic;
1526 display: inline-block;
1527 padding-left: 8px;
1528 max-width: 300px;
1529 }
1530 .vbapplydiscsp {
1531 float: right;
1532 cursor: pointer;
1533 }
1534 .vbdiscenter {
1535 display: none;
1536 margin-top: 5px;
1537 font-weight: normal;
1538 padding:5px 0 0 0;
1539 border-top:1px solid var(--vbo-config-border-color);
1540 }
1541 .vbdiscenter-entry {
1542 padding:3px 0;
1543 }
1544 .vbdiscenter-label {
1545 font-weight:bold;
1546 display:inline-block;
1547 min-width:50%;
1548 }
1549 .vbdiscenter-entrycentered {
1550 text-align: right;
1551 }
1552 .vbdiscenter-entrycentered input {
1553 background:var(--vbo-green-color);
1554 color:#fff;
1555 border-radius:4px;
1556 }
1557 .vbflushsession {
1558 background: none repeat scroll 0 0 var(--vbo-blue-color);
1559 border: 1px solid var(--vbo-blue-color);
1560 border-radius: 1px;
1561 color: #FFFFFF;
1562 display: inline-block;
1563 font-size: 12px;
1564 padding: 4px 12px;
1565 border-radius: 4px;
1566 text-decoration: none;
1567 }
1568 .vbflushsession:hover {
1569 text-decoration: none;
1570 color: #FFFFFF;
1571 background: var(--vbo-blue-color-hover);
1572 border-color: var(--vbo-blue-color-hover);
1573 }
1574 .vbflushsession:active {
1575 background: var(--vbo-blue-color-hover);
1576 border-color: var(--vbo-blue-color-hover);
1577 color: #fff;
1578 }
1579 .vbotasp {
1580 background: none repeat scroll 0 0 var(--vbo-blue-color);
1581 border: 0 none;
1582 border-radius: 5px;
1583 color: #FFFFFF;
1584 display: inline-block;
1585 font-weight: bold;
1586 margin: 0 3px 0 0;
1587 min-width: 67px;
1588 padding: 4px;
1589 position: relative;
1590 }
1591 .vbotasp:before {
1592 content: "";
1593 height: 20px;
1594 left: -27px;
1595 position: absolute;
1596 top: 0;
1597 width: 20px;
1598 }
1599 .vbexplaination {
1600 font-style: italic;
1601 padding: 5px;
1602 }
1603 .vborderiddata {
1604 margin:10px 0 0 0;
1605 }
1606 .vborderiddata span {
1607 padding: 0 0 0 10px;
1608 }
1609 .vborderdatatab {
1610 line-height:1.4em;
1611 width:80%;
1612 }
1613 .vbordactionlink {
1614 background: none repeat scroll 0 0 var(--vbo-blue-color);
1615 border: 0 none;
1616 border-radius: 5px;
1617 color: #FFFFFF !important;
1618 display: inline-block;
1619 font-weight: bold;
1620 margin: 0 3px 0 0;
1621 padding: 4px;
1622 }
1623 .vbordroominfo {
1624 background: var(--vbo-config-child-bg-color);
1625 border-radius:5px;
1626 border: 1px solid var(--vbo-config-border-color);
1627 padding:10px;
1628 margin:0 0 10px 0;
1629 max-width:400px;
1630 }
1631 .vborderinfoblock {
1632 background: var(--vbo-config-child-bg-color);
1633 border-radius:5px;
1634 border: 1px solid var(--vbo-config-border-color);
1635 padding:10px;
1636 margin:0 0 10px 0;
1637 }
1638 .vbroomselfilter {
1639 margin-right: 5px;
1640 }
1641 .vbmodelink {
1642 border: 1px solid var(--vbo-config-border-color);
1643 border-radius: 3px;
1644 display: inline-block;
1645 color: var(--vbo-config-titles-color-light);
1646 }
1647 .vbmodelink:hover {
1648 border: 1px solid var(--vbo-base-color-hover);
1649 }
1650 .vbmodelink > span {
1651 display: inline-block;
1652 padding: 0 8px 0 3px;
1653 }
1654 .vbmodelink > i {
1655 background: var(--vbo-main-bg-color);
1656 font-size: 15px;
1657 padding: 8px 10px;
1658 border-right: 1px solid var(--vbo-config-border-color);
1659 }
1660 .vbmodelink:hover > i, .vbmodelink:active > i {
1661 background-color: var(--vbo-base-color);
1662 color: #fff;
1663 border-right: 1px solid var(--vbo-base-color);
1664 }
1665 .vbmodelink-active {
1666 background: var(--vbo-config-bg-color) !important;
1667 border-color: var(--vbo-base-color);
1668 color: var(--vbo-base-color);
1669 }
1670 .vbmodelink-active > i {
1671 background: var(--vbo-base-color);
1672 color: #fff;
1673 }
1674 .vbimagedetbox {
1675 border: 1px solid var(--vbo-config-border-color);
1676 border-radius: 3px;
1677 padding: 20px;
1678 position: absolute;
1679 width: 300px;
1680 background-color: var(--vbo-config-bg-color);
1681 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1682 color: var(--vbo-config-title-color);
1683 z-index: 1000;
1684 right: 0;
1685 }
1686 .captionlabel {
1687 padding:0 0 10px;
1688 display:inline-block;
1689 width: 95%;
1690 font-weight: bold;
1691 }
1692 .captionlabel span {
1693 display:block;
1694 margin:0 0 4px 0;
1695 }
1696 .captionlabel input {
1697 border-radius:3px;
1698 padding:2px;
1699 width: 100% !important;
1700 }
1701 .captionsubmit {
1702 background: none repeat scroll 0 0 var(--vbo-green-color);
1703 border: 1px solid var(--vbo-green-color) !important;
1704 border-radius: 2px;
1705 color: #fff;
1706 cursor: pointer;
1707 padding: 10px 14px !important;
1708 line-height: 18px;
1709 font-size: 13px;
1710 }
1711 .captionsubmit:hover {
1712 background-color: var(--vbo-green-color-hover) !important;
1713 }
1714 .captionsubmit:active {
1715 background-color: var(--vbo-green-color-hover) !important;
1716 }
1717 .captionremoveimg {
1718 float: right;
1719 text-align: right;
1720 }
1721 .captionremoveimg span {
1722 float: left;
1723 display: inline-block;
1724 margin: 8px 6px 0px;
1725 }
1726 .captionremoveimg a {
1727 float:left;
1728 display:inline-block;
1729 }
1730 .captionremoveimg .icon-remove {
1731 font-size: 10px;
1732 margin-left: -5px;
1733 margin-right: 5px;
1734 }
1735 .vbheadfourblue {
1736 background: #02679a;
1737 color: #fff;
1738 margin-bottom: -5px !important;
1739 padding: 6px 3px 6px 6px;
1740 border-radius: 3px;
1741 }
1742 .vbswitchrblock {
1743 float: right;
1744 display: block;
1745 padding: 5px;
1746 border: 1px solid #ccc;
1747 border-radius: 3px;
1748 clear: both;
1749 }
1750 .vbswitchrblock select {
1751 margin: 0 !important;
1752 }
1753 .vbo-ebusy-lbl {
1754 display: block;
1755 font-weight: bold;
1756 font-size: larger;
1757 margin-left: 3px;
1758 }
1759 .vbo-ebusy-opt-table tr td {
1760 padding-right: 15px !important;
1761 }
1762 .vbo-ebusy-opt-table tr td:last-child {
1763 text-align: center;
1764 padding: 0 !important;
1765 }
1766 .vbo-ebusy-tars-table tr td {
1767 padding-right: 15px !important;
1768 }
1769 .vbo-ebusy-toggle-aduchild {
1770 border-left: 1px solid rgb(255, 255, 255);
1771 color: #e6e6e6;
1772 cursor: pointer;
1773 display: inline-block;
1774 float: right;
1775 height: 100%;
1776 min-width: 25px;
1777 padding-left: 0.7em;
1778 padding-top: 1px;
1779 padding-bottom: 1px;
1780 }
1781 .vbo-ebusy-rmroom {
1782 border-left: 1px solid rgb(255, 255, 255);
1783 color: #ff0000;
1784 cursor: pointer;
1785 display: inline-block;
1786 float: right;
1787 height: 100%;
1788 min-width: 25px;
1789 padding-left: 0.7em;
1790 padding-top: 1px;
1791 padding-bottom: 1px;
1792 }
1793 .vbo-ebusy-toggle-aduchild-on {
1794 color: #fff;
1795 }
1796 .vbo-ebusy-addextracost {
1797 margin-left: 50px;
1798 }
1799 .vbo-ebusy-extracosts-table tr {
1800 border-bottom:1px solid #ddd;
1801 background: #eee;
1802 }
1803 .vbo-ebusy-extracosts-table td {
1804 padding: 10px !important;
1805 }
1806 .vbo-ebusy-extracosts-table td input {
1807 margin-bottom: 0;
1808 }
1809 .vbo-ebusy-extracosts-cellrm {
1810 vertical-align: top;
1811 }
1812 .vbo-ebusy-extracosts-cellrm .btn {
1813 margin: 0;
1814 }
1815 .vbo-ebusy-extracosts-celltax select {
1816 margin: 0 !important;
1817 }
1818 .vbo-add-room-overlay {
1819 padding: 10px 10px 20px;
1820 }
1821 .vbo-add-room-overlay .vbo-add-room-entry {
1822 display: flex;
1823 flex-wrap: wrap;
1824 width: 100%;
1825 }
1826 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1827 display: block;
1828 width: 100% !important;
1829 max-width: 100%;
1830 }
1831 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1832 display: inline-block;
1833 vertical-align: top;
1834 flex: 1;
1835 margin: 8px 0;
1836 }
1837 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1838 margin-right: 20px;
1839 }
1840 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1841 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1842 width: 100% !important;
1843 box-sizing: border-box;
1844 height: auto;
1845 }
1846 /* START: VikBooking v1.6 */
1847 .add-tax-breakdown-cont {
1848 margin-bottom: 0;
1849 border: 1px solid var(--vbo-config-border-color);
1850 padding: 10px;
1851 border-radius: 4px;
1852 margin: 4px 0 10px;
1853 display: flex;
1854 flex-wrap: wrap;
1855 }
1856 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1857 margin-left: auto;
1858 order: 3;
1859 align-self: end;
1860 }
1861 .add-tax-breakdown-cont > div {
1862 display: inline-block;
1863 vertical-align: top;
1864 margin: 3px 0;
1865 }
1866 .add-tax-breakdown-cont .add-tax-breakdown-name {
1867 flex-basis: 100%;
1868 }
1869 .add-tax-breakdown-cont div span {
1870 display: inline-block;
1871 min-width: 100px;
1872 }
1873 .add-tax-breakdown-cont .add-tax-breakdown-rate {
1874 display: block;
1875 }
1876 .add-tax-breakdown-remove {
1877 cursor: pointer;
1878 font-size: 20px;
1879 }
1880 .vbo-select-all {
1881 display: block;
1882 width: 180px;
1883 margin: 0 0 5px 0;
1884 padding: 5px 2px;
1885 background: var(--vbo-basic-btn);
1886 border: 1px solid var(--vbo-config-border-color);
1887 cursor: pointer;
1888 text-align: center;
1889 }
1890 .vbo-select-all:hover {
1891 background: var(--vbo-basic-btn-hover);
1892 }
1893 #vbo-pkg-calcexcld {
1894 display: inline-block;
1895 margin-right: 10px;
1896 }
1897 #vbo-pkg-excldates-td {
1898 display: inline-block;
1899 vertical-align: top;
1900 }
1901 #vbo-pkg-excldates-td select {
1902 height: 90px !important;
1903 }
1904 .promotr {
1905 display: none;
1906 }
1907 #promovalidity {
1908 display: inline-block;
1909 padding-left: 5px;
1910 }
1911 /* END: VikBooking v1.6 */
1912 /* Back-end Menu */
1913 .vbo-menu-container {
1914 display: flex;
1915 align-items: flex-start;
1916 margin-bottom: 50px;
1917 }
1918 .vbo-menu-container-closer {
1919 margin-bottom: 10px;
1920 }
1921 .vbo-menu-left {
1922 float: left;
1923 display: inline-block;
1924 margin-right: 15px;
1925 max-width: 150px;
1926 border-radius: 5px;
1927 padding: 10px;
1928 margin-top: -10px;
1929 }
1930 .vbo-menu-left:hover {
1931 background: #ddd;
1932 }
1933 .vbo-menu-left img {
1934 max-width: 100%;
1935 border: 0;
1936 position: relative;
1937 display: inline-block;
1938 -webkit-transform: translateZ(0);
1939 -moz-transform: translateZ(0);
1940 transform: translateZ(0);
1941 }
1942 .vbo-menu-left a {
1943 position: relative;
1944 display: block;
1945 overflow: hidden;
1946 }
1947 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
1948 text-decoration: none;
1949 }
1950 .vbo-menu-left a:after {
1951 opacity: 0;
1952 }
1953 .vbo-menu-left a:hover:after {
1954 animation: shine 5s ease-in-out infinite;
1955 animation-fill-mode: forwards;
1956 content: "";
1957 position: absolute;
1958 top: -110%;
1959 left: -210%;
1960 width: 100%;
1961 height: 200%;
1962 opacity: 0;
1963 transform: rotate(30deg);
1964
1965 background: rgba(255, 255, 255, 0.13);
1966 background: linear-gradient(
1967 to right,
1968 rgba(255, 255, 255, 0.13) 0%,
1969 rgba(255, 255, 255, 0.13) 77%,
1970 rgba(255, 255, 255, 0.5) 92%,
1971 rgba(255, 255, 255, 0.0) 100%
1972 );
1973 }
1974 @keyframes shine{
1975 10% {
1976 opacity: 1;
1977 top: -60%;
1978 left: -20%;
1979 transition-property: left, top, opacity;
1980 transition-duration: 0.7s, 0.7s, 0.15s;
1981 transition-timing-function: ease;
1982 }
1983 100% {
1984 opacity: 0;
1985 top: -60%;
1986 left: -20%;
1987 transition-property: left, top, opacity;
1988 }
1989 }
1990 .vbo-menu-right {
1991 flex: 1;
1992 background: #22485d;
1993 border-radius: 6px;
1994 }
1995 .vbo-menu-right ul {
1996 list-style-type: none;
1997 margin: 0;
1998 padding: 0 0 0 2px;
1999 }
2000 .vbo-menu-right > .vbo-menu-ul {
2001 display: inline-block;
2002 }
2003 .vbo-menu-updates {
2004 float: right;
2005 display: inline-block;
2006 }
2007 .vbo-menu-updates > button {
2008 float: right;
2009 display: inline-block;
2010 background: #3f708b;
2011 color: #fff;
2012 font-weight: bold;
2013 border: 1px solid #3f708b;
2014 padding: 13px 15px;
2015 border-radius: 36px;
2016 margin: 7px 8px 6px 2px;
2017 }
2018 .vbo-menu-updates button span {
2019 max-width: 120px;
2020 white-space: nowrap;
2021 overflow: hidden;
2022 text-overflow: ellipsis;
2023 display: inline-block;
2024 vertical-align: top;
2025 }
2026 .vbo-menu-updates button i {
2027 display: inline-block;
2028 vertical-align: middle;
2029 margin-right: 5px;
2030 }
2031 .vbo-menu-updates button.vbo-multitasking-apps i {
2032 margin-right: 0;
2033 vertical-align: middle;
2034 }
2035 .vbo-menu-updates.vbo-menu-needupdate button {
2036 background: var(--vbo-green-color);
2037 border: 1px solid var(--vbo-green-color);
2038 }
2039 .vbo-submenu-wrap {
2040 background: var(--vbo-config-bg-color);
2041 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2042 min-width: 180px;
2043 padding: 5px 0;
2044 border-radius: 10px;
2045 margin: 0;
2046 position: absolute;
2047 z-index: 100;
2048
2049 visibility: hidden;
2050 opacity: 0;
2051 transform: scale(0.99) translateY(-0.7em);
2052 transform-origin: top;
2053 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2054 transition-duration: 500ms;
2055 transition-property: opacity,transform;
2056 }
2057 @media screen and (min-width: 1012px) {
2058 .vbo-submenu-wrap {
2059 width: 230px;
2060 padding: 22px;
2061 }
2062 .vbo-submenu-wrap-multi {
2063 width: 400px;
2064 display: flex;
2065 }
2066 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2067 padding-right: 10px;
2068 min-width: 45%;
2069 border-right: 1px solid var(--vbo-config-border-color);
2070 }
2071 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2072 padding-left: 22px;
2073 }
2074 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2075 right: 0;
2076 }
2077 }
2078 @media screen and (max-width: 1012px) {
2079 .vbo-submenu-wrap {
2080 padding: 15px 20px;
2081 }
2082 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2083 border-bottom: 1px solid var(--vbo-config-border-color);
2084 padding-bottom: 10px;
2085 }
2086 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2087 margin-top: 10px;
2088 }
2089 }
2090 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2091 visibility: visible;
2092 opacity: 1;
2093 transform: scale(1) translateY(0);
2094 }
2095 .vbo-menu-ul li {
2096 display: inline-block;
2097 text-align: left;
2098 position: relative;
2099 padding: 5px 4px;
2100 }
2101 .vbo-submenu-wrap ul li {
2102 display: block;
2103 width: 100%;
2104 line-height: initial;
2105 padding: 0;
2106 }
2107 .vbo-submenu-wrap li > div {
2108 display: block;
2109 font-size: 14px;
2110 }
2111 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2112 font-weight: bold;
2113 font-size: 15px;
2114 margin-bottom: 5px;
2115 }
2116 .vbo-menu-parent-li > span {
2117 display: inline-block;
2118 color:#ffffff;
2119 cursor: pointer;
2120 padding: 14px 22px;
2121 font-size: 14px;
2122 font-weight: bold;
2123 position: relative;
2124 border-radius: 8px;
2125 }
2126 .vbo-menu-parent-li > span a {
2127 color: #fff !important;
2128 }
2129 .vbo-menu-parent-li > span a:hover {
2130 text-decoration: none !important;
2131 }
2132 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2133 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2134 transition-duration: 500ms;
2135 transition-property: opacity,transform;
2136 font-size: 12px;
2137 opacity: .7;
2138 margin-left: 4px;
2139 }
2140 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2141 transform: translateY(2px);
2142 }
2143 .vbo-menu-parent-li-active > span {
2144 background: #c2880e;
2145 }
2146 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2147 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2148 background: #3f708b;
2149 }
2150 .vbo-menu-parent-li > span > i {
2151 margin-left: -2px;
2152 margin-right: 7px;
2153 font-size: 17px;
2154 }
2155 .vbo-submenu-wrap li {
2156 margin: 0;
2157 }
2158 .vbo-submenu-wrap li > div a {
2159 padding: 8px 0;
2160 display: flex;
2161 }
2162 .vbo-submenu-wrap li > div a i {
2163 margin-right: 6px;
2164 margin-top: 2px;
2165 font-size: 16px;
2166 color: var(--vbo-config-titles-color-light);
2167 min-width: 22px;
2168 }
2169 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2170 display: inline-block;
2171 margin-right: 8px;
2172 }
2173 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2174 max-width: 100%;
2175 border-radius: 50%;
2176 object-fit: cover;
2177 height: 20px;
2178 width: 20px;
2179 }
2180 .vbo-submenu-wrap li .vbo-submenu-item {
2181 line-height: 1.4em;
2182 }
2183 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2184 display: block;
2185 }
2186 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2187 font-weight: bold;
2188 font-size: 16px;
2189 }
2190 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2191 font-size: 14px;
2192 color: var(--vbo-config-titles-color-light);
2193 }
2194 .vbo-submenu-wrap li:first-child a {
2195 padding-top: 0;
2196 }
2197 .vbo-submenu-wrap li:last-child a {
2198 padding-bottom: 0;
2199 }
2200 .vmenulink a {
2201 display: block;
2202 }
2203 .vmenulink a {
2204 color: var(--vbo-body-text-color) !important;
2205 }
2206 .vmenulinkactive a {
2207 display: block;
2208 color: var(--vbo-contrast-text-color) !important;
2209 }
2210 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2211 text-decoration: none;
2212 color: var(--vbo-base-color) !important;
2213 }
2214 .vbo-submenu-helper-ul > li > .vmenulink {
2215 display: flex;
2216 padding: 8px 0;
2217 }
2218 .vbo-submenu-helper-ul > li div a {
2219 padding: 0;
2220 margin-right: 13px;
2221 }
2222 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2223 align-self: center;
2224 margin-left: auto;
2225 font-size: 12px;
2226 display: inline-block;
2227 padding: 2px 3px;
2228 cursor: pointer;
2229 }
2230 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2231 opacity: 0;
2232 }
2233 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2234 color: var(--vbo-base-color);
2235 opacity: .7;
2236 }
2237 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2238 opacity: 1;
2239
2240 transition: all 200ms ease-in-out 200ms;
2241 -moz-transition: all 200ms ease-in-out 200ms;
2242 -webkit-transition: all 200ms ease-in-out 200ms;
2243 -o-transition: all 200ms ease-in-out 200ms;
2244 }
2245 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2246 color: var(--vbo-config-text-color-light);
2247 }
2248 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2249 opacity: 1;
2250 color: var(--vbo-base-color);
2251 }
2252
2253
2254 /* END Back-end Menu */
2255 .vbo-config-warn {
2256 display: block;
2257 font-style: italic;
2258 margin: 5px 0 0;
2259 }
2260 /* Bookings List - Begin */
2261 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2262 vertical-align: middle;
2263 font-size: 13px;
2264 }
2265 table.vbo-list-table tbody tr .vbo-highlighted-td {
2266 font-weight: bold;
2267 }
2268 .vbo-coupon-use-count a {
2269 display: inline-block;
2270 background: var(--vbo-base-color);
2271 padding: 0 5px;
2272 border-radius: 4px;
2273 color: var(--vbo-contrast-text-color);
2274 }
2275 .vbo-coupon-use-count a:hover {
2276 background: var(--vbo-base-color-hover);
2277 color: var(--vbo-contrast-text-color);
2278 }
2279 .vbo-list-table .btn {
2280 white-space: nowrap;
2281 }
2282 .vbo-list-table .btn i {
2283 margin-right: 3px;
2284 }
2285 a.vbo-bookingslist-viewdet-link {
2286 display: inline-block;
2287 cursor: pointer;
2288 color: #fff;
2289 min-width: 60%;
2290 }
2291 a.vbo-bookingslist-viewdet-link:hover {
2292 text-decoration: none;
2293 }
2294 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2295 border-radius: 50%;
2296 object-fit: cover;
2297 border: 1px solid var(--vbo-config-border-color);
2298 display: inline-block;
2299 vertical-align: top;
2300 width: 32px;
2301 height: 32px;
2302 line-height: 30px;
2303 font-weight: bold;
2304 margin: 2px 0;
2305 }
2306 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2307 display: inline-block;
2308 line-height: initial;
2309 }
2310 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2311 width: 20px;
2312 height: 20px;
2313 vertical-align: middle;
2314 object-fit: cover;
2315 }
2316 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2317 line-height: 34px;
2318 }
2319 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2320 border-radius: 50%;
2321 margin: 2px;
2322 width: 32px;
2323 height: 32px;
2324 text-align: center;
2325 }
2326 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2327 width: 20px;
2328 height: 20px;
2329 object-fit: cover;
2330 }
2331 .vbo-room-sharedcalendar {
2332 border: 1px solid var(--vbo-config-border-color);
2333 padding: 3px 6px;
2334 border-radius: 4px;
2335 background: var(--vbo-basic-btn);
2336 display: inline-block;
2337 margin-right: 3px;
2338 }
2339 .vbo-allbookings-fm, .vbo-list-form {
2340 background: var(--vbo-main-bg-color);
2341 }
2342 form[name="invoicesform"] {
2343 margin-bottom: 0;
2344 }
2345 form[name="invoicesform"] .btn-toolbar {
2346 margin-bottom: 0;
2347 }
2348 .vbo-allbookings-fm .btn-group {
2349 position: relative;
2350 }
2351 .vbo-list-form {
2352 padding-top: 10px;
2353 }
2354 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2355 margin-top: 0 !important;
2356 height: auto !important;
2357 background: var(--vbo-toolbar-bg-color);
2358 padding: 10px;
2359 box-sizing: border-box;
2360 }
2361 .vbo-allbookings-fm #vbo-search-tools-cont {
2362 margin-top: 5px;
2363 height: auto !important;
2364 padding: 10px;
2365 box-sizing: border-box;
2366 }
2367 .vbo-btn-toolbar #filter-bar {
2368 margin-top: 0;
2369 }
2370 .vbo-btn-toolbar .btn[type="submit"],
2371 .vbo-btn-toolbar .btn[type="button"] {
2372 padding: 8px 15px;
2373 box-shadow: none;
2374 border-color: var(--vbo-config-border-color);
2375 }
2376 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2377 font-weight: bold;
2378 }
2379 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2380 font-weight: normal;
2381 }
2382 .vbo-btn-toolbar .field-calendar .input-append,
2383 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2384 margin-bottom: 0;
2385 }
2386 .vbo-btn-toolbar .input-append .btn {
2387 padding: 8px 12px;
2388 border: 1px solid var(--vbo-config-border-color);
2389 border-radius: 0 2px 2px 0;
2390 }
2391 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2392 background: var(--vbo-blue-color);
2393 border: 1px solid var(--vbo-blue-color);
2394 color: #fff;
2395 padding: 7.5px 15px;
2396 }
2397 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2398 background: var(--vbo-config-bg-color);
2399 border-color: var(--vbo-blue-color)6;
2400 color: var(--vbo-blue-color);
2401 }
2402 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2403 border-top: 4px solid #fff !important;
2404 border-bottom: 0 !important;
2405 border-right: 4px solid transparent;
2406 border-left: 4px solid transparent;
2407 margin-left: 4px;
2408 }
2409 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2410 background: var(--vbo-config-bg-color);
2411 border-color: var(--vbo-blue-color);
2412 color: var(--vbo-blue-color);
2413 }
2414 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2415 border-bottom: 4px solid #fff !important;
2416 border-top: 0 !important;
2417 border-right: 4px solid transparent;
2418 border-left: 4px solid transparent;
2419 }
2420 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2421 border-top: 4px solid var(--vbo-blue-color) !important;
2422 border-bottom: 0 !important;
2423 border-right: 4px solid transparent;
2424 border-left: 4px solid transparent;
2425 }
2426 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2427 border-bottom: 4px solid #fff !important;
2428 border-top: 0 !important;
2429 border-right: 4px solid transparent;
2430 border-left: 4px solid transparent;
2431 }
2432 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2433 font-weight: normal;
2434 font-size: 14px !important;
2435 border: 1px solid var(--vbo-config-border-color) !important;
2436 border-radius: 2px !important;
2437 background: var(--vbo-input-style);
2438 }
2439 .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 {
2440 padding: 4px 5px;
2441 display: inherit;
2442 }
2443 .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 {
2444 display: inline-block;
2445 margin-left: 3px;
2446 margin-right: 0;
2447 width: 18px;
2448 height: 18px;
2449 line-height: 15px;
2450 font-size: 16px;
2451 text-align: center;
2452 border-radius: 50%;
2453 color: var(--vbo-config-titles-color-light);
2454 float: right;
2455 }
2456 .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 {
2457 background: var(--vbo-config-border-color);
2458 color: var(--vbo-config-titles-color-light);
2459 }
2460 .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 {
2461 height: 36px;
2462 }
2463 .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 {
2464 background-color: #b6d8ee;
2465 border: 1px solid #b8d1e1;
2466 border-radius: 30px;
2467 padding: 5px 10px;
2468 color: var(--vbo-base-color);
2469 font-weight: bold;
2470 font-size: 12px;
2471 }
2472 .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 {
2473 display: inline-block;
2474 margin-left: 3px;
2475 margin-right: 0;
2476 width: 18px;
2477 height: 18px;
2478 line-height: 15px;
2479 font-size: 16px;
2480 text-align: center;
2481 border-radius: 50%;
2482 color: var(--vbo-base-color);
2483 float: right;
2484 }
2485 .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 {
2486 background: var(--vbo-base-color-hover);
2487 color: #fff;
2488 }
2489 .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 {
2490 margin-top: 5px;
2491 margin-bottom: 5px !important;
2492 padding: 0;
2493 }
2494
2495 .vbo-list-form-filters {
2496 padding: 10px 20px;
2497 }
2498 .vbo-list-form-filters form {
2499 margin-bottom: 0;
2500 display: flex;
2501 flex-wrap: wrap;
2502 }
2503 .vbo-list-form-filter-select {
2504 display: inline-block;
2505 margin-right: 10px;
2506 }
2507 .vbo-list-form-filters form > .vbo-right-btn-container {
2508 margin-left: auto;
2509 align-self: end;
2510 }
2511 .vbo-avov-toolbar select {
2512 margin-bottom: 0;
2513 border-radius: 2px;
2514 border: 1px solid var(--vbo-config-border-color);
2515 padding: 8px 10px;
2516 height: inherit;
2517 }
2518 #vbo-search-tools-cont {
2519 width: 100%;
2520 display: inline-block;
2521 padding: 0px !important;
2522 }
2523 .pagination.pagination-toolbar {
2524 margin-bottom: 20px;
2525 }
2526 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2527 width: 98%;
2528 margin: 10px auto 20px;
2529 border-radius: 10px;
2530 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2531 }
2532 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2533 margin-bottom: 0;
2534 }
2535 .vbo-list-form .table-responsive table {
2536 margin-top: 0;
2537 }
2538 .vbo-orders-review-link {
2539 display: inline-block;
2540 margin-left: 5px;
2541 }
2542 .vbo-orders-review-link a {
2543 color: #ffbd3f;
2544 }
2545 .vbo-bookslist-snapshot {
2546 cursor: pointer;
2547 }
2548 .vbo-bookslist-snapshot:hover {
2549 background-color: var(--vbo-blue-color-hover);
2550 }
2551 .vbo-orders-substatus {
2552 margin-top: 2px;
2553 }
2554 .vbo-orders-substatus .label {
2555 border-radius: 10px;
2556 }
2557 /* Search Tools Caret - Start */
2558 .btn-primary .caret {
2559 border-top: 0;
2560 border-bottom: 4px solid #FFF !important;
2561 margin-top: 7px;
2562 margin-bottom: 8px;
2563 }
2564 /* Search Tools Caret - End */
2565 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2566 color: var(--vbo-config-titles-color-light);
2567 }
2568 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2569 margin-left: 5px;
2570 }
2571 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2572 .vbo-bookingslist-table thead th a:hover,
2573 .vbo-list-table thead th .vbo-list-activesort,
2574 .vbo-list-table thead th a:hover {
2575 color: var(--vbo-base-color);
2576 text-decoration: none;
2577 }
2578 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2579 font-size: 14px;
2580 font-weight: bold;
2581 color: var(--vbo-config-titles-color-light);
2582 vertical-align: baseline;
2583 white-space: nowrap;
2584 }
2585 .vbo-bookingslist-viewdet:hover {
2586 color: var(--vbo-base-color-hover);
2587 }
2588 .vbo-bookingslist-viewdet-date {
2589 display: block;
2590 }
2591 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2592 font-size: 11px;
2593 font-weight: bold;
2594 color: var(--vbo-config-titles-color-light);
2595 }
2596 .vbo-bookingslist-viewdet-time span {
2597 display: inline-block;
2598 }
2599 .vbo-bookingslist-booktime-hour {
2600 color: var(--vbo-base-color);
2601 }
2602 .vbo-bookingslist-booktime-twrap {
2603 display: inline-block;
2604 min-width: 60px;
2605 }
2606 .vbo-bookingslist-roomunit {
2607 display: block;
2608 font-size: smaller;
2609 color: var(--vbo-config-titles-color-light);
2610 }
2611 .vbo-bookingslist-booktime-checkedin {
2612 display: inline-block;
2613 color: var(--vbo-green-color);
2614 }
2615 .vbo-bookingslist-booktime-checkedout {
2616 display: inline-block;
2617 color: var(--vbo-green-color);
2618 }
2619 .vbo-bookingslist-booktime-noshow {
2620 display: inline-block;
2621 color: var(--vbo-red-color);
2622 }
2623 .vbo-bookingslist-viewdet-fulldate {
2624 display: inline-block;
2625 margin-right: 15px;
2626 }
2627 .vbo-bookingslist-viewdet-open {
2628 float: right;
2629 }
2630 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2631 min-width: 20px;
2632 margin-right: -3px;
2633 }
2634 .vbo-provenience {
2635 display: inline-block;
2636 min-width: 85px;
2637 border: 0;
2638 border-radius: 3px;
2639 margin: 0 3px 0 0;
2640 padding: 7px 5px;
2641 color: var(--vbo-base-color);
2642 font-weight: bold;
2643 position: relative;
2644 font-size: 16px;
2645 word-break: break-all;
2646 }
2647 span.label.vbo-status-label {
2648 padding: 5px 14px !important;
2649 font-size: 12px;
2650 border-radius: 24px;
2651 letter-spacing: .3px;
2652 min-width: 70px;
2653 text-align: center;
2654 }
2655 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2656 background-color: var(--vbo-green-color);
2657 }
2658 span.vbo-label-small, .vbo-label-small {
2659 padding: 5px 8px !important;
2660 font-size: 11px;
2661 line-height: 14px;
2662 }
2663 .vbo-bookingslist-total-totpaid {
2664 font-size: 11px;
2665 font-weight: bold;
2666 }
2667 .vbo-bookingslist-total-refunded {
2668 color: var(--vbo-red-color);
2669 display: inline-block;
2670 margin-left: 4px;
2671 }
2672 .vbo-admin-tipsicon i {
2673 font-size: 20px;
2674 color: var(--vbo-config-titles-color-light);
2675 }
2676 .vbo-admin-notes-icn {
2677 cursor: pointer;
2678 }
2679 .vbo-admin-invoiceicon i {
2680 font-size: 20px;
2681 color: var(--vbo-config-titles-color-light);
2682 }
2683 .vbo-timeline-content {
2684 background: var(--vbo-config-bg-color);
2685 }
2686 .vbo-bookings-guestmessages-bubble-cont i {
2687 font-size: 20px;
2688 color: var(--vbo-config-titles-color-light);
2689 position: relative;
2690 }
2691 .vbo-bookings-guestmessages-bubble-cont i:after {
2692 position: absolute;
2693 content: attr(data-message-count);
2694 width: 20px;
2695 height: 20px;
2696 border-radius: 50%;
2697 background: var(--vbo-red-color);
2698 color: #fff;
2699 font-weight: bold;
2700 font-size: 11px;
2701 line-height: 20px;
2702 font-family: Arial;
2703 top: -7px;
2704 right: -11px;
2705 text-align: center;
2706 }
2707 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2708 display:none;
2709 }
2710 #vbo-geninv-form .vbo-calendar-cfield-entry {
2711 margin: 15px 0;
2712 }
2713 .vbo-info-overlay-content-invoices h4 {
2714 font-size: 20px;
2715 border-bottom: 1px solid var(--vbo-config-border-color);
2716 padding-bottom: 10px;
2717 }
2718 /* Bookings List - End */
2719 /* Rates, Restrictions and Seasons Calendar - Begin */
2720 .vbo-warning {
2721 margin: 10px 0px;
2722 padding: 12px;
2723 color: var(--vbo-orange-color);
2724 border: 1px solid var(--vbo-orange-color);
2725 background-color: var(--vbo-config-bg-color);
2726 }
2727 .vbo-ratesoverview-top-container {
2728 background: var(--vbo-config-child-bg-color);
2729 padding-bottom: 20px;
2730 padding-top: 20px;
2731 }
2732 .vbo-ratesoverview-right-block {
2733 float: right;
2734 }
2735 .vbo-ratesoverview-right-inner {
2736 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2737 border: 1px solid var(--vbo-config-border-color);
2738 border-radius: 3px;
2739 display: none;
2740 margin-left: 20px;
2741 min-height: 60px;
2742 padding: 10px 10px;
2743 position: relative;
2744 vertical-align: top;
2745 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2746 margin-bottom: 10px;
2747 }
2748 .vbo-ratesoverview-vcmwarn-close {
2749 cursor: pointer;
2750 position: absolute;
2751 right: -8px;
2752 top: -8px;
2753 }
2754 .vbo-ratesoverview-vcmwarn-close i {
2755 color: var(--vbo-red-color);
2756 font-size: 16px;
2757 margin: 0;
2758 }
2759 .vbo-ratesoverview-vcmwarn-count {
2760 display: block;
2761 padding: 5px 5px 0;
2762 text-align: center;
2763 }
2764 .vbo-ratesoverview-vcmwarn-count i {
2765 color: var(--vbo-blue-color);
2766 }
2767 .vbo-ratesoverview-vcmwarn-open {
2768 display: block;
2769 text-align: center;
2770 margin-top: 10px;
2771 }
2772 .vbo-ratesoverview-roomsel-block {
2773 margin: 0 20px;
2774 }
2775 .vbo-ratesoverview-roomsel-block > form {
2776 display: flex;
2777 margin-bottom: 0;
2778 background: var(--vbo-config-child-bg-color);
2779 border: 1px solid var(--vbo-config-border-color);
2780 border-bottom-color: var(--vbo-config-border-color);
2781 border-bottom-style: solid;
2782 border-bottom-width: 1px;
2783 border-radius: 4px;
2784 border-bottom: 2px solid var(--vbo-config-border-color);
2785 box-shadow: 0 0 10px rgba(0,0,0,.1);
2786 }
2787 .vbo-ratesoverview-roomsel-block label {
2788 display: block;
2789 font-weight: bold;
2790 margin-bottom: 9px;
2791 }
2792 .vbo-ratesoverview-roomsel-entry {
2793 display: inline-block;
2794 vertical-align: top;
2795 background: var(--vbo-config-bg-color);
2796 padding: 15px;
2797 flex: 1;
2798 flex-basis: auto;
2799 }
2800 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2801 font-size: 16px;
2802 }
2803 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2804 color: var(--vbo-config-titles-color-light);
2805 font-size: 14px;
2806 margin-right: 5px;
2807 }
2808 .vbo-ratesoverview-roomsel-entry-forecast {
2809 flex-basis: 35%;
2810 }
2811 .vbo-ratesoverview-roomsel-entry-forecast > label {
2812 float: left;
2813 }
2814 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2815 margin-bottom: 20px;
2816 display: flex;
2817 justify-content: flex-end;
2818 }
2819 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2820 width: 36%;
2821 float: left;
2822 display: inline-block;
2823 }
2824 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2825 width: 100%;
2826 }
2827 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2828 padding: 10px 20px;
2829 }
2830 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2831 margin-bottom: 5px;
2832 }
2833 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2834 font-size: 22px;
2835 }
2836 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2837 width: 57% !important;
2838 height: auto !important;
2839 }
2840 .vbo-reportwidget-ratesoverv .chart-line-legend {
2841 margin-left: 0;
2842 }
2843 .vbo-ratesoverview-roomsel-entry-los {
2844 border-left: 1px solid var(--vbo-config-border-color);
2845 }
2846 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2847 flex-basis: 18%;
2848 border-right: 1px solid var(--vbo-config-border-color);
2849 background-color: var(--vbo-config-bg-color);
2850 border-top-left-radius: 4px;
2851 border-bottom-left-radius: 4px;
2852 }
2853 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2854 margin-bottom: 0;
2855 border-radius: 2px;
2856 border: 1px solid var(--vbo-config-border-color);
2857 padding: 8px 10px;
2858 height: inherit;
2859 }
2860 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2861 margin-bottom: 0;
2862 }
2863 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
2864 width: 80% !important;
2865 }
2866 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
2867 border: 0;
2868 background: transparent;
2869 }
2870 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2871 padding: 0;
2872 }
2873 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice {
2874 background-color: #b6d8ee;
2875 border: 1px solid #b8d1e1;
2876 border-radius: 30px;
2877 padding: 5px 10px;
2878 color: #2d5593;
2879 font-weight: bold;
2880 }
2881 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2882 display: inline-block;
2883 margin-left: 3px;
2884 margin-right: 0;
2885 width: 18px;
2886 height: 18px;
2887 line-height: 15px;
2888 font-size: 16px;
2889 text-align: center;
2890 border-radius: 50%;
2891 color: var(--vbo-base-color);
2892 float: right;
2893 }
2894 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2895 background: var(--vbo-base-color);
2896 color: #fff;
2897 }
2898 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
2899 width: 100%;
2900 }
2901 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
2902 width: 98% !important;
2903 background: var(--vbo-config-bg-color);
2904 border: 1px solid var(--vbo-config-border-color);
2905 border-radius: 2px;
2906 padding: 8px 10px;
2907 }
2908 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
2909 vertical-align: bottom;
2910 margin-bottom: 16px;
2911 }
2912 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
2913 border: 0;
2914 }
2915 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
2916 border-right: 1px solid var(--vbo-config-border-color);
2917 flex-basis: calc(53%);
2918 }
2919 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
2920 line-height: 35px;
2921 }
2922 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
2923 font-weight: normal;
2924 font-size: 14px;
2925 }
2926 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
2927 height: 36px;
2928 border: 1px solid var(--vbo-config-border-color);
2929 border-radius: 2px;
2930 }
2931 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
2932 height: 36px;
2933 }
2934 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
2935 background: var(--vbo-config-bg-color);
2936 border: 1px solid var(--vbo-config-border-color);
2937 border-radius: 2px;
2938 padding: 8px 10px;
2939 width: 70% !important;
2940 }
2941 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
2942 padding: 8px 10px;
2943 border-radius: 0 2px 2px 0;
2944 border: 1px solid var(--vbo-config-border-color);
2945 }
2946 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
2947 margin-right: 0;
2948 }
2949 .vbo-ratesoverview-roomsel-entry .select2-container {
2950 margin-bottom: 9px;
2951 min-width: 200px;
2952 }
2953 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
2954 display: none;
2955 }
2956 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
2957 flex-basis: 100%;
2958 }
2959 .vbo-ratesoverview-entryinline {
2960 display: inline-block;
2961 margin-right: 5px;
2962 vertical-align: top;
2963 }
2964 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
2965 min-width: 110px;
2966 }
2967 .vbo-ratesoverview-rcalc-srooms {
2968 display: block;
2969 }
2970 .vbo-ratesoverview-numnight {
2971 display: inline-block;
2972 padding: 2px 8px;
2973 margin-right: 13px;
2974 border-radius: 3px;
2975 border: 1px solid var(--vbo-base-color);
2976 color: var(--vbo-base-color);
2977 position: relative;
2978 font-weight: bold;
2979 }
2980 .vbo-ratesoverview-numnight:after {
2981 background: var(--vbo-red-color) none repeat scroll 0 0;
2982 border-radius: 50%;
2983 color: #fff;
2984 content: "x";
2985 cursor: pointer;
2986 font-size: 11px;
2987 height: 16px;
2988 line-height: 14px;
2989 position: absolute;
2990 right: -15px;
2991 text-align: center;
2992 top: -9px;
2993 width: 16px;
2994 border: 2px solid #fff;
2995 }
2996 .vbo-ratesoverview-numnight:hover:after {
2997 background-color: var(--vbo-red-color);
2998 }
2999 .vbo-ratesoverview-numnight:active:after {
3000 background-color: var(--vbo-red-color-hover);
3001 }
3002 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3003 width: 35px !important;
3004 margin: 0 0 0 5px;
3005 display: inline-block;
3006 }
3007 #vbo-addnumnight-act {
3008 cursor: pointer;
3009 display: inline-block;
3010 margin-top: 10px;
3011 vertical-align: top;
3012 }
3013 #vbo-addnumnight-act i {
3014 color: var(--vbo-green-color);
3015 font-size: 18px;
3016 }
3017 .vbo-apply-los-btn {
3018 margin-left: 10px;
3019 }
3020 .vbo-seasons-calendar-table {
3021 width: 100%;
3022 margin-bottom: 0 !important;
3023 }
3024 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3025 background: var(--vbo-config-child-bg-color);
3026 border-top: 0 !important;
3027 padding: 15px 0;
3028 }
3029 tr.vbo-seasons-calendar-nightsrow td:first-child {
3030 width: 20%;
3031 }
3032 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3033 text-align: center;
3034 }
3035 tr.vbo-seasons-calendar-nightsrow td span {
3036 font-weight: bold;
3037 font-size: 15px;
3038 }
3039 tr.vbo-seasons-calendar-offseasonrow {
3040 border-bottom: 1px solid var(--vbo-basic-btn);
3041 }
3042 tr.vbo-seasons-calendar-offseasonrow td {
3043 height: 40px;
3044 }
3045 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3046 text-align: center;
3047 }
3048 tr.vbo-seasons-calendar-seasonrow {
3049 border-bottom: 1px solid var(--vbo-basic-btn);
3050 }
3051 tr.vbo-seasons-calendar-seasonrow td {
3052 height: 40px;
3053 }
3054 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3055 text-align: center;
3056 }
3057 .vbo-seasons-calendar-offseasonname {
3058 font-style: italic;
3059 font-size: 15px;
3060 }
3061 .vbo-seasons-calendar-offseasoncosts {
3062 display: block;
3063 }
3064 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3065 display: block;
3066 margin: 8px 0;
3067 }
3068 .vbo-seasons-calendar-seasoncost-notaffected {
3069 opacity: 0.3;
3070 }
3071 .vbo-seasons-calendar-pricename {
3072 display: block;
3073 font-style: italic;
3074 }
3075 .vbo-seasons-calendar-pricecost {
3076 display: block;
3077 font-weight: bold;
3078 }
3079 .vbo-seasons-calendar-seasondates {
3080 display: block;
3081 }
3082 .vbo-seasons-calendar-seasonchargedisc {
3083 display: block;
3084 float: right;
3085 }
3086 .vbo-seasons-calendar-slabel {
3087 border-radius: 0.25em;
3088 color: #fff;
3089 display: inline;
3090 font-size: 95%;
3091 font-weight: 700;
3092 line-height: 1;
3093 padding: 0.2em 0.6em 0.3em;
3094 text-align: center;
3095 vertical-align: baseline;
3096 white-space: nowrap;
3097 }
3098 .vbo-seasons-calendar-season-charge {
3099 background-color: #777;
3100 }
3101 .vbo-seasons-calendar-season-discount {
3102 background-color: #f0ad4e;
3103 }
3104 .vbo-seasons-calendar-operator {
3105 display: inline-block;
3106 margin-right: 3px;
3107 font-weight: bold;
3108 font-size: 105%;
3109 }
3110 .vbo-seasons-calendar-seasonfrom {
3111 display: inline-block;
3112 }
3113 .vbo-seasons-calendar-seasondates-separe {
3114 display: inline-block;
3115 margin: 0 3px 0 3px;
3116 }
3117 .vbo-seasons-calendar-seasonto {
3118 display: inline-block;
3119 }
3120 .vbo-seasons-calendar-seasonname {
3121 display: block;
3122 font-weight: bold;
3123 white-space: initial;
3124 }
3125 .vbo-seasons-calendar-restrictions {
3126 display: block;
3127 }
3128 .vbo-seasons-calendar-restriction-minlos {
3129 display: inline-block;
3130 padding: 6px 6px 5px 7px;
3131 background: var(--vbo-config-border-color);
3132 font-size: 12px;
3133 font-weight: bold;
3134 border-radius: 2px;
3135 margin-top: 3px;
3136 }
3137 .vbo-seasons-calendar-restriction-minlos-badge {
3138 display: inline-block;
3139 min-width: 20px;
3140 min-height: 20px;
3141 background: var(--vbo-config-bg-color);
3142 color: var(--vbo-body-text-color);
3143 font-size: 13px;
3144 font-weight: bold;
3145 padding: 4px;
3146 border-radius: 50%;
3147 text-align: center;
3148 margin-left: 2px;
3149 }
3150 .vbo-seasons-calendar-restriction-maxlos {
3151 display: inline-block;
3152 padding: 2px 3px 2px 3px;
3153 background: var(--vbo-config-text-color-light);
3154 font-size: 12px;
3155 font-weight: bold;
3156 border-radius: 4px;
3157 }
3158 .vbo-seasons-calendar-restriction-maxlos-badge {
3159 display: inline-block;
3160 min-width: 20px;
3161 min-height: 20px;
3162 background: var(--vbo-config-bg-color);
3163 color: var(--vbo-body-text-color);
3164 font-size: 13px;
3165 font-weight: bold;
3166 padding: 4px;
3167 border-radius: 50%;
3168 text-align: center;
3169 margin-left: 2px;
3170 }
3171 .vbo-seasons-calendar-restriction-wdays {
3172 display: block;
3173 }
3174 .vbo-seasons-calendar-restriction-wdays label {
3175 display: block;
3176 font-style: italic;
3177 }
3178 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3179 display: inline-block;
3180 padding: 2px 3px 2px 3px;
3181 margin-right: 4px;
3182 background: var(--vbo-base-color);
3183 color: #fff;
3184 border-radius: 4px;
3185 }
3186 .vbo-ratesoverview-roomsel-entry-calc-inner {
3187 border-bottom: 1px solid var(--vbo-basic-btn);
3188 padding: 0 0 10px;
3189 margin: 10px 0 0;
3190 }
3191 .vbo-ratesoverview-calculation-response {
3192 margin: 10px 0 0;
3193 }
3194 .vbo-ratesoverview-calculation-response-room {
3195 margin: 10px 0 40px;
3196 }
3197 .vbo-ratesoverview-calculation-response-room:last-child {
3198 margin-bottom: 0;
3199 padding-bottom: 0;
3200 border: 0;
3201 }
3202 .vbo-ratesoverview-calculation-response-room h4 {
3203 font-weight: normal;
3204 font-size: 14px;
3205 }
3206 .vbo-ratesoverview-calculation-response-room-name {
3207 display: block;
3208 font-weight: bold;
3209 font-size: 16px;
3210 margin-bottom: 5px;
3211 }
3212 .vbo-calcrates-rateblock {
3213 padding: 15px;
3214 margin: 15px 0;
3215 background: var(--vbo-config-bg-color);
3216 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3217 border-radius: 10px;
3218 display: flex;
3219 flex-wrap: wrap;
3220 }
3221 .vbo-calcrates-rateblock > span {
3222 display: inline-block;
3223 flex: 1;
3224 margin-right: 15px;
3225 font-size: 15px;
3226 color: var(--vbo-config-titles-color-light);
3227 }
3228 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3229 font-weight: bold;
3230 font-size: 17px;
3231 flex-basis: 100%;
3232 margin-bottom: 8px;
3233 vertical-align: top;
3234 align-self: center;
3235 }
3236 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3237 display: inline-block;
3238 font-weight: bold;
3239 margin-right: 55px;
3240 font-size: 16px;
3241 }
3242 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3243 width: 15%;
3244 }
3245 .vbo-calcrates-rateblock > span > span {
3246 display: block;
3247 font-size: 12px;
3248 font-weight: bold;
3249 color: var(--vbo-config-titles-color-light);
3250 }
3251 .vbo-calcrates-rateblock .vbo-calcrates-info {
3252 margin-top: 14px;
3253 }
3254 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3255 align-self: center;
3256 background-color: var(--vbo-base-color);
3257 color: #fff;
3258 border: 0;
3259 padding: 9px 14px;
3260 font-weight: bold;
3261 display: inline-block;
3262 margin-left: auto;
3263 }
3264 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3265 background-color: var(--vbo-base-color-hover);
3266 }
3267 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3268 background-color: var(--vbo-link-text-color);
3269 }
3270 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3271 display: inline-block;
3272 min-width: 100px;
3273 margin: 0 15px 0 0;
3274 font-weight: bold;
3275 font-size: 12px;
3276 }
3277 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3278 display: inline-block;
3279 font-style: italic;
3280 margin-right: 5px;
3281 color: var(--vbo-config-titles-color-light);
3282 }
3283
3284 .vbo-ratesoverview-tabscont {
3285 margin: 0 0 10px 0;
3286 text-align: right;
3287 float: right;
3288 }
3289 .vbo-ratesoverview-tabscont div {
3290 cursor: pointer;
3291 display: inline-block;
3292 text-align: center;
3293 padding: 12px;
3294 margin: 0 5px;
3295 border-radius: 2px;
3296 font-size: 14px;
3297 }
3298 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3299 background: var(--vbo-blue-color);
3300 color: #fff;
3301 font-weight: bold;
3302 border: 2px solid var(--vbo-blue-color);
3303 }
3304 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3305 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3306 border: 2px solid var(--vbo-config-child-bg-color);
3307 }
3308 .vbo-roverw-rplan-on {
3309 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3310 color: var(--vbo-body-text-color);
3311 cursor: pointer;
3312 font-size: 15px;
3313 }
3314 .vbo-roverw-rplan-on:hover {
3315 background: var(--vbo-light-color-btn);
3316 }
3317 .vbo-roverw-rplan-off {
3318 background: var(--vbo-red-color) none repeat scroll 0 0;
3319 color: #fff;
3320 cursor: not-allowed;
3321 }
3322 .block-picked-start, .block-picked-middle, .block-picked-end,
3323 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3324 background: var(--vbo-orange-color) none repeat scroll 0 0;
3325 }
3326 .vbo-smallersp {
3327 font-size: smaller;
3328 }
3329 .vbo-roverw-infoblock {
3330 display: block;
3331 padding-bottom: 8px;
3332 margin-bottom: 8px;
3333 text-align: center;
3334 border-bottom: 1px solid var(--vbo-config-border-color);
3335 }
3336 .vbo-roverw-infoblock span {
3337 display: inline-block;
3338 font-weight: bold;
3339 font-size: 13px;
3340 }
3341 .vbo-roverw-infoblock span#rovervw-roomname {
3342 display: block;
3343 text-align: center;
3344 font-weight: bold;
3345 font-size: 18px;
3346 margin-bottom: 7px;
3347 }
3348 .vbo-roverw-alldays {
3349 display: table;
3350 width: 100%;
3351 }
3352 .vbo-roverw-alldays-inner {
3353 display: table-cell;
3354 text-align: center;
3355 vertical-align: middle;
3356 }
3357 .vbo-roverw-daymod {
3358 display: inline-block;
3359 vertical-align: top;
3360 margin: 4px 6px;
3361 padding: 12px 10px;
3362 background: var(--vbo-blue-color) none repeat scroll 0 0;
3363 border-radius: 4px;
3364 text-align: center;
3365 width: 19%;
3366 }
3367 .vbo-roverw-daymod-innercell {
3368 position: relative;
3369 }
3370 .vbo-roverw-daymod-infospids {
3371 bottom: -10px;
3372 color: #d6e2ff;
3373 cursor: pointer;
3374 font-size: 15px;
3375 font-weight: bold;
3376 right: -8px;
3377 padding: 0;
3378 position: absolute;
3379 }
3380 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3381 color: #fff;
3382 }
3383 .vbo-roverw-daymod-infospids span {
3384 display: inline-block;
3385 margin: 0;
3386 }
3387 .vbo-roverw-daymod-infospids-outcont {
3388 display: none;
3389 position: absolute;
3390 transform: translate(-50%, 0%);
3391 padding: 10px;
3392 border: 2px solid var(--vbo-config-border-color);
3393 border-radius: 2px;
3394 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3395 box-shadow: 0 0 10px rgba(0,0,0,.15);
3396 top: 72px;
3397 left: 50%;
3398 min-width: 150px;
3399 z-index: 101;
3400 }
3401 .vbo-roverw-daymod-infospids-incont ul {
3402 margin: 0;
3403 }
3404 .vbo-roverw-daymod-infospids-incont ul li {
3405 list-style-type: none;
3406 border-bottom: 1px solid var(--vbo-config-border-color);
3407 padding: 5px 0;
3408 }
3409 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3410 border: 0;
3411 }
3412 .vbo-roverw-daymod-infospids-incont ul li a {
3413 color: var(--vbo-config-title-color);
3414 font-weight: bold;
3415 }
3416 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3417 color: var(--vbo-blue-color);
3418 }
3419 .vbo-roverw-daydate {
3420 display: inline-block;
3421 text-align: center;
3422 width: 96%;
3423 color: #fff;
3424 padding-bottom: 5px;
3425 margin-bottom: 0;
3426 }
3427 .vbo-roverw-dayprice {
3428 display: inline-block;
3429 text-align: center;
3430 color: #fff;
3431 font-weight: bold;
3432 border: 1px solid var(--vbo-base-color);
3433 border-radius: 4px;
3434 padding: 7px;
3435 width: 100%;
3436 box-sizing: border-box;
3437 font-size: 15px;
3438 }
3439 .vbo-roverw-setnewrate {
3440 display: block;
3441 margin-top: 20px;
3442 width: 100%;
3443 border-top: 1px solid var(--vbo-config-border-color);
3444 padding: 10px 0;
3445 }
3446 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3447 display: flex;
3448 margin-bottom: 10px;
3449 }
3450 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3451 flex: 1;
3452 text-align: center;
3453 border: 1px solid var(--vbo-config-border-color);
3454 border-radius: 4px;
3455 margin: 5px 10px;
3456 padding: 12px;
3457 box-shadow: 0 0 10px rgba(0,0,0,.1);
3458 }
3459 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3460 background: var(--vbo-config-bg-color);
3461 border: 1px solid var(--vbo-config-border-color);
3462 border-radius: 2px;
3463 padding: 8px 10px;
3464 }
3465 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3466 display: inline-block;
3467 }
3468 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3469 width: 100px !important;
3470 }
3471 .vbo-roverw-closeopenrp {
3472 display: table;
3473 margin: 0 auto 20px;
3474 margin-top: 30px;
3475 padding: 0;
3476 background: var(--vbo-config-child-bg-color);
3477 border-radius: 5px;
3478 }
3479 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3480 padding: 4px 0;
3481 text-align: center;
3482 margin: 0 0 7px;
3483 font-size: 16px;
3484 }
3485 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3486 color: var(--vbo-config-titles-color-light);
3487 font-size: 14px;
3488 margin-right: 5px;
3489 }
3490
3491 .vbo-roverw-closeopenrp h4 {
3492 cursor: pointer;
3493 background: var(--vbo-middle-color-btn);
3494 border-radius: 5px;
3495 padding: 15px 20px;
3496 margin: 0;
3497 color: #fff;
3498 font-weight: normal;
3499 }
3500 .vbo-roverw-closeopenrp-btns {
3501 display: none;
3502 text-align: center;
3503 margin-top: 30px;
3504 margin-bottom: 20px;
3505 }
3506 .vbo-roverw-closeopenrp-btns button {
3507 margin: 0 3px;
3508 padding: 8px 12px;
3509 }
3510 .vbo-roverw-setnewrate-inner {
3511 display: block;
3512 text-align: center;
3513 }
3514 .vbo-roverw-setnewrate-btns {
3515 display: block;
3516 text-align: center;
3517 margin-top: 15px;
3518 }
3519 .vbo-roverw-setnewrate-btns button {
3520 margin: 0 3px;
3521 }
3522 .vbo-roverw-setnewrate-btns button.btn-danger {
3523 border-radius: 3px;
3524 padding: 10px 14px;
3525 margin-bottom: 0;
3526 }
3527 .vbo-info-overlay-loading {
3528 display: none;
3529 position: fixed;
3530 left: 40%;
3531 top: 40%;
3532 width: 20%;
3533 height: 20%;
3534 z-index: 101;
3535 padding: 10px;
3536 color: #fff;
3537 font-size: 30px;
3538 text-align: center;
3539 }
3540 .vbo-modal-overlay-content-body-scroll {
3541 height: calc(100% - 200px);
3542 overflow: hidden;
3543 overflow-y: scroll;
3544 }
3545 .vbo-roverviewrowone .bluedays {
3546 background: var(--vbo-base-color);
3547 color: #fff;
3548 padding: 6px 15px;
3549 cursor: pointer;
3550 }
3551 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3552 color: var(--vbo-body-text-color);
3553 }
3554 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3555 background: #095880;
3556 }
3557 .vbo-roverviewrowone .vbo-roverv-festcell {
3558 background: #a07e9a !important;
3559 cursor: pointer;
3560 }
3561 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3562 background-color: #bf8cb6 !important;
3563 }
3564 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3565 background-color: #cca5c5 !important;
3566 }
3567 .vbo-roverviewrowone .bluedays > span {
3568 display: block;
3569 }
3570 .vbo-roverw-roomdaynote-icn {
3571 position: relative;
3572 }
3573 .vbo-roverw-roomdaynote-icn i {
3574 position: absolute;
3575 right: -10px;
3576 top: 2px;
3577 font-size: 12px;
3578 }
3579 .vbo-roverw-roomdaynote-icn:hover i {
3580 color: var(--vbo-body-text-color);
3581 }
3582 .vbo-roverviewrowone .vbo-roverw-tablewday {
3583 color: #fff;
3584 font-size: 12px;
3585 }
3586 .vbo-roverviewrowone .vbo-roverw-tablemday {
3587 font-size: 24px;
3588 margin: 3px 0;
3589 }
3590 .vbo-roverw-tablemonth {
3591 font-size: 12px;
3592 color: #fff;
3593 text-transform: uppercase;
3594 font-weight: normal;
3595 }
3596 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3597 display: inline-block;
3598 vertical-align: top;
3599 }
3600 .vbo-roverview-datecmd {
3601 margin-bottom: 3px;
3602 }
3603 .vbo-roverview-datecmd form {
3604 margin: 0 !important;
3605 }
3606 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3607 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3608 color: var(--vbo-blue-color);
3609 font-size: 15px;
3610 text-decoration: none;
3611 margin-top: 5px;
3612 background: var(--vbo-body-bg-color);
3613 padding: 3px 5px;
3614 display: inline-block;
3615 width: 15px;
3616 border-radius: 2px;
3617 vertical-align: top;
3618 }
3619 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3620 text-decoration: none;
3621 color: var(--vbo-config-titles-color-light);
3622 }
3623 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3624 margin-right: 10px;
3625 }
3626 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3627 margin-bottom: 0;
3628 padding: 0 10px;
3629 }
3630 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3631 font-size: 15px;
3632 text-decoration: none;
3633 margin-top: 5px;
3634 background: var(--vbo-input-style);
3635 padding: 8px 5px;
3636 display: inline-block;
3637 width: 112px;
3638 border-radius: 2px;
3639 vertical-align: top;
3640 }
3641 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3642 width: 70px !important;
3643 cursor: pointer;
3644 margin: -3px 0 0 3px;
3645 border: 0;
3646 padding: 0;
3647 font-weight: bold;
3648 }
3649 .vbo-roverview-datecmd a {
3650 display: inline-block;
3651 }
3652 .vbo-roverviewtablerow td {
3653 padding: 15px 10px;
3654 }
3655 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3656 padding: 9px 10px 18px;
3657 }
3658 .vbo-roverviewtableavrow td {
3659 padding: 10px 10px;
3660 }
3661 .vbo-roverviewtablerow td:first-child {
3662 font-weight: bold;
3663 background: var(--vbo-config-child-bg-color);
3664 background-clip: padding-box;
3665 }
3666 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3667 background: var(--vbo-config-bg-color) !important;
3668 font-weight: bold;
3669 padding: 10px;
3670 font-size: 14px;
3671 }
3672 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3673 border: 0;
3674 }
3675 td.vbo-roverw-daynotbusy {
3676 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3677 color: var(--vbo-body-text-color);
3678 cursor: not-allowed;
3679 }
3680 td.vbo-roverw-daybusy {
3681 background: var(--vbo-red-color) none repeat scroll 0 0;
3682 color: #fff;
3683 cursor: not-allowed;
3684 }
3685 td.vbo-roverw-daybusypartially {
3686 background: var(--vbo-orange-color) none repeat scroll 0 0;
3687 color: #fff;
3688 cursor: not-allowed;
3689 }
3690 .vbo-roverview-roomunits {
3691 background: #3e6372 none repeat scroll 0 0;
3692 border-radius: 50%;
3693 color: #fff;
3694 display: inline-block;
3695 font-size: 11px;
3696 font-weight: bold;
3697 margin: 0 5px 0 0;
3698 height: 14px;
3699 width: 14px;
3700 line-height: 14px;
3701 padding: 3px;
3702 text-align: center;
3703 }
3704 .vbo-info-overlay-content-rovervw {
3705 padding: 20px 10px !important;
3706 height: 80% !important;
3707 }
3708 .ui-datepicker-multi-2 .ui-datepicker-group {
3709 width: 49% !important;
3710 }
3711 .vbo-roverw-setnewrate-vcm {
3712 padding: 4px;
3713 display: block;
3714 width: 50%;
3715 margin: 0 auto;
3716 }
3717 .vbo-roverw-setnewrate-vcm-head {
3718 margin-bottom: 5px;
3719 font-weight: bold;
3720 }
3721 .vbo-roverw-setnewrate-vcm-body {
3722 text-align: center;
3723 }
3724 .vbo-vcm-notinstalled {
3725 color: var(--vbo-red-color);
3726 }
3727 .vbo-vcm-installed {
3728 color: var(--vbo-config-title-color);
3729 }
3730 /* Rates, Restrictions and Seasons Calendar - End */
3731 /* Toggle Switch - Start */
3732 /* The switch - the box around the slider */
3733 .vbo-switch {
3734 position: relative;
3735 display: inline-block;
3736 width: 60px;
3737 height: 34px;
3738 }
3739 /* Hide default HTML checkbox */
3740 .vbo-switch input {
3741 display: none;
3742 }
3743 /* The slider */
3744 .vbo-slider {
3745 position: absolute;
3746 cursor: pointer;
3747 top: 0;
3748 left: 0;
3749 right: 0;
3750 bottom: 0;
3751 background-color: #ccc;
3752 -webkit-transition: .4s;
3753 transition: .4s;
3754 }
3755 .vbo-slider.vbo-slider-disabled {
3756 cursor: not-allowed;
3757 }
3758 .vbo-slider:before {
3759 position: absolute;
3760 content: "";
3761 height: 26px;
3762 width: 26px;
3763 left: 4px;
3764 bottom: 4px;
3765 background-color: white;
3766 -webkit-transition: .4s;
3767 transition: .4s;
3768 }
3769 input:checked + .vbo-slider {
3770 background-color: #2196F3;
3771 }
3772 input:focus + .vbo-slider {
3773 box-shadow: 0 0 1px #2196F3;
3774 }
3775 input:checked + .vbo-slider:before {
3776 -webkit-transform: translateX(26px);
3777 -ms-transform: translateX(26px);
3778 transform: translateX(26px);
3779 }
3780 /* Rounded sliders */
3781 .vbo-slider.vbo-round {
3782 border-radius: 34px;
3783 }
3784 .vbo-slider.vbo-round:before {
3785 border-radius: 50%;
3786 }
3787 /* Toggle Switch - End */
3788 .new_depovr_container {
3789 margin: 4px 0 15px;
3790 padding: 10px;
3791 border: 1px solid var(--vbo-config-border-color);
3792 border-radius: 4px;
3793 }
3794 .new_depovr_container > span {
3795 display: inline-block;
3796 vertical-align: top;
3797 margin-right: 23px;
3798 }
3799 .new_depovr_container > span:last-child {
3800 margin-right: 0;
3801 float: right;
3802 }
3803 .new_depovr_container > span > span {
3804 display: inline-block;
3805 margin: 0 5px;
3806 }
3807 .new_depovr_container > span > .btn-danger {
3808 padding: 8px 13px 11px;
3809 font-weight: bold;
3810 font-size: 20px;
3811 line-height: 16px;
3812 }
3813 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3814 margin: 0 !important;
3815 }
3816 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3817 width: 100px !important;
3818 }
3819 .cur_depoverrides {
3820 margin: 0 0 4px 0;
3821 display: inline-block;
3822 }
3823 .cur_depoverrides span {
3824 margin: 3px;
3825 border-bottom: 1px solid var(--vbo-config-text-color-light);
3826 border: 1px solid var(--vbo-config-border-color);
3827 padding: 5px 8px;
3828 border-radius: 3px;
3829 background: var(--vbo-config-child-bg-color);
3830 display: inline-block;
3831 }
3832 .cur_depoverrides span:first-child {
3833 margin-left: 0;
3834 }
3835 .cur_depoverrides + .btn {
3836 display: inline-block;
3837 vertical-align: top;
3838 margin-top: 3px;
3839 padding: 5px 10px;
3840 }
3841 /* Timeline Rates Overview - Start */
3842 .vbo-ratesoverview-lostab-cont .table-responsive {
3843 width: 98%;
3844 margin: 10px auto 20px;
3845 border-radius: 10px;
3846 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3847 }
3848 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3849 border-top: 1px solid var(--vbo-config-border-color);
3850 }
3851 .vbo-timeline-container {
3852 display: block;
3853 width: 100%;
3854 margin: auto auto 0;
3855 overflow: auto;
3856 }
3857 #vbo-timeline {
3858 list-style: none;
3859 margin: 70px auto 0;
3860 padding: 0;
3861 border-top: 8px solid var(--vbo-blue-color);
3862 display: table;
3863 border-spacing: 30px 0;
3864 text-align: center;
3865 }
3866 #vbo-timeline li {
3867 display: table-cell;
3868 height: 160px;
3869 }
3870 #vbo-timeline li .vbo-timeline-relative {
3871 position: relative;
3872 }
3873 #vbo-timeline p {
3874 margin: 0;
3875 }
3876 .vbo-timeline-date {
3877 text-align: center;
3878 top: -45px;
3879 left: 0;
3880 right: 0;
3881 font-size: 0.95em;
3882 line-height: 25px;
3883 position: absolute;
3884 font-weight: bold;
3885 }
3886 .vbo-timeline-circle {
3887 margin: 0 auto;
3888 top: -14px;
3889 left: 0;
3890 right: 0;
3891 width: 10px;
3892 height: 10px;
3893 background: var(--vbo-config-bg-color);
3894 border: 5px solid var(--vbo-blue-color);
3895 border-radius: 50%;
3896 display: block;
3897 position: absolute;
3898 cursor: pointer;
3899 }
3900 .vbo-timeline-content {
3901 border-color: var(--vbo-main-bg-color);
3902 width: 180px;
3903 max-height: 120px;
3904 margin-top: 25px;
3905 vertical-align: top;
3906 padding: 35px 15px 15px;
3907 transition: width 0.2s linear, max-height 0.2s linear;
3908 border-width: 2px;
3909 border-style: solid;
3910 border-radius: 0.5em;
3911 position: relative;
3912 }
3913 .vbo-timeline-content:before, .vbo-timeline-content:after {
3914 content: "";
3915 width: 0;
3916 height: 0;
3917 border: solid transparent;
3918 position: absolute;
3919 pointer-events: none;
3920 bottom: 100%;
3921 }
3922 .vbo-timeline-content:before {
3923 border-bottom-color: inherit;
3924 border-width: 15px;
3925 left: 50%;
3926 margin-left: -15px;
3927 }
3928 .vbo-timeline-content:after {
3929 border-bottom-color: var(--vbo-config-bg-color);
3930 border-width: 12px;
3931 left: 50%;
3932 margin-left: -12px;
3933 }
3934 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
3935 background-color: transparent !important;
3936 border: 1px solid var(--vbo-blue-color);
3937 color: var(--vbo-blue-color);
3938 padding: 8px 6px !important;
3939 vertical-align: top;
3940 }
3941 .vbo-timeline-content .label-info .badge {
3942 background: var(--vbo-blue-color) !important;
3943 margin-left: 2px;
3944 }
3945 .vbo-timeline-content .btn {
3946 padding: 8px 15px;
3947 box-shadow: none;
3948 border-color: var(--vbo-config-border-color);
3949 vertical-align: top;
3950 }
3951 .vbo-timeline-content .btn i {
3952 margin-right: 5px;
3953 }
3954 .vbo-timeline-content p {
3955 max-height: 0;
3956 color: transparent;
3957 text-align: center;
3958 /* text-align: justify; */
3959 word-break: break-word;
3960 -moz-hyphens: auto;
3961 overflow: hidden;
3962 }
3963 .vbo-ratesoverview-bottom-container {
3964 background: var(--vbo-config-bg-color);
3965 }
3966 label.vbo-timeline-label {
3967 font-size: 1.2em;
3968 position: absolute;
3969 z-index: 1;
3970 cursor: pointer;
3971 width: 180px;
3972 white-space: nowrap;
3973 text-overflow: ellipsis;
3974 overflow: hidden;
3975 display: block;
3976 top: 35px;
3977 left: 15px;
3978 }
3979 .vbo-timeline-radio {
3980 display: none;
3981 }
3982 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
3983 cursor: auto;
3984 width: 300px;
3985 }
3986 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
3987 background: var(--vbo-green-color);
3988 }
3989 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
3990 max-height: 180px;
3991 border-color: var(--vbo-blue-color);
3992 width: 300px;
3993 }
3994 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
3995 max-height: 180px;
3996 min-height: 35px;
3997 color: var(--vbo-config-title-color);
3998 transition: color 0.3s linear 0.3s;
3999 -webkit-transition: color 0.3s linear 0.3s;
4000 }
4001 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4002 max-height: 0;
4003 max-width: 0;
4004 color: transparent;
4005 word-break: break-word;
4006 -moz-hyphens: auto;
4007 overflow: hidden;
4008 }
4009 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4010 max-height: 180px;
4011 min-height: 35px;
4012 color: #fff;
4013 transition: color 0.3s linear 0.3s;
4014 -webkit-transition: color 0.3s linear 0.3s;
4015 }
4016 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4017 background-color: var(--vbo-orange-color);
4018 }
4019 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4020 background-color: var(--vbo-input-style-nested-deactive);
4021 color: var(--vbo-body-text-color);
4022 }
4023 /* Timeline Rates Overview - End */
4024 /* Translations - Start */
4025 .vbo-translation-langtabs {
4026 display: block;
4027 margin: 0;
4028 padding: 0;
4029 background: var(--vbo-config-bg-color);
4030 border: 1px solid var(--vbo-config-border-color);
4031 }
4032 .vbo-translation-tab {
4033 display: inline-block;
4034 cursor: pointer;
4035 vertical-align: middle;
4036 font-weight: bold;
4037 min-width: 120px;
4038 text-align: center;
4039 color: var(--vbo-config-titles-color-light);
4040 border-right: 1px solid var(--vbo-config-border-color);
4041 border-bottom: none;
4042 margin: 0 0 -1px;
4043 padding: 12px 14px;
4044 }
4045 .vbo-translation-tab .vbo-translation-flag {
4046 margin-right: 5px;
4047 }
4048 .vbo-translation-tab:hover {
4049 background: var(--vbo-config-child-bg-color);
4050 }
4051 .vbo-translation-tab-default {
4052 border-bottom: 2px solid var(--vbo-blue-color);
4053 color: var(--vbo-blue-color);
4054 }
4055 .vbo-translation-tabscontents {
4056 display: block;
4057 margin: 0;
4058 padding: 0;
4059 border: 1px solid var(--vbo-config-border-color);
4060 min-height: 200px;
4061 }
4062 .vbo-translation-langcontent {
4063 background: var(--vbo-main-bg-color);
4064 }
4065 .vbo-translation-langcontent .adminlegend {
4066 margin: 10px 20px 0;
4067 border-bottom: 0;
4068 color: var(--vbo-config-title-color);
4069 }
4070 .vbo-translations-tab-container {
4071 padding: 0 10px;
4072 }
4073 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4074 background: var(--vbo-config-bg-color);
4075 border-radius: 8px;
4076 padding: 20px;
4077 margin: 15px 10px;
4078 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4079 }
4080 .vbo-translations-element-title {
4081 border-bottom: 1px solid var(--vbo-basic-btn);
4082 font-size: 16px;
4083 font-weight: bold;
4084 padding-bottom: 10px;
4085 margin-bottom: 10px;
4086 }
4087 .vbo-translations-element-row {
4088 display: flex;
4089 margin: 25px 0;
4090 font-size: 14px;
4091 }
4092 .vbo-translations-element-row-nested {
4093 margin: 0 0 0 10px;
4094 padding: 10px;
4095 background: var(--vbo-config-child-bg-color);
4096 border-bottom: 1px solid var(--vbo-basic-btn);
4097 }
4098 .vbo-translations-element-row .vbo-translations-element-lbl {
4099 flex-basis: 250px;
4100 margin-right: 20px;
4101 margin-bottom: 5px;
4102 }
4103 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4104 margin-right: 0;
4105 }
4106 .vbo-translations-element-row .vbo-translations-element-val {
4107 flex: 1;
4108 }
4109 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4110 height: 250px !important;
4111 }
4112 .vbo-translations-element-row .vbo-translations-element-val textarea {
4113 width: 100%;
4114 }
4115 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4116 padding-left: 35px;
4117 }
4118 .vbo-translations-language-element .vbo-translations-element-lbl {
4119 position: relative;
4120 }
4121 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal {
4122 position: absolute;
4123 padding: 4px 8px;
4124 background-color: var(--vbo-basic-btn);
4125 border: 1px solid var(--vbo-config-border-color);
4126 cursor: pointer;
4127 margin-top: 5px;
4128 border-radius: 4px;
4129 }
4130 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal:hover {
4131 background-color: var(--vbo-basic-btn-hover);
4132 }
4133 .vbo-translate-column-cell {
4134 background: none repeat scroll 0 0 #e9e9e9;
4135 border-right: 1px solid #ddd;
4136 text-align: right !important;
4137 vertical-align: middle !important;
4138 }
4139 .vbo-translate-reference-cell {
4140 background: none repeat scroll 0 0 #e9e9e9;
4141 text-align: left !important;
4142 font-size: 105%;
4143 font-weight: bold;
4144 }
4145 .vbo-missing-translation,.vbo-field-translated {
4146 position: relative;
4147 }
4148 .vbo-missing-translation:before {
4149 border: 1px solid var(--vbo-orange-color);
4150 border-radius: 50%;
4151 color: var(--vbo-orange-color);
4152 content: "!";
4153 font-size: 12px;
4154 font-weight: bold;
4155 height: 18px;
4156 left: 2px;
4157 position: absolute;
4158 text-align: center;
4159 top: 0px;
4160 width: 18px;
4161 }
4162 .vbo-field-translated:before {
4163 border: 1px solid var(--vbo-green-color);
4164 border-radius: 50%;
4165 color: var(--vbo-green-color);
4166 content: "\2713";
4167 font-size: 12px;
4168 font-weight: bold;
4169 height: 18px;
4170 left: 2px;
4171 position: absolute;
4172 text-align: center;
4173 top: 0px;
4174 width: 18px;
4175 }
4176 .vbo-translation-tab.vbo-translation-tab-ini {
4177 float: right;
4178 border-right: 0;
4179 }
4180 .vbo-translation-tab-ini.vbo-translation-tab-default {
4181 border-bottom: 0;
4182 }
4183 .vbo-translation-iniflag {
4184 display: inline-block;
4185 padding: 1px 4px;
4186 background: none repeat scroll 0 0 #365868;
4187 color: #fff;
4188 border-radius: 2px;
4189 }
4190 .vbo-inifile-totrows {
4191 display: inline-block;
4192 margin-right: 8px;
4193 padding: 2px 4px;
4194 border: 1px solid #fff;
4195 border-radius: 5px;
4196 text-align: center;
4197 }
4198 .vbo-inifile-path {
4199 display: inline-block;
4200 margin-right: 8px;
4201 padding: 2px 4px;
4202 border: 1px solid #fff;
4203 border-radius: 5px;
4204 text-align: center;
4205 font-size: 90%;
4206 }
4207 .vbo-inifile-exists {
4208 background: none repeat scroll 0 0 #DFF2BF;
4209 color: #4F8A10;
4210 }
4211 .vbo-inifile-notfound {
4212 background: none repeat scroll 0 0 #FEEFB3;
4213 color: #9F6000;
4214 }
4215 /* Translations - End */
4216
4217 /* Dashboard - Start */
4218 .vbo-dashboard-fullcontainer {
4219 background: var(--vbo-main-bg-color);
4220 padding: 10px 0;
4221 }
4222 .vbo-dashboard-top-outer {
4223 display: flex;
4224 flex-wrap: wrap;
4225 padding: 18px
4226 }
4227 .vbo-dashboard-today-bookings {
4228 flex-basis: 70%;
4229 display: flex;
4230 -ms-flex-wrap: wrap;
4231 -webkit-flex-wrap: wrap;
4232 flex-wrap: wrap;
4233 }
4234 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4235 flex: 1;
4236 }
4237 .vbo-dashboard-forecast-wrap {
4238 background-color: #fff;
4239 border-radius: 16px;
4240 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4241 }
4242 .vbo-dashboard-forecast-wrap h4 {
4243 font-size: 20px;
4244 font-weight: bold;
4245 padding: 23px 0px 22px 15px;
4246 margin-top: 0;
4247 border-bottom: 1px solid #ddd;
4248 text-align: center;
4249 }
4250 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4251 display: flex;
4252 border: 2px solid var(--vbo-red-color);
4253 border-radius: 6px;
4254 padding: 14px;
4255 margin: 10px 20px 0;
4256 }
4257 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4258 border: 0;
4259 }
4260 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4261 flex-basis: 52px;
4262 }
4263 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4264 width: 36px;
4265 height: 36px;
4266 border-radius: 50%;
4267 line-height: 36px;
4268 background: var(--vbo-base-color);
4269 color: #fff;
4270 font-size: 16px;
4271 text-align: center;
4272 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4273 }
4274 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4275 cursor: pointer;
4276 display: inline-block;
4277
4278 transition-timing-function: ease-in;
4279 transition: 0.2s;
4280 transform: translateY(-10px);
4281 }
4282 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4283 cursor: inherit;
4284 }
4285 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4286 overflow: hidden;
4287 padding-bottom: 5px;
4288 padding-top: 10px;
4289 margin-top: 0;
4290 }
4291 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4292 backface-visibility: hidden;
4293 transform: translateZ(0);
4294 transition: all 0.2s ease-in;
4295 padding-bottom: 14px;
4296 }
4297 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4298 margin-top: 0;
4299
4300 transition-timing-function: ease-out;
4301 transition: 0.25s;
4302 transform: translateY(0px);
4303 }
4304 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4305 position: absolute;
4306 }
4307 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4308 transform: translateY(-25px);
4309 }
4310 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4311 transform: translateY(-60px);
4312 }
4313 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4314 flex: 1;
4315 position: relative;
4316 }
4317 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4318 margin-top: 0;
4319 margin-bottom: 5px;
4320 color: var(--vbo-base-color);
4321 font-size: 14px;
4322 }
4323 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4324 position: absolute;
4325 right: -24px;
4326 top: -24px;
4327 background: var(--vbo-config-title-color);
4328 border: 2px solid var(--vbo-basic-btn);
4329 color: var(--vbo-basic-btn);
4330 width: 20px;
4331 height: 20px;
4332 text-align: center;
4333 line-height: 20px;
4334 border-radius: 50%;
4335 cursor: pointer;
4336 }
4337 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4338 font-weight: bold;
4339 margin: 0;
4340 }
4341 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4342 margin: 0;
4343 }
4344 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4345 margin-top: 8px;
4346 }
4347 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4348 margin-right: 4px;
4349 }
4350 .vbo-admin-widget-head-commands {
4351 position: relative;
4352 }
4353 .vbo-reportwidget-commands {
4354 text-align: right;
4355 padding-right: 15px;
4356 margin-bottom: 10px;
4357 display: flex;
4358 justify-content: flex-end;
4359 }
4360 .vbo-reportwidget-commands > div {
4361 display: inline-block;
4362 }
4363 .vbo-reportwidget-commands-main {
4364 display: flex;
4365 align-self: center;
4366 }
4367 .vbo-reportwidget-commands-main > div {
4368 display: inline-block;
4369 vertical-align: top;
4370 }
4371 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4372 font-size: 16px;
4373 color: var(--vbo-base-color);
4374 cursor: pointer;
4375 }
4376 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4377 color: var(--vbo-blue-color);
4378 }
4379 .vbo-reportwidget-command-dates {
4380 margin-right: 5px;
4381 }
4382 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4383 font-weight: bold;
4384 font-size: 1.1em;
4385 }
4386 .vbo-reportwidget-command-chevron {
4387 margin-top: 4px;
4388 }
4389 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4390 margin-right: 5px;
4391 }
4392 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4393 margin-left: 5px;
4394 }
4395 .vbo-reportwidget-command-chevron > span {
4396 display: inline-block;
4397 font-size: 14px;
4398 border: 1px solid #ddd;
4399 padding: 5px 10px;
4400 border-radius: 2px;
4401 background: #f6f6f6;
4402 cursor: pointer;
4403 }
4404 .vbo-reportwidget-command-chevron > span:hover {
4405 background: #eee;
4406 }
4407 .vbo-reportwidget-command-chevron > span:active {
4408 background: #fff;
4409 }
4410 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4411 vertical-align: top;
4412 margin: 2px 0 0 4px;
4413 padding: 8px 0 8px 10px;
4414 font-size: 16px;
4415 cursor: pointer;
4416 display: inline-block;
4417 }
4418 .vbo-reportwidget-command-dots:hover {
4419 color: var(--vbo-base-color);
4420 }
4421 .vbo-reportwidget-filters {
4422 display: none;
4423 position: absolute;
4424 right: 30px;
4425 background: var(--vbo-config-bg-color);
4426 padding: 20px;
4427 border-radius: 10px;
4428 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4429 z-index: 1;
4430 min-width: 150px;
4431 }
4432 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4433 background-color: var(--vbo-input-style);
4434 border: 1px solid var(--vbo-config-border-color);
4435 border-radius: 2px;
4436 margin-bottom: 0;
4437 display: inline-block;
4438 box-sizing: border-box;
4439 padding: 0 0 0 10px;
4440 width: 100%;
4441 display: flex;
4442 }
4443 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4444 border: 0;
4445 height: auto;
4446 padding: 9px 10px 9px 15px;
4447 margin-bottom: 0;
4448 }
4449 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4450 color: var(--vbo-config-titles-color-light);
4451 font-size: 15px;
4452 margin-top: 15px;
4453 float: left;
4454 }
4455 .vbo-reportwidget-filters select {
4456 width: 100% !important;
4457 margin-bottom: 0;
4458 border-radius: 2px;
4459 border: 1px solid var(--vbo-config-border-color);
4460 padding: 8px 10px;
4461 height: inherit;
4462 }
4463 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4464 margin: 5px 0 8px;
4465 }
4466 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4467 width: 240px;
4468 }
4469 .vbo-reportwidget-filter-confirm button {
4470 width: 100%;
4471 }
4472 .vbo-reportwidget-chart {
4473 padding-bottom: 15px;
4474 }
4475 .vbo-reportwidget-chart .err {
4476 margin: 20px;
4477 }
4478 #vbo-report-chart-canvas {
4479 max-width: 100%;
4480 margin: 0 auto;
4481 }
4482 .vbo-reportwidget-chart-metas {
4483 display: flex;
4484 flex-wrap: wrap;
4485 justify-content: center;
4486 margin: 0 10px 15px;
4487 }
4488 .vbo-reportwidget-chart-meta {
4489 flex-basis: calc(33% - 10px);
4490 flex-grow: 1;
4491 }
4492 .vbo-reportwidget-chart-meta-inner {
4493 background: var(--vbo-config-bg-color);
4494 border: 1px solid var(--vbo-basic-btn);
4495 border-bottom: 3px solid var(--vbo-basic-btn);
4496 padding: 20px;
4497 border-radius: 16px;
4498 margin: 5px;
4499 position: relative;
4500 }
4501 .vbo-reportwidget-chart-meta-inner:after {
4502 height: 30px;
4503 width: 4px;
4504 background: var(--vbo-config-border-color);
4505 content: "";
4506 position: absolute;
4507 left: -3px;
4508 top: 17px;
4509 }
4510 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4511 background-color: var(--vbo-blue-color);
4512 }
4513 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4514 background-color: var(--vbo-red-color);
4515 }
4516 .vbo-reportwidget-chart-meta-lbl {
4517 font-weight: bold;
4518 color: var(--vbo-config-titles-color-light);
4519 margin-bottom: 6px;
4520 }
4521 .vbo-reportwidget-chart-meta-val {
4522 font-size: 26px;
4523 font-weight: bold;
4524 }
4525 .vbo-reportwidget-chart-meta-val-main {
4526 display: inline-block;
4527 margin: 4px 0 6px;
4528 white-space: nowrap;
4529 font-size: 20px;
4530 font-weight: bold;
4531 }
4532 .vbo-guestactivitywidget-commands {
4533 text-align: right;
4534 padding: 5px 15px 10px 0;
4535 }
4536 .vbo-guestactivitywidget-commands > div {
4537 display: inline-block;
4538 }
4539 .vbo-guestactivitywidget-commands-main > div {
4540 display: inline-block;
4541 vertical-align: top;
4542 }
4543 .vbo-guestactivitywidget-commands-main {
4544 display: flex;
4545 }
4546 .vbo-guestactivitywidget-command-chevron {
4547 margin-top: 4px;
4548 }
4549 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4550 margin-right: 5px;
4551 }
4552 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4553 margin-left: 5px;
4554 }
4555 .vbo-guestactivitywidget-command-chevron > span {
4556 display: inline-block;
4557 font-size: 14px;
4558 border: 1px solid var(--vbo-config-border-color);
4559 padding: 5px 10px;
4560 border-radius: 2px;
4561 background: var(--vbo-config-child-bg-color);
4562 cursor: pointer;
4563 }
4564 .vbo-guestactivitywidget-command-chevron > span:hover {
4565 background: var(--vbo-basic-btn);
4566 }
4567 .vbo-guestactivitywidget-command-chevron > span:active {
4568 background: var(--vbo-config-bg-color);
4569 }
4570 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4571 display: grid;
4572 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
4573 gap: 10px;
4574 padding: 10px;
4575 width: 100%;
4576 box-sizing: border-box;
4577 }
4578 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4579 background: var(--vbo-config-bg-color);
4580 border: 1px solid var(--vbo-basic-btn);
4581 border-bottom: 3px solid var(--vbo-basic-btn);
4582 padding: 15px;
4583 border-radius: 16px;
4584 }
4585 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4586 background: var(--vbo-config-bg-color);
4587 border: 1px solid var(--vbo-basic-btn);
4588 border-bottom: 3px solid var(--vbo-basic-btn);
4589 padding: 15px;
4590 border-radius: 16px;
4591 position: relative;
4592 }
4593 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4594 border-color: #4e9b0059;
4595 background: #4e9b000f;
4596 }
4597 .vbo-widget-finance-stat-info {
4598 display: flex;
4599 }
4600 .vbo-widget-finance-stat-cmd {
4601 margin-left: auto;
4602 cursor: pointer;
4603 display: inline-block;
4604 padding: 0 0 0px 10px;
4605 }
4606
4607 .vbo-widget-finance-stat-cmd:hover i {
4608 color: var(--vbo-base-color);
4609 }
4610 .vbo-widget-finance-stat-name {
4611 font-weight: 500;
4612 margin-bottom: 6px;
4613 }
4614 .vbo-widget-finance-stat-amount {
4615 margin-top: 6px;
4616 }
4617 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4618 font-weight: bold;
4619 font-size: 18px;
4620 }
4621 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4622 margin-top: 8px;
4623 font-size: 14px;
4624 margin-bottom: 3px;
4625 font-weight: 500;
4626 border-top: 1px solid var(--vbo-config-border-color);
4627 padding-top: 8px;
4628 }
4629 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4630 font-size: 12px;
4631 display: inline-block;
4632 margin-left: 2px;
4633 color: var(--vbo-config-titles-color-light);
4634 }
4635 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4636 color: var(--vbo-green-color);
4637 }
4638 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4639 color: var(--vbo-red-color);
4640 }
4641 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4642 color: var(--vbo-blue-color);
4643 }
4644 .vbo-widget-finance-data-block-rankings {
4645 padding: 0 10px 10px 10px;
4646 display: grid;
4647 grid-template-columns: repeat(2, 1fr);
4648 gap: 10px;
4649 }
4650 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4651 font-size: 14px;
4652 margin-bottom: 10px;
4653 }
4654 .vbo-widget-finance-stat-rank {
4655 display: flex;
4656 margin-bottom: 10px;
4657 }
4658 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4659 margin-right: 10px;
4660 }
4661 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4662 width: 25px;
4663 text-align: center;
4664 height: 25px;
4665 line-height: 25px !important;
4666 border: 1px solid var(--vbo-config-border-color);
4667 border-radius: 50%;
4668 background: var(--vbo-config-child-bg-color);
4669 font-size: 11px;
4670 }
4671 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4672 width: 25px;
4673 height: 25px;
4674 object-fit: cover;
4675 border-radius: 50%;
4676 }
4677 .vbo-widget-finance-stat-rank-score {
4678 display: flex;
4679 flex-wrap: wrap;
4680 width: 100%;
4681 }
4682 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4683 flex-basis: 100%;
4684 }
4685 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4686 .vbo-upload-progress progress {
4687 width: 100%;
4688 border-radius: 20px;
4689 height: 10px;
4690 -webkit-appearance: none;
4691 appearance: none;
4692 }
4693 .vbo-upload-progress progress {
4694 width: 200px;
4695 }
4696 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4697 .vbo-upload-progress progress::-webkit-progress-bar {
4698 background: var(--vbo-basic-btn);
4699 border-radius: 20px;
4700 }
4701 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4702 .vbo-upload-progress progress::-webkit-progress-value {
4703 background: var(--vbo-base-color);
4704 border-radius: 20px;
4705 }
4706 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4707 .vbo-upload-progress progress::-moz-progress-bar {
4708 background: var(--vbo-base-color);
4709 border-radius: 20px;
4710 }
4711 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4712 .vbo-upload-progress progress::-moz-progress-value {
4713 background: var(--vbo-basic-btn);
4714 border-radius: 20px;
4715 }
4716 .vbo-widget-finance-stat-rank-amount {
4717 margin-left: auto;
4718 font-weight: bold;
4719 }
4720 .vbo-widget-finance-skeleton-block {
4721
4722 }
4723
4724 /* Tooltip - Start **/
4725 .vbo-tooltip {
4726 position: relative;
4727 }
4728 .vbo-tooltip::before,
4729 .vbo-tooltip::after {
4730 position: absolute;
4731 opacity: 0;
4732 visibility: hidden;
4733 -webkit-transition:
4734 opacity 0.3s ease-in-out,
4735 visibility 0.3s ease-in-out,
4736 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4737 -moz-transition:
4738 opacity 0.3s ease-in-out,
4739 visibility 0.3s ease-in-out,
4740 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4741 transition:
4742 opacity 0.3s ease-in-out,
4743 visibility 0.3s ease-in-out,
4744 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4745 -webkit-transform: translate3d(0, 0, 0);
4746 -moz-transform: translate3d(0, 0, 0);
4747 transform: translate3d(0, 0, 0);
4748 pointer-events: none;
4749 }
4750 .vbo-tooltip:hover::before,
4751 .vbo-tooltip:hover::after,
4752 .vbo-tooltip:focus::before,
4753 .vbo-tooltip:focus::after {
4754 opacity: 1;
4755 visibility: visible;
4756 }
4757 .vbo-tooltip::before {
4758 content: attr(data-tooltiptext);
4759 z-index: 10001;
4760 width: calc(100% + 40px);
4761 color: var(--vbo-body-text-color);
4762 background: var(--vbo-body-bg-color);
4763 border-radius: 15px;
4764 border: 1px solid var(--vbo-config-border-color);
4765 padding: 5px;
4766 font-size: 12px;
4767 line-height: 1.2;
4768 text-align: center;
4769 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4770 font-weight: normal;
4771 }
4772 .vbo-inspector-hover.vbo-tooltip::before {
4773 width: auto;
4774 font-weight: bold;
4775 }
4776 .vbo-tooltip::after {
4777 content: "";
4778 width: 0;
4779 height: 0;
4780 }
4781 .vbo-tooltip.vbo-tooltip-top::before,
4782 .vbo-tooltip.vbo-tooltip-top::after {
4783 bottom: 100%;
4784 left: 50%;
4785 transform: translate(-50%);
4786 margin-bottom: 2px;
4787 }
4788 .vbo-tooltip.vbo-tooltip-bottom::before,
4789 .vbo-tooltip.vbo-tooltip-bottom::after {
4790 top: 100%;
4791 left: 50%;
4792 transform: translate(-50%);
4793 margin-top: 2px;
4794 }
4795 /* Tooltip - End **/
4796
4797 .vbo-dashboard-firstsetup-container {
4798 width: 80%;
4799 margin: 0 auto;
4800 border: 1px solid var(--vbo-config-border-color);
4801 border-radius: 4px;
4802 padding: 30px;
4803 background: var(--vbo-config-bg-color);
4804 }
4805 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
4806 font-size: 24px;
4807 margin-top: 0;
4808 }
4809 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
4810 font-weight: normal;
4811 font-size: 18px;
4812 }
4813 .vbo-dashboard-firstsetup-body {
4814 display: flex;
4815 flex-wrap: wrap;
4816 margin: 20px auto;
4817 }
4818 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
4819 flex-basis: 25%;
4820 }
4821 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
4822 border: 1px solid var(--vbo-config-border-color);
4823 border-radius: 8px;
4824 margin: 10px;
4825 padding: 20px;
4826 font-size: 14px;
4827 background: var(--vbo-config-bg-color);
4828 box-shadow: 0 0 10px rgba(0,0,0,.05);
4829 height: 94%;
4830 }
4831 .vbo-dashboard-firstsetup-task-number {
4832 color: #82b8d5;
4833 font-size: 32px;
4834 margin-bottom: 20px;
4835 font-weight: bold;
4836 }
4837 .vbo-dashboard-firstsetup-task-details {
4838 text-align: center;
4839 font-weight: bold;
4840 }
4841 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
4842 font-size: 14px;
4843 }
4844 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
4845 margin-top: 10px;
4846 font-size: 26px;
4847 }
4848 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
4849 display: inline-block;
4850 min-height: 10px;
4851 }
4852 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
4853 display: block;
4854 margin-top: 22px;
4855 font-size: 22px;
4856 color: var(--vbo-green-color);
4857 }
4858 .vbo-dashboard-firstsetup-task-action {
4859 text-align: center;
4860 margin-top: 20px;
4861 }
4862 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
4863 background: var(--vbo-base-color);
4864 color: #fff;
4865 border: 1px solid var(--vbo-base-color);
4866 padding: 5px 15px;
4867 font-weight: bold;
4868 }
4869 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
4870 background: var(--vbo-base-color-hover);
4871 }
4872 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
4873 background: var(--vbo-link-text-color);
4874 }
4875 .vbo-dashboard-firstsetup-task-description {
4876 border-top: 1px solid var(--vbo-config-border-color);
4877 padding: 5px 10px;
4878 margin-top: 15px;
4879 color: var(--vbo-config-titles-color-light);
4880 text-align: center;
4881 background: var(--vbo-config-child-bg-color);
4882 }
4883 .vbo-dashboard-firstsetup-importbftpp-title {
4884 font-size: 16px;
4885 margin-bottom: 10px;
4886 margin-top: 20px;
4887 }
4888 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
4889 border-color: var(--vbo-red-color);
4890 }
4891 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
4892 color: var(--vbo-red-color);
4893 }
4894 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
4895 font-size: 18px;
4896 font-weight: normal;
4897 margin: 0;
4898 padding: 0;
4899 }
4900 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
4901 display: inline-block;
4902 margin-bottom: 10px;
4903 margin-right: 5px;
4904 }
4905 .btn.vbo-sampledata-btn {
4906 background: var(--vbo-base-color);
4907 color: #fff;
4908 font-weight: bold;
4909 border: 1px solid var(--vbo-base-color);
4910 }
4911 .btn.vbo-sampledata-btn:hover {
4912 background-color: var(--vbo-config-bg-color);
4913 color: var(--vbo-base-color);
4914 }
4915 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
4916 font-size: 16px;
4917 }
4918 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
4919 font-size: 16px;
4920 line-height: 1.4em;
4921 }
4922 .vbo-dashboard-today-bookings > div {
4923 margin: 0 18px 18px 0;
4924 }
4925 .vbo-admin-widgets-widget {
4926 display: block;
4927 border-radius: 16px;
4928 margin: 12px 0;
4929 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4930 background: var(--vbo-config-bg-color);
4931 }
4932 .vbo-admin-widget-head {
4933 border-top-right-radius: 16px;
4934 border-top-left-radius: 16px;
4935 border-bottom: 1px solid var(--vbo-config-border-color);
4936 display: inline-block;
4937 width: 100%;
4938 box-sizing: border-box;
4939 }
4940 .vbo-admin-widget-head .btn-toolbar {
4941 margin: 10px 15px 10px 10px;
4942 display: inline-block;
4943 }
4944 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
4945 margin-top: 4px;
4946 }
4947 .vbo-admin-widget-head .form-control {
4948 border: 1px solid var(--vbo-config-border-color);
4949 border-radius: 2px;
4950 padding: 8px 10px;
4951 margin-bottom: 0;
4952 box-sizing: border-box;
4953 height: auto;
4954 }
4955 .vbo-admin-widget-head .btn {
4956 padding: 8px 10px;
4957 border-radius: 0 2px 2px 0;
4958 border: 1px solid var(--vbo-config-border-color);
4959 }
4960 .vvbo-admin-widget-head .btn i {
4961 margin-right: 0;
4962 }
4963 .btn.btn-small {
4964 padding: 2px 10px;
4965 font-size: 12px;
4966 -webkit-border-radius: 3px;
4967 -moz-border-radius: 3px;
4968 border-radius: 3px;
4969 }
4970 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 {
4971 padding: 0 !important;
4972 height: 40px;
4973 }
4974 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 {
4975 padding: 0 !important;
4976 background: var(--vbo-base-color);
4977 border: 1px solid var(--vbo-base-color) !important;
4978 color: var(--vbo-contrast-text-color);
4979 display: flex;
4980 height: auto;
4981 }
4982 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 {
4983 background: var(--vbo-base-color) !important;
4984 border: 1px solid var(--vbo-base-color);
4985 color: var(--vbo-contrast-text-color);
4986 }
4987 .vbo-context-menu-btn .vbo-context-menu-lbl {
4988 padding: 10px;
4989 display: inline-block;
4990 }
4991 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
4992 padding: 3px 10px 3px;
4993 }
4994 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
4995 background: var(--vbo-base-color-hover);
4996 color: var(--vbo-contrast-text-color);
4997 border: 0;
4998 border-top-left-radius: 3px;
4999 border-bottom-left-radius: 3px;
5000 }
5001 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 {
5002 background: var(--vbo-orange-color);
5003 }
5004 .btn-warning.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5005 background: var(--vbo-orange-color-hover);
5006 color: var(--vbo-contrast-text-color);
5007 border: 0;
5008 }
5009 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 {
5010 background: var(--vbo-red-color);
5011 }
5012 .btn-danger.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5013 background: var(--vbo-red-color-hover);
5014 color: var(--vbo-contrast-text-color);
5015 border: 0;
5016 }
5017 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5018 background-color: var(--vbo-green-color);
5019 border-color: var(--vbo-green-color);
5020 }
5021 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 {
5022 background-color: var(--vbo-green-color-hover);
5023 border-color: var(--vbo-green-color-hover);
5024 }
5025 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 {
5026 background-color: var(--vbo-green-color-focus);
5027 border-color: var(--vbo-green-color-focus);
5028 }
5029 .vbo-context-menu-btn .vbo-context-menu-ico {
5030 padding: 12px 8px;
5031 text-align: center;
5032 border-top-right-radius: 3px;
5033 border-bottom-right-radius: 3px;
5034 }
5035 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5036 padding: 3px 8px 3px;
5037 }
5038 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5039 margin-right: 0;
5040 position: relative;
5041 top: -1px;
5042 vertical-align: initial;
5043 }
5044 .vbo-context-menu-btn .vbo-context-menu-ico:hover {
5045 background: var(--vbo-base-color-hover);
5046 }
5047 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5048 background: var(--vbo-base-color-hover);
5049 border-color: var(--vbo-base-color-hover);
5050 }
5051 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5052 border-radius: 3px;
5053 display: initial;
5054 vertical-align: initial;
5055 }
5056 .vik-context-menu.vbo-dropdown-cxmenu {
5057 background: var(--vbo-config-bg-color);
5058 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5059 z-index: 2147483647 !important;
5060 border: 1px solid rgba(0,0,0,.15);
5061 border-radius: .25rem;
5062 }
5063 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5064 color: var(--vbo-contrast-text-color);
5065 background: var(--vbo-base-color);
5066 cursor: pointer;
5067 }
5068 .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 {
5069 padding: 0;
5070 margin: 0;
5071 }
5072 .vik-context-menu.vbo-dropdown-cxmenu li a {
5073 color: var(--vbo-body-text-color);
5074 padding: 8px 12px;
5075 }
5076 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5077 background: var(--vbo-red-color);
5078 }
5079 .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 {
5080 background: var(--vbo-red-color-focus);
5081 }
5082 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5083 background: var(--vbo-orange-color-hover);
5084 }
5085 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5086 color: var(--vbo-config-text-color-light);
5087 font-size: 14px;
5088 min-width: 16px;
5089 }
5090 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5091 color: var(--vbo-contrast-text-color);
5092 }
5093 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5094 border-radius: 3px;
5095 }
5096 .vbo-admin-widget-head h4 {
5097 font-size: 18px;
5098 font-weight: bold;
5099 padding: 7px 0 3px 15px;
5100 margin: 12px 0;
5101 position: relative;
5102 display: inline-block;
5103 }
5104 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5105 vertical-align: middle;
5106 }
5107 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5108 display: inline-block;
5109 float: right;
5110 margin-top: 10px;
5111 }
5112 .vbo-dashboard-search-input {
5113 display: inline-block;
5114 vertical-align: middle;
5115 margin-left: 10px;
5116 margin-bottom: 2px;
5117 }
5118 .vbo-admin-widget-body {
5119 padding: 10px;
5120 }
5121 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5122 display: flex;
5123 padding: 10px 15px;
5124 border-bottom: 1px solid var(--vbo-basic-btn);
5125 cursor: pointer;
5126 }
5127 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5128 background: var(--vbo-light-color-btn);
5129 }
5130 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5131 border-bottom: 0;
5132 }
5133 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5134 width: 40px;
5135 margin-right: 15px;
5136 }
5137 .vbo-dashboard-guest-activity-avatar-icon {
5138 width: 40px;
5139 text-align: center;
5140 height: 40px;
5141 line-height: 40px !important;
5142 border: 1px solid var(--vbo-config-border-color);
5143 border-radius: 50%;
5144 background: var(--vbo-config-child-bg-color);
5145 font-size: 16px;
5146 }
5147 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5148 max-width: 100%;
5149 border-radius: 50%;
5150 object-fit: cover;
5151 }
5152 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5153 flex: 1;
5154 }
5155 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5156 margin: 0;
5157 }
5158 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5159 display: flex;
5160 }
5161 .vbo-dashboard-guest-activity-content-info-details {
5162 margin-bottom: 7px;
5163 flex: 1;
5164 }
5165 .vbo-w-guestmessages-message-staydates {
5166 font-size: 12px;
5167 position: relative;
5168 padding-left: 10px;
5169 color: var(--vbo-config-titles-color-light);
5170 }
5171 .vbo-w-guestmessages-message-staydates:after {
5172 content: "";
5173 width: 2px;
5174 height: 2px;
5175 background: var(--vbo-config-titles-color-light);
5176 top: 7px;
5177 left: 2px;
5178 position: absolute;
5179 border-radius: 50%;
5180 }
5181 .vbo-w-guestmessages-message-new {
5182 background: var(--vbo-toolbar-bg-color);
5183 }
5184 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle i {
5185 color: var(--vbo-base-color);
5186 font-size: 18px;
5187 margin: 0 0 0 5px;
5188 }
5189 .vbo-bookings-status-separator {
5190 margin-top: 5px;
5191 text-align: center;
5192 }
5193 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5194 height: calc(100% - 100px);
5195 }
5196 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5197 display: flex;
5198 padding: 12px 20px 6px;
5199 background: transparent;
5200 border-bottom: 1px solid var(--vbo-config-border-color);
5201 }
5202 .vbo-modal-wguestmessages-chat-wrap {
5203 height: 100%;
5204 }
5205 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5206 max-height: 540px;
5207 }
5208 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) {
5209 flex: 1;
5210 }
5211 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) span {
5212 display: inline-block;
5213 vertical-align: middle;
5214 }
5215 .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 {
5216 display: block;
5217 }
5218 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5219 display: inline-block;
5220 vertical-align: middle;
5221 line-height: 1em;
5222 }
5223 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label {
5224 margin-left: 10px;
5225 }
5226 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5227 background-color: var(--vbo-red-color);
5228 }
5229 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5230 margin-right: 10px;
5231 font-weight: bold;
5232 }
5233 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5234 margin-right: 10px;
5235 }
5236 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5237 width: 40px;
5238 height: 40px;
5239 object-fit: cover;
5240 border-radius: 50%;
5241 }
5242 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5243 margin-left: auto;
5244 align-self: center;
5245 }
5246 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5247 margin-right: 10px;
5248 margin-top: 2px;
5249 display: inline-block;
5250 width: 100%;
5251 }
5252 .vbo-dashboard-guest-activity-content-info-icon i {
5253 color: var(--vbo-base-color);
5254 font-size: 14px;
5255 }
5256 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5257 color: var(--vbo-orange-color);
5258 }
5259 .vbo-rdaybooking-subunits {
5260 margin-top: 6px;
5261 }
5262 .vbo-rdaybooking-subunits .label-warning {
5263 padding: 10px 6px !important;
5264 }
5265 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5266 display: inline-block;
5267 }
5268 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5269 min-height: 34px;
5270 line-height: 1.3em;
5271 margin: 3px 0;
5272 }
5273 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5274 font-weight: bold;
5275 margin-left: 2px;
5276 }
5277 .vbo-dashboard-guest-activity-content-info-date {
5278 margin-left: auto;
5279 font-size: .9em;
5280 text-align: right;
5281 color: var(--vbo-config-titles-color-light);
5282 }
5283 .vbo-dashboard-guest-activity-content-info-date span {
5284 display: block;
5285 }
5286 .vbo-dashboard-guest-activity-content-info-msg {
5287 color: var(--vbo-config-titles-color-light);
5288 font-size: 13px;
5289 }
5290 .vbo-dashboard-guest-activity-content-info-msg p {
5291 margin: 0;
5292 }
5293 .vbo-dashboard-guest-activity-skeleton {
5294 padding: 17px 15px;
5295 }
5296 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5297 width: 40px;
5298 height: 40px;
5299 border-radius: 50%;
5300 object-fit: cover;
5301 }
5302 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5303 width: 150px;
5304 height: 15px;
5305 }
5306 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5307 width: 70%;
5308 height: 15px;
5309 }
5310 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5311 width: 100%;
5312 height: 22px;
5313 }
5314 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5315 width: 50px;
5316 height: 11px;
5317 }
5318 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5319 width: 100%;
5320 height: 22px;
5321 }
5322 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5323 position: relative;
5324 overflow: hidden;
5325 display: inline-block;
5326 }
5327 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5328 position: absolute;
5329 top: 0;
5330 right: 0;
5331 bottom: 0;
5332 left: 0;
5333 transform: translateX(-100%);
5334 animation: shimmer 2s infinite;
5335 content: '';
5336 }
5337 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5338 margin-bottom: 5px;
5339 margin-top: 3px;
5340 }
5341
5342 @keyframes shimmer {
5343 100% {
5344 transform: translateX(100%);
5345 }
5346 }
5347
5348 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5349 display: flex;
5350 padding: 10px 15px;
5351 border-bottom: 1px solid var(--vbo-basic-btn);
5352 width: 100%;
5353 box-sizing: border-box;
5354 }
5355 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5356 width: 40px;
5357 margin-right: 15px;
5358 }
5359 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5360 max-width: 100%;
5361 border-radius: 50%;
5362 object-fit: cover;
5363 }
5364 .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 {
5365 width: 40px;
5366 text-align: center;
5367 height: 40px;
5368 line-height: 40px;
5369 border: 1px solid var(--vbo-config-border-color);
5370 border-radius: 50%;
5371 background: var(--vbo-config-child-bg-color);
5372 font-size: 16px;
5373 }
5374 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5375 flex: 1;
5376 }
5377 .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 {
5378 display: flex;
5379 }
5380 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5381 flex-wrap: wrap;
5382 }
5383 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5384 margin-bottom: 3px;
5385 flex: 1;
5386 }
5387 .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 {
5388 margin: 0;
5389 font-size: 16px;
5390 }
5391 .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 {
5392 margin-right: 10px;
5393 margin-top: 2px;
5394 font-size: .9em;
5395 }
5396 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5397 margin-left: auto;
5398 }
5399 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5400 text-align: right;
5401 font-weight: bold;
5402 font-size: 1.2em;
5403 }
5404 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5405 display: flex;
5406 font-size: .95em;
5407 justify-content: right;
5408 }
5409 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5410 margin-right: 6px;
5411 }
5412 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5413 margin-top: 6px;
5414 float: left;
5415 margin-right: 3px;
5416 }
5417 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5418 margin-top: 2px;
5419 float: left;
5420 margin-right: 3px;
5421 }
5422 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5423 margin: 0 0 5px;
5424 }
5425 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5426 margin: 0;
5427 }
5428 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5429 color: var(--vbo-green-color);
5430 }
5431 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5432 color: var(--vbo-red-color);
5433 }
5434 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5435 flex-basis: 100%;
5436 margin-bottom: 3px;
5437 }
5438 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5439 float: right;
5440 margin: 1px;
5441 }
5442 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5443 font-size: 12px;
5444 padding: 5px 8px !important;
5445 }
5446 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5447 margin-bottom: 3px;
5448 }
5449 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5450 display: flex;
5451 width: 100%;
5452 }
5453 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5454 margin-left: auto;
5455 text-align: right;
5456 }
5457 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5458 margin-right: 3px;
5459 color: var(--vbo-middle-color-btn);
5460 }
5461 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5462 display: flex;
5463 flex-wrap: wrap;
5464 }
5465 .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 {
5466 flex: 1;
5467 }
5468
5469 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5470 cursor: pointer;
5471 background: var(--vbo-light-color-btn);
5472 }
5473
5474 .vbo-widget-currconv-wrap {
5475 padding: 15px;
5476 }
5477 .vbo-widget-currconv-filters {
5478 display: flex;
5479 flex-wrap: wrap;
5480 }
5481 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5482 margin-bottom: 5px;
5483 }
5484 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5485 align-self: end;
5486 }
5487 .vbo-widget-currconv-filters label {
5488 display: block;
5489 margin-bottom: 5px;
5490 font-weight: 500;
5491 }
5492 .vbo-widget-currconv-filters-main {
5493 display: flex;
5494 flex-wrap: wrap;
5495 }
5496 .vbo-widget-currconv-filters-submit .btn {
5497 margin-left: 10px;
5498 }
5499 .vbo-widget-currconv-filters-main > div {
5500 margin-right: 10px;
5501 }
5502 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5503 height: 40px;
5504 border-radius: 2px;
5505 }
5506 .vbo-admin-widgets-widget-output .select2-container .select2-selection__rendered {
5507 font-weight: normal;
5508 font-size: 14px;
5509 line-height: 40px !important;
5510 }
5511 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5512 height: 40px;
5513 }
5514 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5515 align-self: end;
5516 flex-basis: 100%;
5517 }
5518 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5519 width: 100%;
5520 margin-left: 0;
5521 }
5522 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5523 margin-left: 0;
5524 }
5525
5526 .vbo-widget-checkav-wrap {
5527 padding: 15px;
5528 }
5529 .vbo-widget-checkav-filters {
5530 display: flex;
5531 flex-wrap: wrap;
5532 }
5533 .vbo-widget-checkav-filters > div {
5534 margin-bottom: 8px;
5535 }
5536 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5537 margin: 5px 0;
5538 }
5539 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5540 display: flex;
5541 flex-wrap: wrap;
5542 }
5543 .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 {
5544 margin-left: 10px;
5545 }
5546 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5547 margin-left: 8px;
5548 }
5549 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5550 flex: 1;
5551 }
5552 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5553 margin-right: 8px;
5554 }
5555 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5556 margin-left: 8px;
5557 }
5558 .vbo-widget-checkav-results {
5559 margin-top: 5px;
5560 }
5561 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5562 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5563 display: grid;
5564 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5565 }
5566 .vbo-widget-checkav-result-splitstays-wrap {
5567 width: 100%;
5568 }
5569 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5570 border: 1px solid var(--vbo-basic-btn);
5571 margin: 5px;
5572 border-radius: 6px;
5573 }
5574 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5575 border-color: var(--vbo-base-color);
5576 }
5577 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5578 display: grid;
5579 grid-template-columns: repeat(2, 1fr);
5580 }
5581 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5582 padding: 8px;
5583 }
5584 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5585 font-weight: bold;
5586 font-size: 1.2em;
5587 margin-bottom: 4px;
5588 }
5589 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5590 color: var(--vbo-base-color);
5591 margin-right: 3px;
5592 width: 16px;
5593 }
5594 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5595 display: block;
5596 margin-bottom: 3px;
5597 }
5598 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5599 margin-right: 3px;
5600 width: 16px;
5601 color: var(--vbo-config-text-color-light);
5602 }
5603 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5604 text-align: center;
5605 margin-bottom: 10px;
5606 }
5607 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5608 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5609 display: flex;
5610 flex-wrap: wrap;
5611 }
5612 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5613 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5614 flex-basis: 100%;
5615 }
5616 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5617 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5618 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5619 flex-basis: 100%;
5620 }
5621 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5622 display: flex;
5623 flex-wrap: wrap;
5624 }
5625 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5626 margin: 5px;
5627 }
5628 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5629 flex-basis: 100%;
5630 }
5631 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5632 flex-basis: 100%;
5633 text-align: center;
5634 margin-bottom: 5px;
5635 padding-top: 5px;
5636 }
5637 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5638 margin-right: 10px;
5639 }
5640 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5641 display: flex;
5642 flex-wrap: wrap;
5643 justify-content: center;
5644 width: 100%;
5645 }
5646 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5647 flex-basis: calc(33% - 34px);
5648 border: 1px solid var(--vbo-config-border-color);
5649 border-radius: 4px;
5650 padding: 10px;
5651 margin: 5px;
5652 text-align: center;
5653 }
5654 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5655 margin-right: 4px;
5656 }
5657 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5658 white-space: nowrap;
5659 overflow: hidden;
5660 text-overflow: ellipsis;
5661 max-width: 300px;
5662 }
5663 .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 {
5664 flex-basis: 100%;
5665 max-width: 100%;
5666 margin-bottom: 4px;
5667 }
5668 @media screen and (min-width: 1800px) {
5669 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5670 flex-basis: calc(33% - 30px);
5671 }
5672 .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 {
5673 flex-basis: calc(50% - 30px);
5674 margin: 5px;
5675 }
5676 .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 {
5677 width: 100%;
5678 display: grid;
5679 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5680 }
5681 .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 {
5682 grid-template-columns: repeat(3, 1fr);
5683 }
5684 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5685 border-color: var(--vbo-input-style);
5686 }
5687 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5688 border-color: var(--vbo-base-color);
5689 }
5690 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5691 display: inline-block;
5692 }
5693 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5694 display: block;
5695 }
5696 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5697 text-align: right;
5698 min-width: 80px;
5699 }
5700 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5701 text-align: left;
5702 min-width: initial;
5703 }
5704 }
5705 @media screen and (max-width: 1800px) {
5706 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
5707 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5708 flex-basis: 100%;
5709 }
5710 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5711 flex-basis: calc(100% - 30px);
5712 }
5713 }
5714 @media screen and (min-width: 2500px) {
5715 .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 {
5716 flex-basis: calc(33% - 30px);
5717 margin: 5px;
5718 }
5719 }
5720 @media screen and (min-width: 3000px) {
5721 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5722 display: inline-block;
5723 }
5724 }
5725 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
5726 font-weight: bold;
5727 font-size: 1.2em;
5728 margin-bottom: 5px;
5729 }
5730 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5731 display: flex;
5732 margin: 5px 0 8px;
5733 padding-bottom: 5px;
5734 border-bottom: 1px solid var(--vbo-config-border-color);
5735 }
5736 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
5737 border-bottom: 0;
5738 padding-bottom: 0px;
5739 }
5740 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
5741 display: inline-block;
5742 }
5743 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5744 padding: 10px;
5745 background-color: var(--vbo-input-style);
5746 margin: 0px 0 8px;
5747 border-radius: 6px;
5748 }
5749 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
5750 flex: 1;
5751 display: flex;
5752 }
5753 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5754 align-self: center;
5755 margin: 0 10px;
5756 }
5757 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
5758 display: block;
5759 }
5760 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
5761 font-weight: bold;
5762 }
5763 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5764 display: inline-block;
5765 min-width: 150px;
5766 align-self: center;
5767 }
5768 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5769 margin-left: auto;
5770 margin-right: 0;
5771 }
5772 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
5773 padding: 7px 12px;
5774 }
5775 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
5776 margin: 0 0 6px;
5777 }
5778 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5779 margin: 5px;
5780 }
5781 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
5782 display: flex;
5783 flex-wrap: wrap;
5784 }
5785 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5786 align-self: center;
5787 margin-right: 10px;
5788 flex: 1;
5789 }
5790 .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 {
5791 flex-basis: 100%;
5792 }
5793 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5794 margin-bottom: 3px;
5795 }
5796 .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 {
5797 margin-top: 8px;
5798 width: 100%;
5799 text-align: center;
5800 }
5801 .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 {
5802 width: 100%;
5803 }
5804 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
5805 margin-right: 10px;
5806 }
5807 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
5808 color: var(--vbo-config-text-color-light);
5809 width: 16px;
5810 margin-right: 3px;
5811 }
5812 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5813 margin-left: auto;
5814 }
5815 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5816 width: 100%;
5817 display: flex;
5818 flex-wrap: wrap;
5819 }
5820 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5821 flex: initial;
5822 }
5823 .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 {
5824 width: 110px !important;
5825 }
5826 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
5827 align-self: center;
5828 margin-right: 5px;
5829 }
5830 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
5831 flex: 1;
5832 width: 80px !important;
5833 }
5834 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
5835 .admin.com_vikbooking .vbo-widget-checkav-filters input {
5836 padding: 8px 10px;
5837 box-sizing: border-box;
5838 height: auto;
5839 }
5840 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5841 margin-top: 0;
5842 }
5843 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5844 display: flex;
5845 flex-wrap: wrap;
5846 }
5847 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
5848 flex: 1;
5849 }
5850 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
5851 margin-right: 8px;
5852 }
5853 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5854 width: 75px !important;
5855 }
5856 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5857 margin-left: 0;
5858 }
5859 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5860 width: 100%;
5861 margin-left: 0;
5862 }
5863 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
5864 width: 100%;
5865 }
5866 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5867 margin-right: 10px;
5868 min-width: initial;
5869 }
5870 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
5871 display: block;
5872 margin-bottom: 5px;
5873 }
5874 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5875 align-self: end;
5876 }
5877 @media screen and (max-width: 1000px) {
5878 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5879 flex: 1;
5880 flex-basis: 100%;
5881 margin-bottom: 8px;
5882 }
5883 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
5884 width: 100%;
5885 display: flex;
5886 }
5887 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
5888 flex: 1;
5889 width: 100%;
5890 }
5891 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
5892 margin: 0;
5893 width: 100%;
5894 display: inline-block;
5895 }
5896 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
5897 flex: 1;
5898 }
5899 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
5900 margin-right: 10px;
5901 align-self: center;
5902 }
5903 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
5904 align-self: auto;
5905 }
5906 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
5907 display: block;
5908 }
5909 }
5910 @media screen and (max-width: 2200px) {
5911 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5912 width: auto;
5913 flex-basis: 100%;
5914 }
5915 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5916 flex: 1;
5917 display: flex;
5918 }
5919 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5920 flex-basis: 100%;
5921 }
5922 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5923 width: 100% !important;
5924 }
5925 }
5926 @media screen and (max-width: 1800px) {
5927 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5928 flex-wrap: wrap;
5929 }
5930 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
5931 flex-basis: 100%;
5932 margin-right: 0;
5933 }
5934 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5935 margin-left: 0;
5936 margin-right: 16px;
5937 }
5938 .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 {
5939 margin-left: auto;
5940 }
5941 }
5942 @media screen and (min-width: 2200px) {
5943 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5944 width: auto;
5945 flex: inherit;
5946 }
5947 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5948 margin-right: 5px;
5949 }
5950 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5951 width: auto;
5952 }
5953 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5954 width: auto;
5955 margin-left: 8px;
5956 align-self: end;
5957 }
5958 }
5959 @media screen and (min-width: 1800px) {
5960 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
5961 display: flex;
5962 flex-wrap: wrap;
5963 }
5964 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
5965 flex-basis: 100%;
5966 }
5967 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5968 flex-basis: calc(33% - 40px);
5969 }
5970 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5971 flex-basis: 100%;
5972 }
5973 }
5974
5975 .vbo-widget-commands-right {
5976 text-align: right;
5977 padding: 5px 15px 10px 0;
5978 }
5979 .vbo-widget-commands > div {
5980 display: inline-block;
5981 }
5982 .vbo-widget-commands-main > div {
5983 display: inline-block;
5984 vertical-align: top;
5985 }
5986 .vbo-widget-commands-main .vbo-widget-command-chevron {
5987 margin-top: 4px;
5988 }
5989 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
5990 display: inline-block;
5991 font-size: 14px;
5992 border: 1px solid var(--vbo-config-border-color);
5993 padding: 5px 10px;
5994 border-radius: 2px;
5995 background: var(--vbo-config-child-bg-color);
5996 cursor: pointer;
5997 }
5998
5999 .vbo-dashboard-forecast-wrap h4 {
6000 padding: 23px 0px 22px 15px;
6001 margin-bottom: 20px;
6002 text-align: center;
6003 display: block;
6004 }
6005 .vbo-dash-chart-title .vbo-dash-chart-nav {
6006 display: inline-block;
6007 font-size: 14px;
6008 border: 1px solid #ddd;
6009 padding: 5px 10px;
6010 border-radius: 2px;
6011 background: #f6f6f6;
6012 cursor: pointer;
6013 }
6014 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6015 background: #eee;
6016 }
6017 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6018 margin-right: 0;
6019 }
6020 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6021 border: 0;
6022 }
6023 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6024 border: 1px solid var(--vbo-blue-color);
6025 display: inline-block;
6026 padding: 5px 8px;
6027 border-radius: 4px;
6028 text-transform: capitalize;
6029 font-size: 14px;
6030 margin-left: 7px;
6031 font-weight: bold;
6032 color: var(--vbo-blue-color);
6033 vertical-align: top;
6034 margin-top: -5px;
6035 }
6036 .vbo-admin-widget-wrapper h4 i {
6037 margin-right: 8px;
6038 font-size: 17px;
6039 }
6040 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6041 margin-right: 0;
6042 font-size: 14px;
6043 vertical-align: initial;
6044 }
6045 .vbo-admin-widget-wrapper table thead tr:first-child th,
6046 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6047 color: var(--vbo-config-titles-color-light);
6048 font-weight: bold;
6049 padding: 15px 15px;
6050 text-transform: uppercase;
6051 }
6052 .vbo-admin-widget-wrapper .table .searchable.center {
6053 white-space: inherit;
6054 }
6055 .vbo-admin-widget-wrapper .table td {
6056 padding: 11px 15px !important;
6057 border-top: 1px solid var(--vbo-basic-btn) !important;
6058 border-bottom: 0;
6059 }
6060 .vbo-dashboard-charts {
6061 width: 100%;
6062 display: inline-block;
6063 margin: 20px 0;
6064 padding: 15px 0;
6065 border-top:1px solid var(--vbo-config-border-color);
6066 border-bottom:1px solid var(--vbo-config-border-color);
6067 }
6068 .vbo-dashboard-charts-wrapper {
6069 margin: 0 auto 20px;
6070 padding: 18px;
6071 display: grid;
6072 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6073 }
6074 .vbo-dashboard-chart-container {
6075 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6076 display: inline-block;
6077 margin: 8px;
6078 padding: 0;
6079 border-radius: 16px;
6080 border: 1px solid var(--vbo-basic-btn);
6081 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6082 }
6083 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6084 display: inline-block;
6085 font-size: 16px;
6086 font-weight: bold;
6087 padding: 20px 0 0;
6088 text-align: center;
6089 width: 100%;
6090 border-top-left-radius: 8px;
6091 border-top-right-radius: 8px;
6092 }
6093 .vbo-dashboard-chart-container .donutChart {
6094 display: block;
6095 margin: 0 auto;
6096 padding: 0 8px;
6097 }
6098 .vbo-dashboard-next-bookings-block {
6099 background: #fff;
6100 border-radius: 8px;
6101 box-shadow: 0 0 20px rgba(0,0,0,.1);
6102 margin: 0 28px 18px;
6103 }
6104 .vbo-table-search-cout {
6105 margin-bottom: 0 !important;
6106 }
6107 .vbo-admin-widget-wrapper {
6108 padding-bottom: 8px;
6109 }
6110 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6111 display: inline-block;
6112 border-radius: 4px;
6113 border: 1px solid var(--vbo-base-color);
6114 padding: 3px 8px;
6115 color: var(--vbo-base-color);
6116 }
6117 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6118 text-decoration: none;
6119 background: var(--vbo-base-color-hover);
6120 color: #fff;
6121 }
6122 .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 {
6123 white-space: initial;
6124 }
6125 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6126 word-break: inherit;
6127 }
6128 .vbo-dashboard-next-bookings .table {
6129 margin-bottom: 0;
6130 }
6131 .vbo-dashboard-next-bookings-block h4 {
6132 font-size: 20px;
6133 font-weight: bold;
6134 color: var(--vbo-config-title-color);
6135 border-top-right-radius: 16px;
6136 border-top-left-radius: 16px;
6137 border-bottom: 1px solid var(--vbo-config-border-color);
6138 margin: 0;
6139 padding: 22px 15px;
6140 }
6141 .vbo-dashboard-next-bookings-block h4 i {
6142 margin-right: 15px;
6143 }
6144 .vbo-dashboard-refresh-container {
6145 margin: 20px 28px 0;
6146 float: right;
6147 border-radius: 40px;
6148 border: 1px solid var(--vbo-config-border-color);
6149 padding: 10px 20px;
6150 }
6151 .vbo-dashboard-refresh-container > span {
6152 display: inline-block;
6153 margin: 0 2px;
6154 }
6155 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6156 font-size: 1.3em;
6157 padding: 10px 13px 7px 0;
6158 position: relative;
6159 text-align: center;
6160 display: inline-block;
6161 font-weight: bold;
6162 }
6163 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6164 display: inline-block;
6165 margin:0 8px 0 0;
6166 font-weight: normal;
6167 }
6168 .vbo-dashboard-refresh-play {
6169 color: var(--vbo-base-color);
6170 text-align: center;
6171 display: inline-block;
6172 position: relative;
6173 cursor: pointer;
6174 }
6175 .vbo-dashboard-refresh-play:after {
6176 content: "\25b6";
6177 display: inline-block;
6178 border-radius: 50%;
6179 background: var(--vbo-config-bg-color);
6180 border: 1px solid var(--vbo-config-bg-color);
6181 height: 35px;
6182 line-height: 38px;
6183 padding: 0;
6184 width: 35px;
6185 font-size: 16px;
6186 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6187 text-align: center;
6188 }
6189 .vbo-dashboard-refresh-stop {
6190 color: var(--vbo-base-color);
6191 text-align: center;
6192 display: inline-block;
6193 position: relative;
6194 cursor: pointer;
6195 }
6196 .vbo-dashboard-refresh-stop:after {
6197 content: "\25A0";
6198 display: inline-block;
6199 border-radius: 50%;
6200 border: 1px solid var(--vbo-config-bg-color);
6201 background: var(--vbo-config-bg-color);
6202 height: 35px;
6203 line-height: 30px;
6204 padding: 0;
6205 width: 35px;
6206 font-size: 24px;
6207 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6208 text-align: center;
6209 }
6210 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6211 border: 1px solid var(--vbo-base-color);
6212 }
6213 .vbo-dashboard-rooms-locked-block {
6214 background: var(--vbo-config-bg-color);
6215 border-radius: 8px;
6216 box-shadow: 0 0 20px rgba(0,0,0,.1);
6217 margin: 0 28px 18px;
6218 }
6219 .vbo-dashboard-rooms-locked h4 {
6220 font-size: 22px;
6221 font-weight: normal;
6222 background: var(--vbo-config-child-bg-color);
6223 border-top-right-radius: 8px;
6224 border-top-left-radius: 8px;
6225 border-bottom: 1px solid var(--vbo-config-border-color);
6226 text-transform: uppercase;
6227 margin: 0;
6228 padding: 22px 15px;
6229 }
6230 .vbo-dashboard-rooms-locked h4 i {
6231 margin-right: 0.25em;
6232 }
6233 .vbo-dashboard-rooms-locked h4 span {
6234 border: 1px solid #FF9326;
6235 display: inline-block;
6236 padding: 5px 8px;
6237 border-radius: 4px;
6238 text-transform: capitalize;
6239 font-size: 14px;
6240 margin-left: 7px;
6241 font-weight: bold;
6242 color: #FF9326;
6243 vertical-align: top;
6244 margin-top: -5px;
6245 }
6246 .vbo-dashboard-rooms-locked table {
6247 margin-bottom: 0;
6248 }
6249 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6250 background: var(--vbo-config-child-bg-color);
6251 }
6252 .vbo-dashboard-today-occ-listcont {
6253 display: grid;
6254 padding: 10px;
6255 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6256 }
6257 .vbo-dashboard-today-roomocc-rows td {
6258 background: transparent !important;
6259 }
6260 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6261 padding: 0;
6262 width: 100%;
6263 }
6264 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6265 display: inline-block;
6266 width: 100%;
6267 }
6268 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6269 width: 100%;
6270 box-sizing: border-box;
6271 margin: 0;
6272 text-align: right;
6273 padding-right: 15px;
6274 }
6275 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6276 margin: 10px;
6277 background: var(--vbo-config-bg-color);
6278 border-radius: 10px;
6279 border: 1px solid var(--vbo-basic-btn);
6280 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6281 }
6282 .vbo-dashboard-today-roomocc-row-checkout {
6283 display: flex;
6284 margin-left: auto;
6285 justify-content: end;
6286 }
6287 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6288 align-self: center;
6289 }
6290 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6291 padding: 5px 8px;
6292 margin-left: 5px;
6293 }
6294 .vbo-dashboard-today-roomocc-det-rname {
6295 display: inline-block;
6296 overflow: hidden;
6297 text-overflow: ellipsis;
6298 white-space: nowrap;
6299 vertical-align: middle;
6300 max-width: 82%;
6301 }
6302 .vbo-dashboard-today-occ-block {
6303 margin: 0 0 30px 0;
6304 padding: 0 0 30px 0;
6305 border-bottom:1px solid var(--vbo-config-border-color);
6306 }
6307 .vbo-dashboard-today-roomocc-firstrow {
6308 font-weight: bold;
6309 margin: 0;
6310 }
6311 .vbo-dashboard-today-occ {
6312 margin: 10px 30px;
6313 }
6314 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6315 font-size: 20px;
6316 font-weight: bold;
6317 color: var(--vbo-config-title-color);
6318 padding: 0 25px 0 0;
6319 position: relative;
6320 display: inline-block;
6321 }
6322 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6323 border: 1px solid var(--vbo-config-border-color);
6324 border-radius: 2px;
6325 padding: 8px 10px;
6326 margin-bottom: 0;
6327 box-sizing: border-box;
6328 height: auto;
6329 }
6330 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6331 padding: 8px 10px;
6332 border-radius: 0 2px 2px 0;
6333 border: 1px solid var(--vbo-config-border-color);
6334 }
6335 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6336 margin-right: 0;
6337 }
6338 .vbo-dashboard-today-roomocc-det > h5 {
6339 font-weight: bold;
6340 padding: 15px;
6341 margin: 0;
6342 font-size: 1.1em;
6343 text-align: left;
6344 border-top-right-radius: 16px;
6345 border-top-left-radius: 16px;
6346 border-bottom: 1px solid var(--vbo-config-border-color);
6347 }
6348 .vbo-dashboard-today-roomocc-firstrow th {
6349 background: var(--vbo-config-bg-color);
6350 font-weight: bold;
6351 font-size: 12px;
6352 padding: 15px 15px !important;
6353 text-transform: uppercase;
6354 color: var(--vbo-config-titles-color-light);
6355 }
6356 .vbo-dashboard-today-roomocc-firstrow th.left {
6357 white-space: nowrap;
6358 }
6359 .vbo-dashboard-today-roomocc-rows td {
6360 padding: 11px 15px !important;
6361 }
6362 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6363 width: 15px;
6364 }
6365 .vbo-dashboard-today-roomocc-rows td.left a {
6366 font-weight: bold;
6367 color: var(--vbo-config-title-color);
6368 }
6369 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6370 color: var(--vbo-base-color);
6371 }
6372 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6373 display: inline-block;
6374 border-radius: 6px;
6375 padding: 2px 7px;
6376 margin-top: -5px;
6377 margin-left: 10px;
6378 float: right;
6379 }
6380 .vbo-roomocc-units-free {
6381 background: #e5ffd6;
6382 border: 1px solid #8fd569;
6383 color: #639448;
6384 }
6385 .vbo-roomocc-units-half {
6386 color: #a88706;
6387 background: #fff6a9;
6388 border: 1px solid #e1c903;
6389 }
6390 .vbo-roomocc-units-threefourth {
6391 background: #ffdfbe;
6392 border: 1px solid #ffbd79;
6393 color: #e27300;
6394 }
6395 .vbo-roomocc-units-full {
6396 background: #ffdbd3;
6397 border: 1px solid #ffa7a7;
6398 color: #d44b2d;
6399 }
6400 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6401 display: inline-block;
6402 text-align: center;
6403 border-radius: 4px;
6404 padding: 2px 0;
6405 }
6406 .vbo-dashboard-today-roomocc-customers.table-responsive {
6407 height: 200px;
6408 overflow-y: scroll;
6409 width: 100%;
6410 }
6411 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6412 white-space: normal;
6413 vertical-align: middle;
6414 }
6415 th.vbo-tdright, td.vbo-tdright {
6416 text-align: right !important;
6417 }
6418 th.vbo-tdright, td.vbo-tdright .btn {
6419 white-space: nowrap;
6420 }
6421 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6422 display: none;
6423 }
6424 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6425 display: table-row;
6426 }
6427 tr.no-results > td {
6428 background-color: #fcf8e3;;
6429 }
6430 .hidden-for-search {
6431 display: none;
6432 }
6433 .vbo-info-overlay-content-orphans > h3 > i {
6434 color: #cc0000;
6435 }
6436 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6437 display: grid;
6438 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6439 }
6440 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6441 margin: 5px;
6442 border-radius: 10px;
6443 border: 1px solid var(--vbo-config-border-color);
6444 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6445 display: flex;
6446 flex-wrap: wrap;
6447 flex-direction: column;
6448 }
6449 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6450 border-color: var(--vbo-base-color);
6451 }
6452 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6453 margin: 0 0 5px;
6454 padding: 10px;
6455 font-size: 1.1em;
6456 border-bottom: 1px solid var(--vbo-basic-btn);
6457 }
6458 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6459 margin-bottom: 10px;
6460 max-height: 150px;
6461 overflow: hidden;
6462 overflow-y: scroll;
6463 padding: 10px;
6464 }
6465 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6466 margin-top: 10px;
6467 }
6468 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6469 margin-top: auto;
6470 text-align: center;
6471 padding: 0 10px 10px;
6472 }
6473 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6474 text-align: center;
6475 margin-top: 20px;
6476 }
6477 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6478 display: inline-block;
6479 margin: 5px;
6480 }
6481 .vbo-center {
6482 text-align: center;
6483 }
6484 .vbo-enormous-icn {
6485 font-size: 100px;
6486 }
6487 .vbo-list-table {
6488 margin-top: 15px;
6489 }
6490 .vbo-bookingslist-table thead, .vbo-list-table thead {
6491 background: var(--vbo-config-bg-color);
6492 }
6493 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6494 padding: 18px 10px;
6495 text-transform: uppercase;
6496 font-size: 12px;
6497 color: var(--vbo-config-titles-color-light);
6498 }
6499 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6500 background: var(--vbo-config-bg-color) !important;
6501 border-top: 1px solid var(--vbo-config-border-color);
6502 }
6503 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6504 background: var(--vbo-config-child-bg-color) !important;
6505 }
6506 .vbo-bookingslist-table tbody > tr:last-child td {
6507 padding-bottom: 30px;
6508 vertical-align: top;
6509 }
6510 /* Dashboard - End */
6511 span.label {
6512 padding:3px 6px !important;
6513 }
6514 .vbo-export-customer-entry {
6515 display: block;
6516 margin: 10px 0;
6517 }
6518 .vbo-export-customer-entry span label {
6519 display: inline-block;
6520 margin: 0;
6521 min-width: 185px;
6522 }
6523 /* Calendar - Start */
6524 .vbo-quickres-wrapper {
6525 display: block;
6526 float: left;
6527 width: 48%;
6528 }
6529 .vbo-quickres-head {
6530 margin: 0 0 10px;
6531 width: 100%;
6532 display: inline-block;
6533 border-bottom: 1px solid var(--vbo-config-border-color);
6534 padding-bottom: 10px;
6535 }
6536 .vbo-quickres-head h4 {
6537 display: inline-block;
6538 font-size: 13px;
6539 font-weight: bold;
6540 text-transform: uppercase;
6541 }
6542 .vbo-quickres-head .vbo-quickres-head-right {
6543 display: inline-block;
6544 float: right;
6545 }
6546 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6547 .vbo-editbooking-room-switch .select2-selection--single {
6548 font-weight: normal;
6549 font-size: 14px !important;
6550 height: 36px !important;
6551 border: 1px solid var(--vbo-config-border-color) !important;
6552 border-radius: 2px !important;
6553 }
6554 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6555 .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 {
6556 height: 36px;
6557 }
6558 .select2-dropdown {
6559 border: 1px solid var(--vbo-config-border-color) !important;
6560 }
6561 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6562 .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 {
6563 line-height: 36px;
6564 }
6565 .vbo-quickres-head .vbo-quickres-head-right form {
6566 margin-top: 5px;
6567 margin-bottom: 0;
6568 }
6569 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6570 display: inline-block;
6571 margin: 8px 0 0 20px;
6572 vertical-align: top;
6573 }
6574 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6575 margin-bottom: 5px;
6576 }
6577 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6578 margin-bottom: 5px;
6579 }
6580 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6581 display: inline-block;
6582 margin: 9px 5px 0 0;
6583 }
6584 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6585 margin-right: 5px;
6586 }
6587
6588 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6589 height: 350px !important;
6590 }
6591 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6592 width: 100% !important;
6593 }
6594 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6595 margin: 5px 0;
6596 }
6597 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6598 border: 1px solid var(--vbo-base-color);
6599 }
6600 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
6601 margin-top: 15px;
6602 }
6603 .vbo-params-fieldset-label {
6604 font-weight: bold;
6605 margin-bottom: 5px;
6606 }
6607 .vbo-params-fieldset-label .label.label-success {
6608 font-size: 13px;
6609 display: inline-block;
6610 font-weight: 500;
6611 line-height: initial;
6612 }
6613 .vbo-params-fieldset-label .label.label-success i {
6614 margin-right: 3px;
6615 }
6616 textarea.vbo-textarea-copyable {
6617 width: 0 !important;
6618 height: 0 !important;
6619 opacity: 0 !important;
6620 min-height: 0 !important;
6621 padding: 0 !important;
6622 float: right;
6623 cursor: default;
6624 }
6625 .vbo-params-block {
6626 border: 1px solid var(--vbo-input-style-nested-deactive);
6627 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6628 border-radius: 10px;
6629 padding: 0 20px 10px;
6630 margin-bottom: 20px;
6631 }
6632 .vbo-params-block-nested {
6633 padding: 10px;
6634 margin: 10px 0 10px 10px;
6635 border-radius: 6px;
6636 background: var(--vbo-config-bg-color);
6637 }
6638 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
6639 background: rgba(255, 143, 143, 0.60) !important;
6640 border-color: #900;
6641 }
6642 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6643 align-self: center;
6644 }
6645 .vbo-params-block .vbo-param-container {
6646 border-top: 1px solid var(--vbo-main-bg-color);
6647 padding: 10px 0px;
6648 }
6649 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6650 border-top: 0;
6651 }
6652 .vbo-params-block > .vbo-param-container:only-child {
6653 margin-bottom: 0;
6654 }
6655 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6656 background: var(--vbo-config-bg-color);
6657 border-top: 1px solid var(--vbo-main-bg-color);
6658 }
6659 .vbo-cal-splitstay-details {
6660 display: inline-block;
6661 border-radius: 10px;
6662 border: 1px solid var(--vbo-basic-btn);
6663 min-width: 400px;
6664 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6665 }
6666 .vbo-cal-splitstay-details > div {
6667 display: grid;
6668 grid-template-columns: repeat(2, 1fr);
6669 }
6670 .vbo-cal-splitstay-details > div > span {
6671 padding: 8px 14px;
6672 display: inline-block;
6673 }
6674 .vbo-cal-splitstay-details > div > span i {
6675 margin-right: 3px;
6676 color: var(--vbo-config-text-color-light);
6677 }
6678 .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 {
6679 border-right: 1px solid var(--vbo-basic-btn);
6680 }
6681 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6682 color: var(--vbo-red-color);
6683 }
6684 #vbo-geo-map .gm-style .gm-style-iw-c {
6685 background: var(--vbo-config-bg-color);
6686 }
6687 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6688 display: inline-block;
6689 }
6690 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6691 cursor: pointer;
6692 }
6693 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6694 text-align: center;
6695 padding: 10px 15px;
6696 margin: 5px;
6697 border: 1px solid var(--vbo-config-border-color);
6698 border-radius: 2px;
6699 position: relative;
6700 }
6701 #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 {
6702 border-color: var(--vbo-base-color);
6703 }
6704 #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 {
6705 position: absolute;
6706 content: "";
6707 width: 10px;
6708 height: 10px;
6709 top: -6px;
6710 left: -7px;
6711 border: 2px solid var(--vbo-config-bg-color);
6712 background-color: var(--vbo-base-color);
6713 border-radius: 50%;
6714 }
6715 #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 {
6716 display: block;
6717 }
6718 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
6719 font-weight: bold;
6720 font-size: 1.2em;
6721 }
6722 #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 {
6723 color: var(--vbo-base-color);
6724 }
6725 .vbo-avcalendars-wrapper {
6726 text-align: center;
6727 border: 1px solid var(--vbo-config-border-color);
6728 background: var(--vbo-config-bg-color);
6729 padding: 10px 10px 20px 10px;
6730 margin-top: 20px;
6731 border-radius: 6px;
6732 }
6733 .vbo-avcalendars-roomphoto {
6734 display: block;
6735 text-align: center;
6736 margin: 5px 0 15px;
6737 }
6738 .vbo-avcalendars-roomphoto img {
6739 border-radius: 2px;
6740 max-height: 250px;
6741 border-radius: 4px;
6742 }
6743 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
6744 margin-bottom: 10px;
6745 margin-bottom: 5px;
6746 border-bottom: 1px solid var(--vbo-config-border-color);
6747 padding-bottom: 10px;
6748 }
6749 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
6750 display: inline-block;
6751 margin-right: 10px;
6752 position: relative;
6753 }
6754 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
6755 margin-bottom: 5px;
6756 font-weight: bold;
6757 }
6758 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
6759 width: auto !important;
6760 }
6761 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
6762 float: right;
6763 margin-left: 5px;
6764 margin-top: 10px;
6765 }
6766 .vbo-calendar-cfields-inner {
6767 display: grid;
6768 grid-template-columns: repeat(2, auto);
6769 gap: 10px 50px;
6770 width: 100%;
6771 padding: 5px 0;
6772 }
6773 .vbo-calendar-cfields-bottom {
6774 margin: 10px 0 15px 0;
6775 }
6776 .vbo-calendar-cfields-bottom .btn {
6777 border: 1px solid var(--vbo-config-border-color);
6778 border-radius: 2px;
6779 padding: 10px 14px;
6780 margin-bottom: 0;
6781 }
6782 .vbo-calendar-cfields-bottom .btn i {
6783 margin-right: 5px;
6784 }
6785 .vbo-calendar-cfields-bottom .btn-success {
6786 border: 1px solid var(--vbo-green-color);
6787 }
6788 .vbo-calendar-cfields-bottom .btn-success i {
6789 margin-right: 6px;
6790 }
6791 .vbo-calendar-cfields-bottom .icon-edit::before {
6792 color: #fff;
6793 }
6794 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
6795 display: inline-block;
6796 }
6797 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
6798 width: 100%;
6799 display: inline-block;
6800 }
6801 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6802 max-width: 100%;
6803 }
6804 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
6805 border: 1px solid var(--vbo-config-border-color);
6806 border-radius: 2px;
6807 padding: 5px 10px;
6808 margin-bottom: 0;
6809 width: 100% !important;
6810 box-sizing: border-box;
6811 height: auto;
6812 }
6813 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
6814 background-color: var(--vbo-input-style-deactive);
6815 }
6816 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6817 border-radius: 2px;
6818 background-color: var(--vbo-config-bg-color);
6819 border: 1px solid var(--vbo-input-style);
6820 padding: 5px 10px;
6821 height: inherit;
6822 width: 100% !important;
6823 }
6824 .vbo-assign-customer {
6825 cursor: pointer;
6826 background: var(--vbo-config-bg-color);
6827 color: var(--vbo-base-color);
6828 border-radius: 3px;
6829 display: inline-block;
6830 font-weight: bold;
6831 border: 1px solid var(--vbo-base-color);
6832 }
6833 .vbo-assign-customer > i {
6834 background: var(--vbo-base-color);
6835 color: var(--vbo-config-bg-color);
6836 padding: 8px 10px;
6837 font-size: 18px;
6838 }
6839 .vbo-assign-customer > span {
6840 padding: 0 8px 0 3px;
6841 display: inline-block;
6842 vertical-align: middle;
6843 }
6844 .vbo-assign-customer:hover {
6845 background: var(--vbo-base-color);
6846 color: #fff;
6847 }
6848 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
6849 background: var(--vbo-base-color-hover);
6850 }
6851 #vbfillcustfields .icon-edit::before {
6852 color: #fff;
6853 font-weight: normal;
6854 }
6855 #quickbsubmit i:before {
6856 color: #fff;
6857 }
6858 #vbspanbstat strong {
6859 display: inline-block;
6860 min-width: 125px;
6861 }
6862 #vbspanbpay strong {
6863 display: inline-block;
6864 min-width: 125px;
6865 }
6866 #vbspancmail strong {
6867 display: inline-block;
6868 min-width: 125px;
6869 }
6870 #vbo-highlight-cfields mark {
6871 padding: 0 3px;
6872 margin: -1px -4px;
6873 border-radius: 0.5em;
6874 }
6875 .vbo-calendar-cfield-entry label {
6876 display: block;
6877 font-weight: bold;
6878 color: var(--vbo-config-titles-color-light);
6879 margin-bottom: 4px;
6880 }
6881 #vbo-searchcust-loading, .vbo-searchcust-loading {
6882 display: none;
6883 }
6884 #vbo-searchcust-res, .vbo-searchcust-res {
6885 position: absolute;
6886 z-index: 2;
6887 width: 100%;
6888 max-width: 300px;
6889 }
6890 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
6891 width: 90%;
6892 }
6893 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
6894 list-style: none;
6895 text-align: left;
6896 padding: 0;
6897 margin: 0 0 0 -1px;
6898 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
6899 background-color: var(--vbo-config-bg-color);
6900 border: 1px solid var(--vbo-config-border-color);
6901 white-space: nowrap;
6902 max-height: 200px;
6903 width: 100%;
6904 overflow-y: scroll;
6905 }
6906 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
6907 padding: 6px 10px;
6908 outline: none;
6909 cursor: pointer;
6910 }
6911 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
6912 background: rgba(0,0,0,0.05);
6913 }
6914 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
6915 margin-right: 8px;
6916 display: inline-block;
6917 vertical-align: top;
6918 }
6919 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
6920 display: inline-block;
6921 vertical-align: top;
6922 }
6923 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
6924 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
6925 border-bottom-right-radius: 4px;
6926 border-bottom-left-radius: 4px;
6927 }
6928 .vbo-custsearchres-name {
6929 display: inline-block;
6930 min-width: 130px;
6931 }
6932 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
6933 margin-right: 5px;
6934 }
6935 /* Calendar - End */
6936 /* Outer Info message - Start */
6937 .vbo-outer-info-message {
6938 border: 2px solid var(--vbo-base-color);
6939 border-radius: 4px;
6940 padding: 5px;
6941 margin-bottom: 10px;
6942 cursor: pointer;
6943 }
6944 .vbo-outer-info-message .vboicn-info {
6945 margin-right: 5px;
6946 font-size: 16px;
6947 color: var(--vbo-base-color);
6948 }
6949 .vbo-outer-info-message span {
6950 display: inline-block;
6951 vertical-align: top;
6952 }
6953 .vbo-info-message-cont {
6954 padding: 5px;
6955 font-weight: bold;
6956 }
6957 .vbo-dyninpnum-cont input[type="number"],
6958 #vbjstotnights input[type="number"] {
6959 width: 100px !important;
6960 }
6961 .vbo-dyninpnum-cont select {
6962 max-width: 130px;
6963 }
6964 /* Outer Info message - End */
6965 .vbo-country-flag-left {
6966 float: left;
6967 margin: 0 5px 0 0;
6968 }
6969 .vbo-country-flag {
6970 width: 16px;
6971 height: 16px;
6972 object-fit: cover;
6973 }
6974 .vbo-country-flag.vbo-customer-avatar-flag {
6975 border-radius: 50%;
6976 }
6977 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
6978 object-fit: cover;
6979 }
6980 .vbo-roomentries-cont {
6981 float: left;
6982 display: inline-block;
6983 margin: 0 15px 0 2px;
6984 width: 204px;
6985 height: auto;
6986 overflow: hidden;
6987 }
6988 .vbo-roomentry-cont {
6989 display: block;
6990 margin: 5px 0;
6991 }
6992 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
6993 margin-top: 0;
6994 }
6995 .vbo-roomentry-cont input[type="checkbox"] {
6996 display: inline-block;
6997 margin-right: 5px;
6998 margin-top: 0;
6999 }
7000 .vbo-roomentry-cont label {
7001 display: inline !important;
7002 }
7003 tr.vbroomparamp td #lastavail {
7004 vertical-align: top;
7005 }
7006 tr.vbroomparamp td span {
7007 font-size: smaller;
7008 font-style: italic;
7009 display: inline-block;
7010 padding-left: 8px;
7011 max-width: 450px;
7012 }
7013 ul.vbo-sortable {
7014 list-style-type: none;
7015 margin: 0;
7016 padding: 0;
7017 }
7018 ul.vbo-sortable li {
7019 margin-right: 12px;
7020 padding: 1px;
7021 display: inline-block;
7022 vertical-align: top;
7023 width: auto;
7024 max-height: 70px;
7025 margin-bottom: 5px;
7026 }
7027 .vbo-editroom-currentphoto {
7028 position: relative;
7029 }
7030 .vbo-editroom-currentphoto a {
7031 cursor: grab;
7032 }
7033 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7034 cursor: pointer;
7035 }
7036 .vbo-tip-small {
7037 display: inline-block;
7038 min-width: 30px;
7039 }
7040 .vbo-smalltext {
7041 font-size: smaller;
7042 }
7043 .vbo-first-imgup {
7044 display: inline-block;
7045 border: 1px solid var(--vbo-config-border-color);
7046 border-radius: 3px;
7047 padding: 10px;
7048 margin: 5px 0;
7049 background: var(--vbo-main-bg-color);
7050 width: 100%;
7051 box-sizing: border-box;
7052 }
7053 .vbo-first-imgup > span {
7054 border-left: 1px solid rgb(221, 221, 221);
7055 display: inline-block;
7056 padding: 5px 0px 5px 10px;
7057 }
7058 .vbo-first-imgup > input[type="file"] {
7059 box-sizing: border-box;
7060 height: auto;
7061 margin-bottom: 10px;
7062 background: var(--vbo-input-style);
7063 }
7064 .vbo-first-imgup > input[type="text"] {
7065 margin-top: 7px;
7066 }
7067 .vbo-first-imgup + #myDiv {
7068 margin-bottom: 5px;
7069 }
7070 .vbo-imgup-caption {
7071 margin-top: 5px;
7072 }
7073 .vbo-imgup-caption span {
7074 display: block;
7075 margin-bottom: 4px;
7076 }
7077 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7078 width: 100% !important;
7079 box-sizing: border-box;
7080 height: auto;
7081 }
7082 /* Multi Photos Upload Modal Window - Start */
7083 .vbo-info-overlay-content {
7084 width: 70%;
7085 }
7086 .vbo-info-overlay-content .btn-success {
7087 padding: 9px 14px;
7088 }
7089 .vbo-info-overlay-content .btn-success i {
7090 color: #fff;
7091 display: inline-block;
7092 margin-right: 10px;
7093 }
7094 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7095 position: fixed;
7096 left: 0;
7097 top: 0;
7098 width: 100%;
7099 height: 100%;
7100 background-color: rgba(0,0,0,0.5);
7101 display: none;
7102 z-index: 99999999 !important;
7103 }
7104 a.vbo-info-overlay-close {
7105 display: block;
7106 height: 100%;
7107 cursor: default;
7108 }
7109 .vbo-info-overlay-content {
7110 position: fixed;
7111 left: 50%;
7112 top: 50%;
7113 transform: translate(-50%, -50%);
7114 width: 40%;
7115 height: 60%;
7116 z-index: 101;
7117 padding: 20px;
7118 border-radius: 5px;
7119 background-color: var(--vbo-config-bg-color);
7120 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7121 overflow: auto;
7122 }
7123 .vbo-info-overlay-header {
7124 margin-bottom: 20px;
7125 }
7126 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7127 display: inline-block;
7128 border: 0;
7129 text-align: left;
7130 }
7131 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7132 float: right;
7133 }
7134 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7135 background: var(--vbo-base-color);
7136 color: #fff;
7137 padding: 9px 14px;
7138 margin-right: 8px;
7139 }
7140 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7141 background: var(--vbo-base-color-hover) !important;
7142 }
7143 .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 {
7144 background: var(--vbo-link-text-color) !important;
7145 }
7146 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7147 padding: 9px 14px;
7148 }
7149 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7150 overflow: visible;
7151 }
7152 .vbo-info-overlay-scroll-content {
7153 overflow: hidden;
7154 height: 70%;
7155 position: relative;
7156 overflow-y: scroll;
7157 }
7158 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7159 position: fixed;
7160 left: 50%;
7161 top: 50%;
7162 transform: translate(-50%, -50%);
7163 width: 60%;
7164 height: 60%;
7165 z-index: 101;
7166 padding: 10px;
7167 border-radius: 5px;
7168 background-color: var(--vbo-config-bg-color);
7169 box-shadow: 5px 5px 5px 0 #000;
7170 overflow: auto;
7171 }
7172 .vbo-modal-alert .vbo-info-overlay-content {
7173 height: 20%;
7174 top: 40%;
7175 }
7176 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7177 height: 40%;
7178 top: 20%;
7179 left: 25%;
7180 width: 50%;
7181 }
7182 .vbo-info-overlay-content h3 {
7183 text-align: center;
7184 margin-top: 0;
7185 border-bottom: 1px solid var(--vbo-config-border-color);
7186 padding-bottom: 10px;
7187 }
7188 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7189 color: var(--vbo-red-color);
7190 }
7191 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7192 text-align: left;
7193 margin-bottom: 10px;
7194 }
7195 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7196 background: var(--vbo-config-bg-color);
7197 padding: 20px;
7198 border: 1px solid var(--vbo-config-border-color);
7199 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7200 }
7201 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7202 margin: 5px 0;
7203 box-sizing: border-box;
7204 display: inline-block;
7205 width: 100%;
7206 }
7207 .vbo-overlay-checkin-body iframe {
7208 width: 100%;
7209 border: 0;
7210 height: 50vh;
7211 }
7212 .vbo-info-overlay-content-animated {
7213 -webkit-animation-name: VikbounceInUp;
7214 animation-name: VikbounceInUp;
7215
7216 -webkit-animation-duration: .6s;
7217 animation-duration: .6s;
7218 -webkit-animation-fill-mode: both;
7219 animation-fill-mode: both;
7220 }
7221 .vbo-info-overlay-block-animation:target {
7222 visibility: visible;
7223 }
7224 .vbo-info-overlay-content-hidden {
7225 display: none;
7226 }
7227 .vbo-admin-wizard-container {
7228 margin-bottom: 10px;
7229 }
7230 .vbo-admin-wizard-container .vbo-wizard-btn {
7231 background: #3961bf;
7232 border: 1px solid #3961bf;
7233 color: #fff;
7234 font-weight: bold;
7235 padding: 10px 14px;
7236 margin-right: 5px;
7237 }
7238 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7239 background: #27417d;
7240 border-color: #27417d;
7241 }
7242 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7243 background: #5c77b5;
7244 border-color: #5c77b5;
7245 }
7246 .vbo-admin-wizard-container .vbo-wizard-btn i {
7247 margin-right: 5px;
7248 }
7249
7250 @-webkit-keyframes VikbounceInUp {
7251 from,
7252 60%,
7253 75%,
7254 90%,
7255 to {
7256 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7257 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7258 }
7259
7260 from {
7261 opacity: 0;
7262 -webkit-transform: translate3d(-50%, 150%, 0);
7263 transform: translate3d(-50%, 150%, 0);
7264 }
7265
7266 60% {
7267 opacity: 1;
7268 -webkit-transform: translate3d(-50%, 100%, 0);
7269 transform: translate3d(-50%, 100%, 0);
7270 }
7271
7272 75% {
7273 -webkit-transform: translate3d(-50%, 20%, 0);
7274 transform: translate3d(-50%, 20%, 0);
7275 }
7276
7277 90% {
7278 -webkit-transform: translate3d(-50%, -25%, 0);
7279 transform: translate3d(-50%, -25%, 0);
7280 }
7281
7282 to {
7283 -webkit-transform: translate3d(-50%, -50%, 0);
7284 transform: translate3d(-50%, -50%, 0);
7285 }
7286 }
7287
7288 @keyframes VikbounceInUp {
7289 from,
7290 60%,
7291 75%,
7292 90%,
7293 to {
7294 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7295 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7296 }
7297
7298 from {
7299 opacity: 0;
7300 -webkit-transform: translate3d(-50%, 150%, 0);
7301 transform: translate3d(-50%, 150%, 0);
7302 }
7303
7304 60% {
7305 opacity: 1;
7306 -webkit-transform: translate3d(-50%, 100%, 0);
7307 transform: translate3d(-50%, 100%, 0);
7308 }
7309
7310 75% {
7311 -webkit-transform: translate3d(-50%, 20%, 0);
7312 transform: translate3d(-50%, 20%, 0);
7313 }
7314
7315 90% {
7316 -webkit-transform: translate3d(-50%, -25%, 0);
7317 transform: translate3d(-50%, -25%, 0);
7318 }
7319
7320 to {
7321 -webkit-transform: translate3d(-50%, -50%, 0);
7322 transform: translate3d(-50%, -50%, 0);
7323 }
7324 }
7325
7326 .bounceInUp {
7327 -webkit-animation-name: VikbounceInUp;
7328 animation-name: VikbounceInUp;
7329 }
7330
7331 .vbo-info-overlay-content-wizard {
7332 padding: 25px;
7333 width: 50%;
7334 height: 80%;
7335 }
7336 .vbo-info-overlay-content-wizard {
7337 display: none;
7338 }
7339 .vbo-info-overlay-content-animated {
7340 display: block;
7341 }
7342 .vbo-info-overlay-content-wizard h3 {
7343 text-align: left;
7344 border-bottom: 0;
7345 font-size: 22px;
7346 margin-bottom: 0;
7347 }
7348 .vbo-tariffs-wizard-help-wrap {
7349 margin-bottom: 20px;
7350 }
7351 .vbo-tariffs-wizard-help-wrap p span {
7352 font-style: italic;
7353 }
7354 .vbo-tariffs-wizard-help-wrap h4 {
7355 font-size: 20px;
7356 margin-top: 30px;
7357 font-weight: normal;
7358 }
7359 .vbo-tariffs-wizard-prices-wrap {
7360 display: flex;
7361 flex-wrap: wrap;
7362 justify-content: center;
7363 }
7364 .vbo-tariffs-wizard-price {
7365 flex-basis: 25%;
7366 text-align: center;
7367 border: 2px solid #a3cae1;
7368 padding: 25px;
7369 margin: 4px;
7370 border-radius: 4px;
7371 }
7372 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7373 display: block;
7374 font-weight: bold;
7375 margin-bottom: 5px;
7376 }
7377 .vbo-tariffs-wizard-prices-submit {
7378 text-align: center;
7379 margin-top: 15px;
7380 }
7381 .vbo-rplans-wizard-wrap {
7382 display: flex;
7383 }
7384 .vbo-tariffs-wizard-help-wrap h4 {
7385 text-align: center;
7386 }
7387 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7388 display: inline-block;
7389 padding: 15px;
7390 border: 1px solid #ddd;
7391 border-radius: 4px;
7392 flex: 1;
7393 margin: 5px;
7394 }
7395 .vbo-rplans-wizard-tprice-name {
7396 display: inline-block;
7397 width: 100%;
7398 }
7399 .vbo-rplans-wizard-tprice-name label {
7400 font-weight: bold;
7401 font-size: 18px;
7402 display: inline-block;
7403 }
7404 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7405 float: right;
7406 margin: 0;
7407 padding-top: 0;
7408 padding-bottom: 0;
7409 }
7410 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7411 margin-bottom: 0;
7412 }
7413 .vbo-rplans-wizard-tprice-bkincl label {
7414 display: inline-block;
7415 }
7416 .vbo-rplans-wizard-tprice-bkincl input {
7417 margin-top: 0 !important;
7418 }
7419 .fileinput-button {
7420 position: relative;
7421 overflow: hidden;
7422 display: inline-block;
7423 }
7424 .fileinput-button input {
7425 position: absolute;
7426 top: 0;
7427 right: 0;
7428 margin: 0;
7429 opacity: 0;
7430 -ms-filter: 'alpha(opacity=0)';
7431 font-size: 200px;
7432 direction: ltr;
7433 cursor: pointer;
7434 }
7435 /* Fixes for IE < 8 */
7436 @media screen\9 {
7437 .fileinput-button input {
7438 filter: alpha(opacity=0);
7439 font-size: 100%;
7440 height: 100%;
7441 }
7442 }
7443 .progress {
7444 background-color: var(--vbo-config-child-bg-color);
7445 border-radius: 4px;
7446 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7447 height: 20px;
7448 margin-bottom: 20px;
7449 overflow: hidden;
7450 }
7451 .progress-bar {
7452 background-color: var(--vbo-blue-color);
7453 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7454 color: #fff;
7455 float: left;
7456 font-size: 12px;
7457 height: 100%;
7458 line-height: 20px;
7459 text-align: center;
7460 transition: width 0.6s ease 0s;
7461 width: 0;
7462 }
7463 .progress-bar-success {
7464 background-color: var(--vbo-green-color) !important;
7465 }
7466 .vbo-info-overlay-content .files {
7467 display: inline-block;
7468 width: 100%;
7469 min-height: 40%;
7470 border: 2px dashed var(--vbo-config-border-color);
7471 box-sizing: border-box;
7472 padding: 10px;
7473 }
7474 .vbo-upload-photo {
7475 float: left;
7476 margin: 0 10px 0 0;
7477 padding: 5px;
7478 }
7479 .vbo-upload-photo canvas {
7480 border: 1px solid var(--vbo-basic-btn);
7481 border-radius: 4px;
7482 }
7483 .vbo-upload-photo p {
7484 margin: 0;
7485 text-align: center;
7486 }
7487 .vbo-upload-photo span {
7488 font-weight: bold;
7489 text-align: center;
7490 display: block;
7491 text-align: center;
7492 color: var(--vbo-config-titles-color-light);
7493 }
7494 .vbo-upload-photo p button {
7495 margin-top: 5px;
7496 }
7497 .vbo-info-overlay-content #progress {
7498 margin-top: 15px;
7499 }
7500 .vbo-upload-done {
7501 display: none;
7502 width: 100%;
7503 text-align: center;
7504 padding-top: 15px;
7505 margin-top: 10px;
7506 }
7507 .vbo-upload-done .btn i:before {
7508 color: #fff;
7509 }
7510 .vbo-toggle-imgcaption {
7511 position: absolute;
7512 width: 22px;
7513 font-size: 16px;
7514 z-index: 100;
7515 margin-left: -11px;
7516 margin-top: -6px;
7517 background: var(--vbo-main-bg-color);
7518 border-radius: 50%;
7519 object-fit: cover;
7520 border: 1px solid var(--vbo-config-border-color);
7521 height: 22px;
7522 line-height: 22px;
7523 display: inline-block;
7524 text-align: center;
7525 color: var(--vbo-config-titles-color-light);
7526 }
7527 .vbo-toggle-imgcaption-on {
7528 color: var(--vbo-base-color);
7529 }
7530 .vbo-rmphotos-cont {
7531 margin-bottom: 10px;
7532 }
7533 .vbo-small-p-info {
7534 font-size: smaller;
7535 margin: 10px 0 0;
7536 text-align: right;
7537 }
7538 .vbo-bulkupload-cont {
7539 margin: 20px 0 0 0;
7540 }
7541 /* Multi Photos Upload Modal Window - End */
7542 /* Room Units Distinctive Features - Start */
7543 .vbo-distfeature-row {
7544 display: none;
7545 }
7546 .vbo-distfeatures-toggle-cont {
7547 display: block;
7548 text-align: left;
7549 }
7550 .vbo-distfeatures-cont {
7551 display: none;
7552 background-color: var(--vbo-config-child-bg-color);
7553 padding: 20px;
7554 margin-top: 5px;
7555 }
7556 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7557 background-color: var(--vbo-input-style) !important;
7558 }
7559 .vbo-runit-features-cont {
7560 display: block;
7561 margin-bottom: 10px;
7562 padding-bottom: 10px;
7563 border-bottom: 1px solid var(--vbo-config-border-color);
7564 }
7565 .vbo-runit-features-cont:last-child {
7566 margin-bottom: 0;
7567 border-bottom: 0;
7568 padding-bottom: 0;
7569 }
7570 .vbo-runit-num {
7571 display: block;
7572 font-weight: bold;
7573 }
7574 .vbo-runit-features {
7575 display: block;
7576 }
7577 .vbo-runit-feature {
7578 display: flex;
7579 margin: 5px 0 5px 0;
7580 }
7581 .vbo-runit-feature input {
7582 margin-right: 10px;
7583 }
7584 .vbo-runit-feature input:focus {
7585 background: #fff;
7586 }
7587 .vbo-feature-add {
7588 cursor: pointer;
7589 }
7590 .vbo-feature-remove {
7591 cursor: pointer;
7592 display: inline-block;
7593 font-size: 20px;
7594 align-self: center;
7595 }
7596 /* Room Units Distinctive Features - End */
7597 .vbo-closed-date-entry {
7598 display: inline-block;
7599 background-color: var(--vbo-toolbar-bg-color);
7600 border: 1px solid var(--vbo-toolbar-bg-color);
7601 border-radius: 30px;
7602 margin: 5px 5px 0px 0;
7603 padding: 5px 10px;
7604 color: var(--vbo-base-color);
7605 font-weight: bold;
7606 }
7607 .vbo-closed-date-rm {
7608 cursor: pointer;
7609 display: inline-block;
7610 margin-left: 3px;
7611 width: 18px;
7612 height: 18px;
7613 line-height: 15px;
7614 font-size: 8px;
7615 text-align: center;
7616 border-radius: 50%;
7617 color: var(--vbo-blue-color);
7618 line-height: 20px;
7619 float: right;
7620 }
7621 .vbo-closed-date-rm:hover {
7622 background: var(--vbo-blue-color);
7623 color: #fff;
7624 }
7625 .vbo-closed-date-rm i {
7626 margin: 0 !important;
7627 }
7628 /* Occupancy Pricing Override - Start */
7629 .occupancy-room {
7630 display: block;
7631 margin-left: 5px;
7632 }
7633 .occupancy-room-name {
7634 display: block;
7635 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7636 font-weight: bold;
7637 border-radius: 2px;
7638 border: 1px solid var(--vbo-config-border-color);
7639 cursor: pointer;
7640 padding: 8px 10px;
7641 margin: 5px 0 0;
7642 }
7643 .occupancy-room-data {
7644 display: none;
7645 padding: 20px;
7646 background: var(--vbo-config-child-bg-color);
7647 }
7648 .occupancy-room-data .occupancy-adults-data {
7649 margin: 0 0 15px;
7650 }
7651 .occupancy-room-data .occupancy-adults-data:last-child {
7652 margin-bottom: 0;
7653 }
7654 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7655 vertical-align: top;
7656 }
7657 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7658 padding: 5px 10px;
7659 }
7660 .occupancy-adults-lbl {
7661 display: inline-block;
7662 margin-bottom: 5px;
7663 font-weight: bold;
7664 }
7665 .occupancy-adults-ovr > * {
7666 margin-right: 5px;
7667 }
7668 /* Occupancy Pricing Override - End */
7669 /* Crons - Start */
7670 .vbo-shell-wrap {
7671 width: 100%;
7672 -webkit-border-radius: 3px;
7673 -moz-border-radius: 3px;
7674 border-radius: 3px;
7675 }
7676 .vbo-shell-top-bar {
7677 text-align: center;
7678 color: var(--vbo-config-title-color);
7679 padding: 5px 0;
7680 margin: 0;
7681 font-size: 1.15em;
7682 border: 1px solid var(--vbo-config-border-color);
7683 border-bottom: none;
7684 -webkit-border-top-left-radius: 3px;
7685 -webkit-border-top-right-radius: 3px;
7686 -moz-border-radius-topleft: 3px;
7687 -moz-border-radius-topright: 3px;
7688 border-top-left-radius: 3px;
7689 border-top-right-radius: 3px;
7690 background: var(--vbo-config-child-bg-color);
7691 }
7692 .vbo-shell-body {
7693 margin: 0;
7694 padding: 5px;
7695 list-style: none;
7696 background: #141414;
7697 color: #fff;
7698 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7699 font-size: 0.95em;
7700 line-height: 1.6em;
7701 -webkit-border-bottom-right-radius: 3px;
7702 -webkit-border-bottom-left-radius: 3px;
7703 -moz-border-radius-bottomright: 3px;
7704 -moz-border-radius-bottomleft: 3px;
7705 border-bottom-right-radius: 3px;
7706 border-bottom-left-radius: 3px;
7707 }
7708 .vbo-shell-body p:before {
7709 content: '$';
7710 position: absolute;
7711 left: 0;
7712 top: 0;
7713 }
7714 .vbo-shell-body span:before {
7715 content: '-';
7716 position: absolute;
7717 left: 0;
7718 top: 0;
7719 }
7720 .vbo-shell-body p, .vbo-shell-body span {
7721 word-wrap: break-word;
7722 position: relative;
7723 padding: 0 0 0 15px;
7724 display: block;
7725 margin: 2px 0 4px 0;
7726 }
7727 .vbo-cronexec-log {
7728 margin-top: 5px;
7729 }
7730 .vbo-cronexec-log pre {
7731 background: #141414 none repeat scroll 0 0;
7732 border-radius: 0;
7733 color: #fff;
7734 padding: 0;
7735 }
7736 /* Crons - End */
7737 /* Graphs & Statistics - Start */
7738 .vbo-stats-wrapper {
7739 background: var(--vbo-main-bg-color);
7740 padding: 20px 12px;
7741 }
7742 .vbo-stats-wrapper .adminform .adminlegend {
7743 font-weight: bold;
7744 width: 100%;
7745 margin-bottom: 20px;
7746 }
7747 .vbo-graph-bottom-wrapper {
7748 margin-top: 35px;
7749 }
7750 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
7751 display: flex;
7752 flex-wrap: wrap;
7753 }
7754 .vbo-graph-top-left, .vbo-graph-bottom-left {
7755 flex: 1;
7756 margin-right: 20px;
7757 }
7758 .vbo-graph-top-right, .vbo-graph-bottom-right {
7759 flex-basis: 25%;
7760 }
7761 .vbo-graphstats-left {
7762 background: var(--vbo-config-bg-color);
7763 padding: 30px;
7764 border-radius: 16px;
7765 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7766 }
7767 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
7768 width: 100% !important;
7769 }
7770 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
7771 height: 250px;
7772 }
7773 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
7774 background: var(--vbo-config-bg-color);
7775 padding: 20px;
7776 border-radius: 16px;
7777 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7778 margin-bottom: 15px;
7779 }
7780 .vbo-graph-top-right .vbo-graphstats-thirdright {
7781 border-bottom: 2px solid var(--vbo-base-color);
7782 }
7783 .vbo-graphstats-thirdright {
7784 margin-top: 25px;
7785 }
7786 .vbo-graphstats-thirdright > p {
7787 font-weight: bold;
7788 padding: 0;
7789 text-align: right;
7790 }
7791 .vbo-graphstats-thirdright > p:first-child {
7792 padding-top: 10px;
7793 }
7794 .vbo-graphstats-thirdright > p i {
7795 font-size: 11px;
7796 }
7797 .vbo-graphstats-thirdright p span {
7798 display: inline-block;
7799 min-width: 155px;
7800 float: left;
7801 text-align: left;
7802 }
7803 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
7804 text-align: center;
7805 margin-top: 0;
7806 margin-bottom: 10px;
7807 border-bottom: 1px solid var(--vbo-basic-btn);
7808 padding-bottom: 10px;
7809 }
7810 .vbo-graph-bottom-right h4 {
7811 text-align: center;
7812 margin-top: 0;
7813 margin-bottom: 10px;
7814 border-bottom: 1px solid var(--vbo-basic-btn);
7815 padding-bottom: 0;
7816 }
7817 .vbo-graphstats-countries {
7818 padding-bottom: 10px;
7819 }
7820 .vbo-graphstats-country-wrap {
7821 display: inline-block;
7822 width: 100%;
7823 margin: 2px 0;
7824 }
7825 .vbo-graphstats-country-wrap > span {
7826 vertical-align: middle;
7827 }
7828 .vbo-graphstats-country-img {
7829 display: inline-block;
7830 margin-right: 5px;
7831 }
7832 .vbo-graphstats-country-name {
7833 display: inline-block;
7834 font-weight: bold;
7835 min-width: 120px;
7836 margin-right: 5px;
7837 }
7838 .vbo-graphstats-country-totb.badge {
7839 display: inline-block;
7840 float: right;
7841 background-color: transparent;
7842 border: 2px solid var(--vbo-config-text-color-light);
7843 color: var(--vbo-config-titles-color-light);
7844 border-radius: 50px;
7845 }
7846 .vbo-graphstats-mod-containers {
7847 display: flex;
7848 flex-wrap: wrap;
7849 justify-content: center;
7850 }
7851 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
7852 flex-basis: 50%;
7853 }
7854 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
7855 background: var(--vbo-config-bg-color);
7856 padding: 20px;
7857 border-radius: 16px;
7858 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7859 margin-bottom: 15px;
7860 margin-right: 5px;
7861 }
7862 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
7863 font-weight: bold;
7864 color: var(--vbo-config-titles-color-light);
7865 margin-bottom: 10px;
7866 }
7867 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
7868 font-size: 26px;
7869 font-weight: bold;
7870 }
7871 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
7872 font-size: 13px;
7873 display: inline-block;
7874 vertical-align: top;
7875 color: var(--vbo-config-titles-color-light);
7876 }
7877 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
7878 font-size: 14px;
7879 display: inline-block;
7880 vertical-align: top;
7881 }
7882 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
7883 color: var(--vbo-green-color);
7884 }
7885 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
7886 color: var(--vbo-red-color);
7887 }
7888 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
7889 text-align: center;
7890 }
7891 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
7892 display: inline-block;
7893 text-align: center;
7894 margin: 10px 0 0;
7895 padding: 10px 0;
7896 width: 100%;
7897 }
7898 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
7899 display: inline-block;
7900 margin: 3px 7px;
7901 font-weight: bold;
7902 }
7903 #vbo-graphstats-left-legend ul.line-legend li {
7904 border: 1px solid var(--vbo-config-border-color);
7905 border-radius: 20px;
7906 padding: 10px 12px;
7907 }
7908 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
7909 display: inline-block;
7910 float: left;
7911 height: 15px;
7912 margin: 0 10px 0 0;
7913 width: 15px;
7914 border-radius: 4px;
7915 font-weight: bold;
7916 }
7917 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
7918 text-align: center;
7919 }
7920 #vbo-graphstats-right-legend-nights ul.pie-legend {
7921 display: flex;
7922 margin: 10px 0 0;
7923 padding: 0;
7924 width: 100%;
7925 -ms-flex-wrap: wrap;
7926 -webkit-flex-wrap: wrap;
7927 flex-wrap: wrap;
7928 }
7929 #vbo-graphstats-right-legend ul.pie-legend {
7930 display: flex;
7931 margin: 10px 0 0;
7932 padding: 0;
7933 width: 100%;
7934 -ms-flex-wrap: wrap;
7935 -webkit-flex-wrap: wrap;
7936 flex-wrap: wrap;
7937 }
7938 #vbo-graphstats-right-legend-nights ul.pie-legend li {
7939 display: inline-block;
7940 margin: 3px 7px;
7941 -ms-flex: 0 0 45%;
7942 -webkit-flex: 0 0 45%;
7943 flex: 0 0 45%;
7944 text-align: left;
7945 font-weight: bold;
7946 }
7947 #vbo-graphstats-right-legend ul.pie-legend li {
7948 display: inline-block;
7949 margin: 3px 7px;
7950 -ms-flex: 0 0 45%;
7951 -webkit-flex: 0 0 45%;
7952 flex: 0 0 45%;
7953 text-align: left;
7954 font-weight: bold;
7955 }
7956 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
7957 display: inline-block;
7958 float: left;
7959 height: 15px;
7960 margin: 0 10px 0 0;
7961 width: 15px;
7962 border-radius: 4px;
7963 font-weight: bold;
7964 }
7965 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
7966 display: inline-block;
7967 float: left;
7968 height: 15px;
7969 margin: 0 10px 0 0;
7970 width: 15px;
7971 border-radius: 4px;
7972 }
7973 .vbo-graphstats-legend-sub {
7974 display: inline-block;
7975 font-size: smaller;
7976 margin-left: 3px;
7977 }
7978 .vbo-graph-introtitle {
7979 display: block;
7980 font-weight: bold;
7981 margin-bottom: 10px;
7982 text-align: center;
7983 }
7984 .vbo-graph-introtitle span {
7985 font-size: 18px;
7986 color: var(--vbo-config-title-color);
7987 }
7988 .vbo-graphstats-thirdright-nights-bestworst {
7989 padding: 0;
7990 }
7991 .vbo-graphstats-thirdright-nights-bestworst > span {
7992 font-weight: bold;
7993 display: block;
7994 }
7995 .vbo-chart-icon-negative {
7996 color: var(--vbo-red-color);
7997 }
7998 .vbo-chart-icon-positive {
7999 color: var(--vbo-green-color);
8000 }
8001
8002 /* Graphs & Statistics - End */
8003 /* Invoices - Start */
8004 .vbo-invoices-wrapper {
8005 display: block;
8006 overflow: hidden;
8007 padding: 15px;
8008 margin-bottom: 20px;
8009 background: var(--vbo-config-child-bg-color);
8010 }
8011 .vbo-invoices-inv-container {
8012 position: relative;
8013 margin: 10px;
8014 width: 300px;
8015 height: 235px;
8016 z-index : 1;
8017 float:left;
8018 background: var(--vbo-config-bg-color);
8019 box-shadow: 0 0 10px rgba(0,0,0,.08);
8020 border: 1px solid var(--vbo-basic-btn);
8021 border-radius: 5px;
8022 -webkit-perspective: 1000;
8023 perspective: 1000;
8024 }
8025 .vbo-invoices-inv-inner {
8026 cursor: pointer;
8027 width: 100%;
8028 height: 100%;
8029 -webkit-transform-style: preserve-3d;
8030 -webkit-transition: all 0.7s linear;
8031 transform-style: preserve-3d;
8032 transition: all 0.7s linear;
8033 }
8034 .vbo-invoices-inv-container.vbo-invoice-active {
8035 border: 1px solid var(--vbo-base-color);
8036 }
8037 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8038 -webkit-transform: rotateY(180deg);
8039 transform: rotateY(180deg);
8040 }
8041 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8042 padding: 8px 15px;
8043 box-shadow: none;
8044 border-color: var(--vbo-config-border-color);
8045 }
8046 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8047 background-color: var(--vbo-light-color-btn);
8048 }
8049 .vbo-invoices-inv-face {
8050 position: absolute;
8051 width: 100%;
8052 height: 100%;
8053 backface-visibility: hidden;
8054 -webkit-backface-visibility: hidden;
8055 }
8056 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8057 display: flex;
8058 flex-wrap: wrap;
8059 display: block;
8060 -webkit-transform: rotateY(180deg);
8061 transform: rotateY(180deg);
8062 box-sizing: border-box;
8063 text-align: center;
8064 background-color: var(--vbo-config-bg-color);
8065 border-radius: 5px;
8066 }
8067 .vbo-invoices-inv-frontright {
8068 overflow: hidden;
8069 padding: 10px;
8070 }
8071 .vbo-invoices-inv-entry {
8072 display: block;
8073 margin-bottom: 5px;
8074 }
8075 .vbo-invoices-inv-entry-custname {
8076 margin-top: 5px;
8077 }
8078 .vbo-invoices-inv-entry-lbl {
8079 display: inline-block;
8080 margin-right: 5px;
8081 font-weight: bold;
8082 }
8083 .vbo-invoices-inv-entry-val {
8084 display: inline-block;
8085 vertical-align: top;
8086 }
8087 .vbo-invoices-inv-ckbox {
8088 position: absolute;
8089 top: 5px;
8090 left: 5px;
8091 margin: 1px;
8092 }
8093 .vbo-invoices-inv-back-commands {
8094 margin:10px 0;
8095 }
8096 .vbo-invoices-inv-back-commands .btn {
8097 margin:2px;
8098 }
8099 .vbo-invoices-inv-back-entries {
8100 background: var(--vbo-basic-btn-hover);
8101 border-top:1px solid var(--vbo-config-border-color);
8102 padding: 10px 20px;
8103 font-size: 12px;
8104 width: auto;
8105 display: inline-block;
8106 border-radius: 4px;
8107 margin: 2px;
8108 text-align: left;
8109 }
8110 .vbo-invoices-inv-entry-val small {
8111 font-size: 12px;
8112 }
8113 .vbo-invoices-inv-entry-val .label {
8114 margin-left: 3px;
8115 }
8116 .vbo-invoices-inv-frontleft {
8117 position: relative;
8118 }
8119 .vbo-invoices-inv-totals {
8120 position: absolute;
8121 bottom: 2px;
8122 width: calc(100% - 10px);
8123 display: flex;
8124 flex-wrap: wrap;
8125 padding: 6px;
8126 box-sizing: border-box;
8127 border: 1px solid var(--vbo-config-border-color);
8128 margin: 5px;
8129 border-radius: 4px;
8130 }
8131 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8132 font-weight: bold;
8133 margin-right: 5px;
8134 }
8135 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8136 margin-left: auto;
8137 }
8138 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8139 padding: 2px 6px;
8140 }
8141 /* Invoices - End */
8142 /* Snapshot - Start */
8143 .vbo-info-overlay-snapshot {
8144 position: fixed;
8145 left: 50%;
8146 top: 50%;
8147 transform: translate(-50%, -50%);
8148 width: 40%;
8149 height: 60%;
8150 z-index: 101;
8151 padding: 20px;
8152 border-radius: 5px;
8153 background-color: var(--vbo-config-bg-color);
8154 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8155 }
8156 .vbo-info-overlay-snapshot-controls {
8157 display: block;
8158 text-align: center;
8159 }
8160 .vbo-info-overlay-snapshot-controls button {
8161 margin: 0 5px;
8162 }
8163 .vbo-info-overlay-snapshot-controls button i {
8164 margin-right: 5px;
8165 }
8166 .vbo-info-overlay-snapshot-movie {
8167 display: block;
8168 text-align: center;
8169 overflow: auto;
8170 margin: 10px auto;
8171 }
8172 .vbo-cur-idscan {
8173 display: inline-block;
8174 background: var(--vbo-main-bg-color);
8175 padding: 10px 15px;
8176 border-radius: 2px;
8177 border: 1px solid var(--vbo-config-border-color);
8178 color: var(--vbo-config-title-color);
8179 white-space: nowrap;
8180 overflow: hidden;
8181 text-overflow: ellipsis;
8182 max-width: 120px;
8183 margin: 0px 0 0px 10px;
8184 vertical-align: top;
8185 }
8186
8187 /* Snapshot - End */
8188 /* Draggable Elements - Start */
8189 .vbo-draggable-sp {
8190 width: 98%;
8191 cursor: move;
8192 }
8193 .vbo-dragging-sp {
8194 border-radius: 8px;
8195 border: 1px dashed var(--vbo-config-title-color);
8196 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8197 }
8198 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8199 border-right: 0;
8200 border-radius: 0;
8201 }
8202 .vbo-dragging-cells-tmp {
8203 border-radius: 8px;
8204 border: 1px dashed var(--vbo-config-bg-color);
8205 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8206 }
8207 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8208 margin: 0 !important;
8209 }
8210 .vbo-dragged-cells-tmp {
8211 border-radius: 8px;
8212 border: 1px dashed var(--vbo-config-bg-color);
8213 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8214 animation: Vikshake 0.5s ease-in-out;
8215 -webkit-animation: Vikshake 0.5s ease-in-out;
8216 -moz-animation: Vikshake 0.5s ease-in-out;
8217 }
8218 @keyframes Vikshake {
8219 0% {
8220 transform: translateX(0);
8221 }
8222 20% {
8223 transform: translateX(-10px);
8224 }
8225 40% {
8226 transform: translateX(10px);
8227 }
8228 60% {
8229 transform: translateX(-10px);
8230 }
8231 80% {
8232 transform: translateX(10px);
8233 }
8234 100% {
8235 transform: translateX(0);
8236 }
8237 }
8238 @-webkit-keyframes Vikshake {
8239 0% {
8240 transform: translateX(0);
8241 }
8242 20% {
8243 transform: translateX(-10px);
8244 }
8245 40% {
8246 transform: translateX(10px);
8247 }
8248 60% {
8249 transform: translateX(-10px);
8250 }
8251 80% {
8252 transform: translateX(10px);
8253 }
8254 100% {
8255 transform: translateX(0);
8256 }
8257 }
8258 @-moz-keyframes Vikshake {
8259 0% {
8260 transform: translateX(0);
8261 }
8262 20% {
8263 transform: translateX(-10px);
8264 }
8265 40% {
8266 transform: translateX(10px);
8267 }
8268 60% {
8269 transform: translateX(-10px);
8270 }
8271 80% {
8272 transform: translateX(10px);
8273 }
8274 100% {
8275 transform: translateX(0);
8276 }
8277 }
8278 .vboverviewtable > * {
8279 -webkit-touch-callout: none;
8280 -webkit-user-select: none;
8281 -moz-user-select: none;
8282 -ms-user-select: none;
8283 }
8284 table.vboverviewtable td.vbo-overv-avcell {
8285 position: relative;
8286 }
8287 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8288 min-width: 80px;
8289 max-width: 80px;
8290 height: 50px;
8291 }
8292 table.vboverviewtable th, table.vboverviewtable td {
8293 -moz-box-sizing: border-box;
8294 -webkit-box-sizing: border-box;
8295 box-sizing: border-box;
8296 border-right: 1px solid var(--vbo-config-border-color);
8297 border-bottom: 1px solid var(--vbo-config-border-color);
8298 }
8299 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8300 padding: 10px;
8301 }
8302 table.vboverviewtable tr:last-child td {
8303 border-bottom: 0;
8304 }
8305 table.vboverviewtable td:last-child {
8306 border-right: 0;
8307 }
8308 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8309 position: relative;
8310 }
8311 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8312 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8313 position: absolute;
8314 top: 50%;
8315 left: 50%;
8316 transform: translate(-50%, -50%);
8317 overflow: auto;
8318 text-align: center;
8319 }
8320 .vbo-overv-row-snake td {
8321 padding-bottom: 16px;
8322 vertical-align: bottom;
8323 }
8324 .vboverviewtablerow .vbo-checkinday span {
8325 margin-top: -2px;
8326 display: block;
8327 }
8328 .vboverviewtablerow-subunit td {
8329 position: relative;
8330 }
8331 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8332 position: absolute;
8333 }
8334 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8335 top: auto;
8336 left: auto;
8337 right: 3px;
8338 bottom: 1px;
8339 transform: none;
8340 cursor: pointer;
8341
8342 visibility: hidden;
8343 }
8344 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8345 top: auto;
8346 left: auto;
8347 right: 3px;
8348 bottom: 0;
8349 transform: none;
8350 }
8351 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8352 animation: 1s vbonotefadeIn;
8353 animation-fill-mode: forwards;
8354 }
8355
8356 @keyframes vbonotefadeIn {
8357 99% {
8358 visibility: hidden;
8359 }
8360 100% {
8361 visibility: visible;
8362 }
8363 }
8364 .vbo-roomdaynote-full:before {
8365 content: "";
8366 width: 100%;
8367 height: 3px;
8368 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);;
8369 position: absolute;
8370 bottom: 0;
8371 left: 0;
8372 }
8373 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8374 height: 19px;
8375 }
8376 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8377 content: attr(data-notes);
8378 color: #fff;
8379 font-size: 12px;
8380 position: absolute;
8381 bottom: 1px;
8382 left: 4px;
8383 width: max-content;
8384 z-index: 1;
8385 max-width: 200px;
8386 white-space: nowrap;
8387 overflow: hidden;
8388 text-overflow: ellipsis;
8389 }
8390 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8391 color: var(--vbo-base-color);
8392 font-size: 14px;
8393 }
8394 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8395 color: var(--vbo-base-color-hover);
8396 opacity: .8;
8397 }
8398 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8399 color: var(--vbo-config-bg-color);
8400 }
8401 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8402 color: var(--vbo-base-color-hover);
8403 }
8404 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8405 opacity: .8;
8406 }
8407 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8408 color: var(--vbo-config-bg-color);
8409 }
8410 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8411 color: #fff;
8412 z-index: 10;
8413 }
8414 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8415 color: #b8d5f5;
8416 }
8417 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8418 width: calc(70% - 15px);
8419 }
8420 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8421 width: calc(34% - 20px);
8422 }
8423 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8424 width: calc(34% - 10px);
8425 }
8426 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8427 width: 40px;
8428 text-overflow: ellipsis;
8429 overflow: hidden;
8430 text-align: left;
8431 }
8432 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8433 width: 110px;
8434 text-overflow: ellipsis;
8435 overflow: hidden;
8436 text-align: left;
8437 }
8438 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8439 width: 190px;
8440 text-overflow: ellipsis;
8441 overflow: hidden;
8442 text-align: left;
8443 }
8444 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8445 width: auto !important;
8446 }
8447 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8448 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8449 width: 50%;
8450 }
8451 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8452 display: none;
8453 }
8454 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8455 display: inline-block;
8456 margin-left: 5px;
8457 }
8458 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8459 font-weight: bold;
8460 }
8461 .vbo-modal-roomdaynotes-addnew {
8462 border: 1px solid var(--vbo-config-border-color);
8463 padding: 10px 20px 20px;
8464 border-radius: 4px;
8465 background: var(--vbo-config-child-bg-color);
8466 }
8467 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8468 margin: 10px 0;
8469 }
8470 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8471 display: block;
8472 margin-bottom: 5px;
8473 }
8474 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8475 width: 100% !important;
8476 box-sizing: border-box;
8477 min-height: 80px;
8478 }
8479 tr.vboverviewtablerow-subunit {
8480 display: none;
8481 }
8482 .vbo-info-overlay-content-fests {
8483 padding: 0;
8484 }
8485 .vbo-info-overlay-content-fests > h3 {
8486 padding-top: 15px;
8487 padding-bottom: 15px;
8488 }
8489 .vbo-overlay-fests-list {
8490 padding: 10px 30px;
8491 }
8492 .vbo-overlay-fest-details {
8493 display: flex;
8494 margin: 4px 0 15px;
8495 padding: 10px;
8496 border: 1px solid var(--vbo-config-border-color);
8497 border-radius: 4px;
8498 }
8499 .vbo-roverw-roomdaynotes-title {
8500 font-size: 15px;
8501 margin-bottom: 7px;
8502 }
8503 .vbo-roverv-roomdaynotes-note-details {
8504 border: 1px solid #bce3ec;
8505 }
8506 .vbo-overlay-fest-details .vbo-fest-info {
8507 margin-right: 15px;
8508 align-self: center;
8509 }
8510 .vbo-overlay-fest-details .vbo-fest-cmds {
8511 margin-left: auto;
8512 }
8513 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8514 margin-right: 0;
8515 }
8516 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8517 font-size: 1.1em;
8518 font-weight: bold;
8519 }
8520 .vbo-overlay-fests-addnew {
8521 margin: 0 30px 30px;
8522 border: 1px solid var(--vbo-config-border-color);
8523 padding: 15px;
8524 background: var(--vbo-config-child-bg-color);
8525 }
8526 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8527 width: 70% !important;
8528 }
8529 .vbo-info-overlay-content input#invoice_num[type="number"] {
8530 width: 115px !important;
8531 }
8532 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8533 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8534 border: 1px solid var(--vbo-config-border-color);
8535 border-radius: 2px;
8536 padding: 5px 10px;
8537 }
8538 .vbo-overlay-fests-addnew-elem textarea {
8539 width: 100%;
8540 min-height: 80px;
8541 box-sizing: border-box;
8542 }
8543 .vbo-ovrv-flt-butn {
8544 position: fixed;
8545 bottom: 40px;
8546 right: 10px;
8547 padding: 8px;
8548 border-radius: 4px;
8549 background: none repeat scroll 0 0 #02679a;
8550 color: #fff;
8551 cursor: pointer;
8552 }
8553 .vbo-ovrv-flt-butn-shake {
8554 animation: Vikshake 0.5s ease-in-out;
8555 -webkit-animation: Vikshake 0.5s ease-in-out;
8556 -moz-animation: Vikshake 0.5s ease-in-out;
8557 }
8558 span.vbo-overview-subroom-toggle {
8559 cursor: pointer;
8560 margin-left: auto;
8561 margin-right: 1px;
8562 margin-top: 5px;
8563 }
8564 span.vbo-overview-subroom-toggle i {
8565 color: var(--vbo-config-title-color);
8566 }
8567 span.vbo-overview-subroom-toggle-active i {
8568 color: var(--vbo-base-color);
8569 }
8570 .vbo-info-overlay-loading-dnd {
8571 color: var(--vbo-config-bg-color);
8572 display: block;
8573 font-size: 30px;
8574 left: 20%;
8575 position: fixed;
8576 text-align: center;
8577 top: 20%;
8578 width: 60%;
8579 padding: 30px;
8580 z-index: 101;
8581 background: var(--vbo-config-title-color);
8582 border-radius: 20px;
8583 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8584 }
8585 .vbo-loading-dnd-head {
8586 display: block;
8587 font-weight: bold;
8588 }
8589 .vbo-loading-dnd-body {
8590 display: block;
8591 font-size: smaller;
8592 margin-top: 30px;
8593 }
8594 .vbo-loading-dnd-response {
8595 background: var(--vbo-body-text-color);
8596 border-radius: 8px;
8597 display: block;
8598 font-size: 15px;
8599 margin: 15px auto 0;
8600 padding: 25px;
8601 }
8602 .vbo-loading-dnd-footer {
8603 display: block;
8604 font-size: smaller;
8605 margin-top: 30px;
8606 }
8607 #vbo-dnd-response form {
8608 margin-top: 10px;
8609 }
8610 #vbo-dnd-canvas-success {
8611 height: 100px;
8612 }
8613 /* Draggable Elements - End */
8614 /* Overview Tooltip - Start */
8615 .vbo-overview-tipblock {
8616 bottom: 0;
8617 color: var(--vbo-body-text-color);
8618 max-height: 400px;
8619 min-height: 140px;
8620 overflow: auto;
8621 position: absolute;
8622 right: 0;
8623 width: 400px;
8624 z-index: 1001;
8625 }
8626 .vbo-overview-tipblock-expanded {
8627 width: 800px;
8628 min-height: 240px;
8629 right: 0;
8630 }
8631 .vbo-overview-tipexpander {
8632 position: absolute;
8633 top: 1px;
8634 left: 1px;
8635 }
8636 .vbo-overview-expandtoggle {
8637 display: inline-block;
8638 width: 26px;
8639 height: 26px;
8640 line-height: 24px;
8641 color: #fff;
8642 background: #666;
8643 text-align: center;
8644 border-radius: 2px;
8645 font-size: 14px;
8646 cursor: pointer;
8647 }
8648 .vbo-overview-expandtoggle:hover {
8649 background: #999;
8650 }
8651 .vbo-overview-tipinner {
8652 display: block;
8653 padding: 10px 0 0 5px;
8654 }
8655 .vbo-overview-tiploading {
8656 display: block;
8657 font-weight: bold;
8658 background-color: rgba(255,255,255, .9);
8659 padding: 10px 15px;
8660 border-radius: 3px;
8661 box-shadow: 0 0 10px rgba(0,0,0,.1);
8662 }
8663 .vbo-overview-tip-bookingcont {
8664 margin: 4px 0;
8665 position: relative;
8666 display: flex;
8667 font-size: 12px;
8668 box-shadow: 0 0 10px rgba(0,0,0,.1);
8669 }
8670 .vbo-overview-tip-bookingcont:first-child {
8671 margin-top: 0;
8672 }
8673 .vbo-overview-tip-bookingcont:last-child {
8674 margin-bottom: 0;
8675 }
8676 .vbo-overview-tip-bookingcont-left {
8677 flex-basis: 35%;
8678 display: inline-block;
8679 vertical-align: top;
8680 text-align: left;
8681 background-color: rgba(232,235,240, .9);
8682 padding: 15px 20px;
8683 border-top-left-radius: 3px;
8684 border-bottom-left-radius: 3px;
8685 }
8686 .vbo-overview-tip-bookingcont-right {
8687 flex: 1;
8688 display: inline-block;
8689 vertical-align: top;
8690 text-align: left;
8691 background-color: rgba(255,255,255, .9);
8692 padding: 10px 20px;
8693 border-top-right-radius: 3px;
8694 border-bottom-right-radius: 3px;
8695 }
8696 .vbo-overview-tip-bookingcont-right > div,
8697 .vbo-overview-tip-bookingcont-left > div {
8698 margin: 5px 0;
8699 line-height: 1.3em;
8700 white-space: break-spaces;
8701 }
8702 .vbo-overview-tip-bookingcont span {
8703 margin-top: 0 !important;
8704 position: relative !important;
8705 left: auto !important;
8706 top: auto !important;
8707 transform: initial !important;
8708 text-align: left !important;
8709 overflow: initial !important;
8710 }
8711 .vbo-overview-tip-bookingcont-total {
8712 border-top: 1px solid var(--vbo-config-border-color);
8713 text-align: right;
8714 font-size: 13px;
8715 padding-top: 2px;
8716 }
8717 .vbo-overview-tip-cnt .vbo-channelimg-small {
8718 max-width: 70px;
8719 }
8720 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
8721 float: inherit;
8722 padding-left: 5px;
8723 vertical-align: bottom;
8724 }
8725 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
8726 font-weight: bold;
8727 display: block;
8728 color: var(--vbo-config-titles-color-light);
8729 text-transform: uppercase;
8730 font-size: 11px;
8731 }
8732 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
8733 float: right;
8734 }
8735 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
8736 display: inline-block;
8737 margin-right: 3px;
8738 }
8739 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
8740 font-weight: bold;
8741 display: inline-block;
8742 }
8743 .vbo-overview-tip-optindexes select {
8744 max-width: 180px !important;
8745 }
8746 .vbo-overview-tip-bstatus .label {
8747 background: transparent !important;
8748 padding: 0;
8749 font-size: inherit;
8750 line-height: auto;
8751 text-transform: uppercase;
8752 }
8753 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
8754 background: transparent !important;
8755 color: var(--vbo-green-color) !important;
8756 }
8757 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
8758 color: var(--vbo-warning-color) !important;
8759 background: transparent !important;
8760 }
8761 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
8762 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
8763 color: var(--vbo-red-color) !important;
8764 background: transparent !important;
8765 }
8766 .vbo-overview-tip-lbl .tooltip {
8767 min-width: 140px !important;
8768 }
8769 .vbo-overview-tip-bctag-wrap {
8770 z-index: 10;
8771 margin: 15px 0 0;
8772 position: relative;
8773 }
8774 .vbo-overview-tip-bctag {
8775 background-color: var(--vbo-config-bg-color);
8776 border: 1px solid var(--vbo-config-border-color);
8777 border-radius: 4px;
8778 cursor: pointer;
8779 height: 22px;
8780 width: 22px;
8781 text-align: center;
8782 vertical-align: top;
8783 font-size: 10px !important;
8784 line-height: 25px !important;
8785 }
8786 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
8787 margin: 0;
8788 }
8789 .vbo-overview-tip-bctag i[class^="vboicn-"] {
8790 margin-right: 0;
8791 }
8792 .vbo-overview-tip-bctag-subtip {
8793 background-color: var(--vbo-config-bg-color);
8794 left: 37px;
8795 position: absolute;
8796 top: -9px;
8797 width: 250px;
8798 z-index: 1000001;
8799 padding: 7px;
8800 box-shadow: 0 4px 4px rgba(0,0,0, .3);
8801 border-radius: 2px;
8802 }
8803 .vbo-overview-tip-bctag-subtip:before {
8804 content: "";
8805 position: absolute;
8806 top:50%;
8807 left: -8px;
8808 transform: translate(0, -50%);
8809 width: 0;
8810 height: 0;
8811 border-style: solid;
8812 border-width: 5px 8px 5px 0;
8813 border-color: transparent #fff transparent transparent;
8814 }
8815 .vbo-overview-tip-bctag-subtip-circle {
8816 border-radius: 50%;
8817 display: inline-block;
8818 height: 16px;
8819 margin: 2px;
8820 width: 16px;
8821 cursor: pointer;
8822 padding: 1px;
8823 border: 1px solid var(--vbo-config-bg-color);
8824 }
8825 .vbo-overview-tip-bctag-subtip-circle > div {
8826 width: 100%;
8827 height: 100%;
8828 border-radius: 50%;
8829 }
8830
8831 .vbo-blist-tip-bctag-subtip {
8832 position: relative;
8833 }
8834 .vbo-blist-tip-bctag-subtip-inner {
8835 background-color: var(--vbo-config-bg-color);
8836 left: 50%;
8837 position: absolute;
8838 top: 0;
8839 width: 250px;
8840 z-index: 99;
8841 padding: 7px;
8842 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
8843 border-radius: 4px;
8844 transform: translate(-50%, 0%);
8845 }
8846 .vbo-blist-tip-bctag-subtip-circle {
8847 border-radius: 50%;
8848 display: inline-block;
8849 height: 16px;
8850 margin: 2px;
8851 width: 16px;
8852 cursor: pointer;
8853 padding: 1px;
8854 border: 1px solid #fff;
8855 }
8856 .vbo-blist-tip-bctag-subtip-circle > div {
8857 width: 100%;
8858 height: 100%;
8859 border-radius: 50%;
8860 }
8861 .vbo-overview-tagslegend {
8862 display: inline-block;
8863 margin-top: 5px;
8864 }
8865 .vbo-overview-legend-tag {
8866 float: left;
8867 margin-right: 4px;
8868 }
8869 .vbo-overview-tagslegend-lbl {
8870 display: inline-block;
8871 font-size: 12px;
8872 float: left;
8873 font-weight: bold;
8874 margin-right: 5px;
8875 }
8876 /* Overview Tooltip - End */
8877 /* Booking Checkin - Start */
8878 .vbo-bookdet-container {
8879 padding: 15px 20px 5px;
8880 background: var(--vbo-config-bg-color);
8881 border: 1px solid var(--vbo-basic-btn);
8882 box-shadow: 0 0 10px rgba(0,0,0,.1);
8883 margin-bottom: 20px;
8884 border-radius: 4px;
8885 text-align: left;
8886 box-sizing: border-box;
8887 }
8888 .vbo-bookdet-wrap {
8889 display: inline-block;
8890 margin: 0 10px 10px 10px;
8891 min-width: 50px;
8892 vertical-align: top;
8893 border-right: 1px solid var(--vbo-config-border-color);
8894 padding-right: 20px;
8895 }
8896 .vbo-bookdet-wrap:last-child {
8897 border: 0;
8898 }
8899 .vbo-bookdet-head {
8900 color: var(--vbo-config-titles-color-light);
8901 margin: 0;
8902 overflow-wrap: break-word;
8903 padding: 3px 0;
8904 text-align: left;
8905 position: relative;
8906 font-weight: bold;
8907 text-transform: uppercase;
8908 font-size: 11px;
8909 }
8910 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
8911 margin-left: 5px;
8912 }
8913 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
8914 margin-right: 5px !important;
8915 }
8916 .vbo-bookdet-foot {
8917 font-size: 16px;
8918 font-weight: bold;
8919 overflow-wrap: break-word;
8920 text-align: left;
8921 padding: 3px 0;
8922 }
8923 .vbo-customer-info-box {
8924 display: inline-block;
8925 }
8926 .vbo-customer-info-box .vbo-customer-info-box-avatar {
8927 margin-right: 3px;
8928 vertical-align: middle;
8929 display: inline-block;
8930 }
8931 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
8932 border-radius: 50%;
8933 display: inline-block;
8934 cursor: pointer;
8935 object-fit: cover;
8936 }
8937 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
8938 width: 30px;
8939 height: 30px;
8940 object-fit: cover;
8941 }
8942 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
8943 width: 48px;
8944 height: 48px;
8945 object-fit: cover;
8946 }
8947 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
8948 width: 64px;
8949 height: 64px;
8950 object-fit: cover;
8951 }
8952 .vbo-customer-info-box .vbo-customer-info-box-name {
8953 display: inline-block;
8954 vertical-align: middle;
8955 }
8956 .vbo-bookdet-foot .btn-primary {
8957 border: var(--vbo-base-color);
8958 padding: 3px 12px;
8959 font-weight: bold;
8960 }
8961 .vbo-bookdet-foot .label {
8962 padding: 5px 14px !important;
8963 font-size: 12px;
8964 border-radius: 24px;
8965 letter-spacing: .3px;
8966 }
8967 .vbo-label-overbooking {
8968 cursor: pointer;
8969 }
8970 .vbo-label-overbooking:hover {
8971 background-color: var(--vbo-red-color-hover) !important;
8972 }
8973 .vbo-label-nested.vbo-label-overbooking {
8974 padding: 3px 5px !important;
8975 font-weight: 500;
8976 line-height: 12px;
8977 font-size: 11px;
8978 }
8979 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
8980 padding: 4px 12px;
8981 font-size: 13px;
8982 }
8983 .vbo-bookdet-foot .vbo-dorefund-btn {
8984 position: relative;
8985 }
8986 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
8987 content: attr(data-totrefunds);
8988 position: absolute;
8989 background-color: var(--vbo-config-bg-color);
8990 color: var(--vbo-config-title-color);
8991 font-weight: bold;
8992 font-size: 13px;
8993 border-radius: 4px;
8994 text-align: center;
8995 padding: 1px 4px;
8996 top: -8px;
8997 border: 2px solid var(--vbo-red-color);
8998 right: -12px;
8999 box-shadow: 0 2px 4px rgba(0,0,0,.15);
9000 }
9001 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9002 padding: 15px 20px 5px;
9003 background: var(--vbo-config-bg-color);
9004 border: 1px solid var(--vbo-main-bg-color);
9005 box-shadow: 0 0 10px rgba(0,0,0,.1);
9006 margin-bottom: 5px;
9007 border-radius: 4px;
9008 text-align: left;
9009 box-sizing: border-box;
9010 }
9011 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9012 padding: 10px 20px 10px;
9013 }
9014 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9015 display: inline-block;
9016 }
9017 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9018 font-weight: bold;
9019 }
9020 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9021 display: inline-block;
9022 }
9023 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9024 padding: 8px 11px;
9025 margin-left: 15px;
9026 }
9027 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9028 padding: 10px 20px 10px;
9029 display: flex;
9030 flex-wrap: wrap;
9031 }
9032 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9033 display: inline-block;
9034 align-self: center;
9035 }
9036 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9037 display: inline-block;
9038 vertical-align: top;
9039 margin-left: 15px;
9040 flex: 1;
9041 }
9042 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9043 margin-bottom: 5px
9044 }
9045 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9046 margin-bottom: 0;
9047 }
9048 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9049 font-weight: bold;
9050 font-size: 1.1em;
9051 }
9052 .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 {
9053 display: block;
9054 }
9055 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9056 font-style: italic;
9057 }
9058 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9059 width: 100%;
9060 display: inline-block;
9061 border-bottom: 1px solid var(--vbo-config-border-color);
9062 padding: 20px 0 0;
9063 margin-bottom: -5px;
9064 }
9065 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9066 float: left;
9067 text-align: center;
9068 color: var(--vbo-config-titles-color-light);
9069 }
9070 .vbo-bookingdet-innercontainer {
9071 display: flex;
9072 -ms-flex-wrap: wrap;
9073 -webkit-flex-wrap: wrap;
9074 flex-wrap: wrap;
9075 }
9076 .vbo-bookingdet-innercontainer > div {
9077 padding: 18px;
9078 }
9079 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9080 background: var(--vbo-config-bg-color);
9081 padding: 15px;
9082 border-radius: 8px;
9083 margin: 10px 0;
9084 position: relative;
9085 }
9086 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9087 margin-top: 0;
9088 }
9089 .vbo-bookingdet-admin-entry > span {
9090 margin-bottom: 4px;
9091 display: inline-block;
9092 font-weight: bold;
9093 color: var(--vbo-config-titles-color-light);
9094 }
9095 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9096 font-weight: bold;
9097 text-transform: uppercase;
9098 margin-bottom: 5px;
9099 }
9100 .vbo-bookingdet-detcont > div {
9101 margin: 8px 0;
9102 }
9103 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9104 margin-top: 20px;
9105 }
9106 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9107 width: 100px !important;
9108 }
9109 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9110 display: flex;
9111 width: 100%;
9112 box-sizing: border-box;
9113 padding: 5px 6px !important;
9114 font-size: 12px;
9115 }
9116 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9117 align-self: center;
9118 margin-right: 8px;
9119 }
9120 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9121 margin-left: auto;
9122 padding: 4px 10px;
9123 }
9124 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9125 background-color: transparent !important;
9126 border: 1px solid var(--vbo-blue-color);
9127 color: var(--vbo-blue-color);
9128 }
9129 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9130 background: var(--vbo-blue-color);
9131 }
9132 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9133 background-color: transparent !important;
9134 border: 1px solid var(--vbo-green-color);
9135 color: var(--vbo-green-color);
9136 }
9137 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9138 background: var(--vbo-green-color) !important;
9139 }
9140 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9141 background: var(--vbo-green-color-hover);
9142 }
9143 .vbo-bookingdet-detcont-label-review {
9144 margin-top: 20px;
9145 display: inline-block;
9146 }
9147 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9148 border: 1px solid var(--vbo-orange-color);
9149 background: var(--vbo-config-bg-color) !important;
9150 color: var(--vbo-orange-color);
9151 }
9152 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9153 color: var(--vbo-orange-color) !important;
9154 display: block;
9155 }
9156 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9157 background: transparent;
9158 }
9159 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9160 color: var(--vbo-orange-color-hover) !important;
9161 }
9162 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9163 background: var(--vbo-config-child-bg-color);
9164 }
9165 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9166 width: 100% !important;
9167 box-sizing: border-box;
9168 height: auto;
9169 }
9170 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9171 margin: 0 0 10px;
9172 vertical-align: top;
9173 display: inline-block;
9174 width: 43%;
9175 padding: 0 5px;
9176 }
9177 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9178 display: block;
9179 font-weight: bold;
9180 font-size: 1em;
9181 color: var(--vbo-config-title-color);
9182 }
9183 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9184 word-wrap: break-word;
9185 }
9186 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9187 border: 2px solid var(--vbo-red-color);
9188 }
9189 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9190 -webkit-flex: 0 0 20%;
9191 -ms-flex: 0 0 20%;
9192 flex: 0 0 20%;
9193 }
9194 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9195 -webkit-flex: 1;
9196 -ms-flex: 1;
9197 flex: 1;
9198 }
9199 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9200 font-weight: bold;
9201 }
9202 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9203 font-size: 1.2em;
9204 }
9205 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9206 -webkit-flex: 1;
9207 -ms-flex: 1;
9208 flex: 1;
9209 background: var(--vbo-config-bg-color);
9210 border-radius: 8px;
9211 margin: 18px 15px 20px;;
9212 padding: 0;
9213 }
9214 .vbo-bookingdet-noteslogs-btns {
9215 border-top-left-radius: 8px;
9216 border-top-right-radius: 8px;
9217 background: var(--vbo-config-child-bg-color);
9218 padding: 0;
9219 border-bottom: 1px solid var(--vbo-config-border-color);
9220 }
9221 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9222 display: inline-block;
9223 }
9224 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9225 margin-right: 5px;
9226 }
9227 .vbo-bookingdet-noteslogs-btn a {
9228 font-weight: bold;
9229 text-transform: uppercase;
9230 padding: 16px 20px;
9231 display: inline-block;
9232 color: var(--vbo-config-titles-color-light);
9233 }
9234 .vbo-bookingdet-noteslogs-btn-active a {
9235 border-bottom: 2px solid var(--vbo-base-color);
9236 color: var(--vbo-base-color);
9237 background: var(--vbo-config-bg-color);
9238 }
9239 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9240 border: 0;
9241 background: transparent;
9242 padding: 0;
9243 }
9244 .vbo-bookingdet-noteslogs-cont {
9245 padding: 10px;
9246 }
9247 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9248 max-width: 100%;
9249 width: 100%;
9250 box-sizing: border-box;
9251 }
9252 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9253 width: 100% !important;
9254 box-sizing: border-box;
9255 padding: 15px;
9256 background: var(--vbo-config-child-bg-color);
9257 }
9258 .vbo-booking-history-firstrow {
9259 font-size: .9em;
9260 text-transform: uppercase;
9261 font-weight: bold;
9262 color: var(--vbo-config-titles-color-light);
9263 border: 0;
9264 }
9265 .vbo-booking-history-container tbody {
9266 border: 0 !important;
9267 }
9268 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9269 font-weight: bold;
9270 }
9271 .vbo-booking-history-container > .table > tbody > tr > td {
9272 white-space: normal !important;
9273 }
9274 .vbo-editbooking-custarea textarea {
9275 height: 250px;
9276 max-height: 400px;
9277 }
9278 .vbo-bookingdet-summary .table-responsive {
9279 background: var(--vbo-config-bg-color);
9280 border-radius: 8px;
9281 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9282 }
9283 .vbo-bookingdet-summary .table {
9284 margin-bottom: 0;
9285 }
9286 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9287 border-top: 0;
9288 }
9289 .vbo-bookingdet-summary .table td {
9290 padding: 10px 15px;
9291 }
9292 .vbo-editbooking-summary-room {
9293 background: var(--vbo-config-bg-color);
9294 border-radius: 8px;
9295 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9296 margin-bottom: 20px;
9297 padding-bottom: 15px;
9298 }
9299 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9300 padding: 15px;
9301 white-space: normal;
9302 }
9303 .vbo-bookingdet-summary-room-firstcell {
9304 width: 33%;
9305 }
9306 .vbo-bookingdet-summary-roomnum {
9307 font-size: 1.4em;
9308 display: inline-block;
9309 margin: 0 0 10px;
9310 font-weight: bold;
9311 }
9312 .vbo-bookingdet-summary-roomnum i {
9313 border: 1px solid var(--vbo-config-border-color);
9314 padding: 5px;
9315 border-radius: 3px;
9316 margin-right: 6px;
9317 color: var(--vbo-config-text-color-light);
9318 font-size: 14px;
9319 }
9320 .vbo-bookingdet-summary-roomname {
9321 font-size: 1.4em;
9322 display: inline-block;
9323 font-weight: bold;
9324 }
9325 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9326 margin-top: 2px;
9327 }
9328 .vbo-wider-badges-wrap .badge {
9329 font-weight: normal;
9330 padding: 2px 6px;
9331 }
9332 .vbo-bookdet-splitstay-details {
9333 margin-top: 5px;
9334 min-width: initial;
9335 }
9336 .vbo-bookdet-splitstay-details > div {
9337 display: inline-block;
9338 }
9339 .vbo-bookdet-splitstay-details > div > span {
9340 border-right: 1px solid var(--vbo-basic-btn);
9341 }
9342 .vbo-bookdet-splitstay-details > div > span:last-child {
9343 border-right: 0;
9344 }
9345 .vbo-bookingdet-summary-room-wrap {
9346 display: flex;
9347 flex-wrap: wrap;
9348 }
9349 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9350 margin-left: auto;
9351 }
9352 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9353 float: right;
9354 }
9355 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9356 max-width: 200px;
9357 }
9358 .vbo-bookingdet-summary-roomguests {
9359 text-transform: uppercase;
9360 color: var(--vbo-config-titles-color-light);
9361 font-size: .9em;
9362 }
9363 .vbo-bookingdet-summary-roomguests > div {
9364 display: inline-block;
9365 margin-right: 4px;
9366 }
9367 .vbo-bookingdet-summary-total {
9368 background: var(--vbo-light-color-btn);
9369 font-weight: bold;
9370 }
9371 .vbo-bookingdet-summary-total > td {
9372 border-top: 2px solid var(--vbo-config-border-color);
9373 }
9374 .vbo-bookingdet-summary-totpaid {
9375 background: var(--vbo-config-child-bg-color);
9376 }
9377 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9378 color: var(--vbo-blue-color);
9379 }
9380 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9381 color: var(--vbo-red-color);
9382 }
9383 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9384 text-align: left;
9385 }
9386 .vbo-editbooking-summary-room > div {
9387 padding: 15px 15px 0;
9388 }
9389 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9390 font-weight: bold;
9391 text-transform: uppercase;
9392 }
9393 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9394 text-transform: initial;
9395 font-weight: normal;
9396 }
9397 .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 {
9398 display: inline-block;
9399 vertical-align: middle;
9400 margin: 0;
9401 }
9402 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9403 margin-right: 10px;
9404 }
9405 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9406 width: 16px;
9407 color: var(--vbo-config-text-color-light);
9408 }
9409 .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 {
9410 height: 25px;
9411 }
9412 .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 {
9413 left: 28px;
9414 }
9415 .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 {
9416 height: 20px;
9417 width: 20px;
9418 }
9419 .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 {
9420 height: 26px;
9421 }
9422 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9423 margin-top: 5px;
9424 border-top: 1px solid var(--vbo-config-border-color);
9425 padding-top: 10px;
9426 }
9427 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9428 border-top-left-radius: 8px;
9429 border-top-right-radius: 8px;
9430 background: var(--vbo-config-child-bg-color);
9431 border-bottom: 1px solid var(--vbo-config-border-color);
9432 padding-bottom: 15px;
9433 }
9434 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9435 margin-top: 8px;
9436 }
9437 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9438 margin-right: 5px;
9439 color: #999;
9440 }
9441 .vbo-editbooking-room-remove {
9442 float: right;
9443 display: inline-block;
9444 }
9445 .vbo-editbooking-summary-room > div > h4 {
9446 font-weight: bold;
9447 text-transform: uppercase;
9448 border-bottom: 1px solid var(--vbo-config-border-color);
9449 padding-bottom: 10px;
9450 }
9451 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9452 margin-right: 5px;
9453 display: inline-block;
9454 }
9455 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9456 color: var(--vbo-config-text-color-light);
9457 margin-right: 3px;
9458 }
9459 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9460 border-bottom: 0;
9461 margin-bottom: 0;
9462 }
9463 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9464 border-top: 1px solid var(--vbo-config-border-color);
9465 padding-top: 10px;
9466 }
9467 .vbo-editbooking-room-traveler-guestsinfo {
9468 padding: 0 5px;
9469 }
9470 .vbo-editbooking-room-traveler-guestsinfo > div {
9471 display: inline-block;
9472 vertical-align: top;
9473 margin: 5px 10px 5px 0;
9474 }
9475 .vbo-editbooking-room-traveler-guestsinfo > div i {
9476 color: var(--vbo-config-text-color-light);
9477 }
9478 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9479 margin-top: 36px;
9480 }
9481 .vbo-editbooking-room-traveler-guestsinfo label {
9482 display: block;
9483 font-size: 12px;
9484 font-weight: bold;
9485 color: var(--vbo-config-titles-color-light);
9486 margin-bottom: 2px;
9487 }
9488 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9489 background: var(--vbo-input-style);
9490 }
9491 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9492 display: grid;
9493 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9494 }
9495 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9496 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9497 display: inline-block;
9498 vertical-align: top;
9499 padding: 15px;
9500 margin: 5px;
9501 border-radius: 5px;
9502 border: 1px solid var(--vbo-config-border-color);
9503 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9504 }
9505 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9506 flex: 0 0 33%;
9507 }
9508 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9509 border: 1px solid var(--vbo-green-color);
9510 }
9511 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9512 flex: 0 0 33%;
9513 }
9514 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9515 display: inline-block;
9516 vertical-align: top;
9517 }
9518 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9519 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9520 color: var(--vbo-config-titles-color-light);
9521 font-weight: bold;
9522 }
9523 .vbo-editbooking-room-pricetype-cost {
9524 font-size: 18px;
9525 font-weight: bold;
9526 }
9527 .vbo-editbooking-room-pricetype-seltax {
9528 margin-top: 10px;
9529 }
9530 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9531 float: right;
9532 margin-top: 10px;
9533 }
9534 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
9535 display: block;
9536 margin-top: 10px;
9537 }
9538 .vbo-editbooking-room-pricetype-older-inner {
9539 display: inline-block;
9540 }
9541 .vbo-editbooking-room-pricetype-older-inner label {
9542 margin-bottom: 3px;
9543 }
9544 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
9545 font-size: 15px;
9546 }
9547 .vbo-editbooking-room-pricetype-check-older {
9548 display: inline-block;
9549 float: right;
9550 }
9551 .vbo-editbooking-room-service-price {
9552 font-size: 16px;
9553 font-weight: bold;
9554 }
9555 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
9556 text-transform: initial;
9557 }
9558 .vbo-editbooking-room-service-select select {
9559 margin-bottom: 0;
9560 }
9561 .vbo-editbooking-room-extracost {
9562 margin: 5px;
9563 }
9564 .vbo-editbooking-room-extracost > div {
9565 display: inline-block;
9566 vertical-align: top;
9567 margin: 0 5px 0 0;
9568 }
9569 .vbo-editbooking-room-extracost > div .btn.btn-danger {
9570 padding: 8px 14px;
9571 }
9572 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
9573 position: relative;
9574 }
9575 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
9576 position: absolute;
9577 right: 2px;
9578 height: calc(100% - 2px);
9579 background: var(--vbo-base-color);
9580 border-left: 1px solid var(--vbo-base-color);
9581 color: var(--vbo-contrast-text-color);
9582 border-top-right-radius: 2px;
9583 border-bottom-right-radius: 2px;
9584 top: 1px;
9585 width: 32px;
9586 font-size: 13px;
9587 cursor: pointer;
9588 }
9589 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
9590 background: var(--vbo-base-color-hover)
9591 }
9592 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
9593 position: absolute;
9594 top: 50%;
9595 left: 50%;
9596 transform: translate(-50%, -50%);
9597 }
9598 .vbo-editbooking-summary-totpaid {
9599 padding-bottom: 0;
9600 }
9601 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
9602 border-bottom-left-radius: 8px;
9603 border-bottom-right-radius: 8px;
9604 }
9605 .vbo-editbooking-totpaid {
9606 display: inline-block;
9607 }
9608 .vbo-editbooking-totpaid label {
9609 font-size: 18px;
9610 font-weight: bold;
9611 margin-bottom: 10px;
9612 }
9613 .vbo-editbooking-totrefund {
9614 margin-left: 35px;
9615 }
9616 .vbo-editbooking-totrefund label {
9617 font-size: 15px;
9618 font-weight: normal;
9619 }
9620 .vbo-editbooking-addroom {
9621 display: inline-block;
9622 float: right;
9623 margin-top: 15px;
9624 }
9625 .vbo-roomdet-wrapper {
9626 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
9627 border: 1px solid var(--vbo-basic-btn);
9628 display: inline-block;
9629 margin-bottom: 4px;
9630 width: 100%;
9631 border-radius: 6px;
9632 box-shadow: 0 0 10px rgba(0,0,0,.05);
9633 }
9634 .vbo-roomdet-wrap {
9635 display: flex;
9636 -ms-flex-wrap: wrap;
9637 -webkit-flex-wrap: wrap;
9638 flex-wrap: wrap;
9639 }
9640 .vbo-roomdet-entry {
9641 flex: 1;
9642 }
9643 .vbo-roomdet-head {
9644 border-bottom: 1px solid var(--vbo-config-border-color);
9645 font-size: larger;
9646 padding: 12px 15px 12px;
9647 font-weight: bold;
9648 font-size: 13px;
9649 color: var(--vbo-config-titles-color-light);
9650 }
9651 .vbo-roomdet-foot {
9652 padding: 8px 15px;
9653 }
9654 .vbo-roomdet-guests-toggle {
9655 padding: 7px 8px 7px;
9656 border-radius: 2px;
9657 margin-top: 5px;
9658 display: inline-block;
9659 cursor: pointer;
9660 }
9661 .vbo-roomdet-guests-toggle i {
9662 font-size: larger;
9663 display: inline-block;
9664 float: left;
9665 margin-right: 8px;
9666 }
9667 .vbo-roomdet-guests-toggleword {
9668 display: inline-block;
9669 margin-top: -1px;
9670 float: left;
9671 }
9672 .vbo-guestscount-incomplete {
9673 background: var(--vbo-blue-color);
9674 color: #fff;
9675 }
9676 .vbo-guestscount-complete {
9677 background: var(--vbo-green-color);
9678 color: #fff;
9679 }
9680 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
9681 background: var(--vbo-green-color-hover);
9682 }
9683 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
9684 background: var(--vbo-blue-color-hover);
9685 }
9686 .vbo-roomdet-guests-details {
9687 display: none;
9688 padding: 8px 0 8px 15px;
9689 margin: 5px 10px;
9690 background: var(--vbo-config-child-bg-color);
9691 border-top: 1px solid var(--vbo-basic-btn);
9692 }
9693 .vbo-roomdet-guest-details {
9694 margin-bottom: 5px;
9695 margin-left: -15px;
9696 padding-bottom: 10px;
9697 border-bottom: 1px solid var(--vbo-config-border-color);
9698 display: flex;
9699 flex-wrap: wrap;
9700 }
9701 .vbo-roomdet-guest-details:last-child {
9702 border-bottom: 0;
9703 }
9704 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
9705 width: calc(25% - 20px);
9706 margin: 5px 10px;
9707 display: inline-block;
9708 }
9709 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
9710 height: 40px;
9711 border-radius: 2px;
9712 }
9713 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
9714 line-height: 38px;
9715 }
9716 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
9717 height: 38px;
9718 }
9719 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
9720 position: relative;
9721 }
9722 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
9723 position: absolute;
9724 top: 12px;
9725 right: 10px;
9726 font-size: 16px;
9727 }
9728 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
9729 align-self: center;
9730 font-size: 16px;
9731 margin-right: 14px;
9732 width: 100%;
9733 }
9734 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
9735 width: calc(100% - 20px);
9736 }
9737 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
9738 width: calc(25% - 15px);
9739 }
9740 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
9741 width: 100% !important;
9742 max-width: 100%;
9743 }
9744 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
9745 width: 100% !important;
9746 max-width: 100%;
9747 }
9748 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
9749 margin-bottom: 3px;
9750 font-weight: 500;
9751 }
9752 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
9753 width: 90px;
9754 border: 1px solid var(--vbo-config-border-color);
9755 background-color: var(--vbo-config-bg-color);
9756 border-radius: 4px;
9757 text-align: center;
9758 margin: 5px;
9759 padding: 3px;
9760 position: relative;
9761 display: inline-block;
9762 }
9763 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
9764 color: var(--vbo-config-titles-color-light);
9765 text-decoration: none;
9766 display: block;
9767 line-height: 1.3em;
9768 padding: 6px 3px;
9769 }
9770 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
9771 font-size: 18px;
9772 }
9773 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
9774 width: 90px;
9775 display: inline-block;
9776 overflow: hidden;
9777 text-overflow: ellipsis;
9778 font-size: 13px;
9779 white-space: nowrap;
9780 }
9781 .vbo-roomdet-guest-detail-num span {
9782 font-weight: bold;
9783 flex-basis: 100px;
9784 }
9785 .vbo-checkin-main-block {
9786 display: flex;
9787 -ms-flex-wrap: wrap;
9788 -webkit-flex-wrap: wrap;
9789 flex-wrap: wrap;
9790 }
9791 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
9792 flex-basis: 60px;
9793 }
9794 .vbo-roomsdet-container {
9795 display: inline-block;
9796 -ms-flex: 1;
9797 -webkit-flex: 1;
9798 flex: 1;
9799 margin-right: 5px;
9800 }
9801 .vbo-checkin-payment-detail-v {
9802 float: right;
9803 margin-left: 5px;
9804 }
9805 .vbo-checkin-payment-container {
9806 display: inline-block;
9807 vertical-align: top;
9808 background: var(--vbo-light-color-btn);
9809 -ms-flex: 0 0 18%;
9810 -webkit-flex: 0 0 18%;
9811 flex: 0 0 18%;
9812 float: right;
9813 padding: 15px;
9814 margin-left: 5px;
9815 border-radius: 6px;
9816 box-shadow: 0 0 10px rgba(0,0,0,.05);
9817 }
9818 .vbo-checkin-payment-detail {
9819 margin: 5px 0;
9820 display: inline-block;
9821 width: 100%;
9822 }
9823 .vbo-checkin-payment-detail-click {
9824 background: var(--vbo-base-color);
9825 color: #fff;
9826 padding: 3px 10px;
9827 border-radius: 2px;
9828 margin-top: 10px;
9829 cursor: pointer;
9830 }
9831 .vbo-checkin-payment-detail:first-child {
9832 font-size: larger;
9833 }
9834 .vbo-checkin-payment-detail-lbl {
9835 vertical-align: middle;
9836 }
9837 .vbo-checkin-notes-wrap {
9838 clear: both;
9839 width: 100%;
9840 margin: 5px 0;
9841 }
9842 .vbo-checkin-notes-inner {
9843 margin: 0 auto;
9844 width: 60%;
9845 text-align: center;
9846 }
9847 .vbo-checkin-notes-trig {
9848 color: var(--vbo-config-titles-color-light);
9849 }
9850 .vbo-checkin-notes-trig span {
9851 cursor: pointer;
9852 }
9853 .vbo-checkin-notes-cont {
9854 display: none;
9855 padding: 4px;
9856 }
9857 .vbo-checkin-notes-cont textarea {
9858 width: 100% !important;
9859 height: 100px;
9860 }
9861 .vbo-checkin-commands-wrap {
9862 margin: 25px 0 15px;
9863 }
9864 .vbo-checkin-commands-inner {
9865 text-align: center;
9866 }
9867 .vbo-checkin-commands-btn {
9868 display: inline-block;
9869 margin-left: 15px;
9870 }
9871 .vbo-checkin-commands-btn:first-child {
9872 margin-left: 0;
9873 }
9874 .vbo-checkin-commands-btn .btn-large {
9875 padding: 9px 14px;
9876 border-radius: 3px;
9877 font-size: inherit;
9878 }
9879 .vbo-checkin-commands-btn .btn-large:not(.btn-success) {
9880 background: var(--vbo-red-color);
9881 border-color: var(--vbo-red-color);
9882 color: #fff;
9883 }
9884 .vbo-checkin-commands-btn .btn-large:not(.btn-success):hover {
9885 background: var(--vbo-red-color-hover);
9886 border-color: var(--vbo-red-color-hover);
9887 }
9888 .vbo-checkin-update-wrap {
9889 clear: both;
9890 width: 100%;
9891 margin: 5px 0;
9892 }
9893 .vbo-checkin-update-inner {
9894 margin: 0 auto;
9895 width: 60%;
9896 text-align: center;
9897 }
9898 .vbo-checkin-custdet-cont {
9899 width: 100%;
9900 margin-top: 10px;
9901 padding: 4px;
9902 }
9903 .vbo-checkin-custdet-entry {
9904 display: inline-block;
9905 width: calc(33% - 10px);
9906 margin: 10px 5px;
9907 vertical-align: top;
9908 }
9909 .vbo-checkin-custdet-key {
9910 display: block;
9911 color: var(--vbo-config-titles-color-light);
9912 }
9913 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
9914 color: var(--vbo-red-color);
9915 }
9916 .vbo-checkin-custdet-value {
9917 display: block;
9918 font-size: larger;
9919 }
9920 #jmodal-box-vbo-checkin-booking {
9921 height: 100%;
9922 margin: 19px;
9923 overflow: hidden;
9924 overflow-y: scroll;
9925 box-sizing: border-box;
9926 }
9927 #jmodal-box-vbo-checkin-booking .modal-body {
9928 max-height: inherit;
9929 }
9930 #vbo-overlay-title .vbo-info-overlay-title-close {
9931 float: right;
9932 margin-top: -4px;
9933 margin-right: 0px;
9934 cursor: pointer;
9935 }
9936 div.modal {
9937 z-index: 9999999 !important;
9938 }
9939 div.modal.in {
9940 background-color: var(--vbo-body-bg-color);
9941 }
9942 div.modal.in .close:hover, div.modal.in .close:focus {
9943 color: var(--vbo-config-titles-color-light);
9944 }
9945 div.modal.in .modal-header + div.modal-body-wrapper {
9946 height: calc(100% - 130px) !important;
9947 }
9948 .vbo-sign-share-meth {
9949 margin: 10px 0;
9950 }
9951 .vbo-sign-share-meth label {
9952 margin-bottom: 3px;
9953 color: var(--vbo-body-text-color);
9954 }
9955 .vbo-sign-share-meth input {
9956 display: block !important;
9957 margin-bottom: 5px !important;
9958 }
9959 .vbo-sign-share-meth-close .btn {
9960 background: var(--vbo-red-color);
9961 border-color: var(--vbo-red-color);
9962 }
9963 .vbo-sign-share-meth-close .btn:hover {
9964 background: var(--vbo-red-color-hover);
9965 border-color: var(--vbo-red-color-hover);
9966 }
9967 #jmodal-vbo-vcm-rates-res {
9968 overflow-y: auto;
9969 }
9970 .vbo-vcm-rates-res-container {
9971 padding: 20px;
9972 }
9973 .vbo-vcm-rates-res-success {
9974 margin-bottom: 10px;
9975 border-bottom: 1px solid var(--vbo-config-border-color);
9976 padding-bottom: 10px;
9977 }
9978 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
9979 display: inline-block;
9980 vertical-align: top;
9981 border: 2px solid var(--vbo-green-color);
9982 padding: 10px;
9983 border-radius: 4px;
9984 margin: 4px;
9985 }
9986 .vbo-vcm-rates-res-channel-esit {
9987 display: inline-block;
9988 margin-right: 5px;
9989 font-size: 14px;
9990 border-radius: 50%;
9991 object-fit: cover;
9992 padding: 5px;
9993 width: 13px;
9994 height: 13px;
9995 line-height: 12px;
9996 text-align: center;
9997 vertical-align: top;
9998 }
9999 .vbo-vcm-rates-res-channel-esit i {
10000 font-size: 14px;
10001 }
10002 .vbo-vcm-rates-res-channel-logo {
10003 display: inline-block;
10004 }
10005 .vbo-vcm-rates-res-channel-logo img {
10006 max-width: 120px;
10007 }
10008 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10009 color: #fff;
10010 background: var(--vbo-green-color);
10011 }
10012 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10013 margin: 5px;
10014 border: 1px solid var(--vbo-green-color);
10015 padding: 10px;
10016 }
10017 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10018 border: 1px solid var(--vbo-red-color);
10019 padding: 10px 0 0;
10020 border-radius: 4px;
10021 margin: 8px 0;
10022 }
10023 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10024 color: #fff;
10025 background: var(--vbo-red-color);
10026 margin-left: 10px;
10027 }
10028 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10029 color: #fff;
10030 background: var(--vbo-orange-color);
10031 margin-left: 10px;
10032 }
10033 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10034 padding-bottom: 10px;
10035 }
10036 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10037 overflow-y: auto;
10038 max-height: 150px;
10039 }
10040 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10041 margin-bottom: 0;
10042 border-radius: 0 !important;
10043 padding: 10px;
10044 border-bottom-left-radius: 4px !important;
10045 border-bottom-right-radius: 4px !important;
10046 border: 0;
10047 border-top: 1px solid var(--vbo-config-border-color);
10048 }
10049 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10050 border: 1px solid var(--vbo-orange-color);
10051 padding: 10px 0 0;
10052 border-radius: 4px;
10053 margin: 8px 0;
10054 }
10055 .vbo-ratesoverview-bottom-container {
10056 border: 1px solid var(--vbo-config-border-color);
10057 margin-top: 20px;
10058 padding: 20px;
10059 border-radius: 9px;
10060 }
10061 .vbo-ratesoverview-bottom-head {
10062 width: 100%;
10063 display: inline-block;
10064 }
10065 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10066 float: left;
10067 }
10068 .vbo-ratesoverview-roomdetails {
10069 padding-top: 0;
10070 }
10071 .vbo-ratesoverview-roomdetails h3 {
10072 text-align: center;
10073 display: inline-block;
10074 margin-top: 10px;
10075 }
10076 .vbo-ratesoverview-obp-toggle-inner {
10077 float: right;
10078 margin-left: 20px;
10079 }
10080 .vbo-ratesoverview-obp-toggle-txt {
10081 display: inline-block;
10082 vertical-align: top;
10083 margin: 5px 0 0 5px;
10084 cursor: pointer;
10085 }
10086 .vbo-ratesoverview-caltab-wrapper {
10087 display: flex;
10088 -ms-flex-wrap: wrap;
10089 -webkit-flex-wrap: wrap;
10090 flex-wrap: wrap;
10091 margin-bottom: 30px;
10092 }
10093 .vbo-ratesoverview-period-container {
10094 display: inline-block;
10095 -ms-flex: 0 0 15%;
10096 -webkit-flex: 0 0 15%;
10097 flex: 0 0 15%;
10098 margin-left: 2px;
10099 }
10100 .vbo-table-responsive {
10101 -ms-flex: 1%;
10102 -webkit-flex: 1%;
10103 flex: 1%;
10104 overflow-x: scroll;
10105 }
10106 .vbratesoverviewtable tr td:first-child {
10107 position: sticky;
10108 left: 0;
10109 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10110 z-index: 1;
10111 background-clip: padding-box !important;
10112 }
10113 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10114 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10115 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10116 cursor: not-allowed;
10117 }
10118 .vbratesoverviewtable {
10119 border-spacing: 0;
10120 border-collapse: collapse;
10121 max-width: none;
10122 }
10123 .vbratesoverviewtable td {
10124 border-spacing: 0;
10125 border-collapse: collapse;
10126 border-right: 1px solid var(--vbo-config-bg-color);
10127 border-bottom: 1px solid var(--vbo-config-bg-color);
10128 }
10129 .vbratesoverviewtable tr:last-child td {
10130 border-bottom: 0;
10131 }
10132 .vbratesoverviewtable tr:first-child td {
10133 border-bottom: 0;
10134 }
10135 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10136 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10137 font-weight: bold;
10138 padding: 10px 10px;
10139 }
10140 .vbratesoverviewtable td .vbo-occ-label {
10141 display: inline-block;
10142 background: #999;
10143 border-radius: 4px;
10144 font-size: .9em;
10145 color: #fff;
10146 padding: 2px 6px;
10147 margin-left: 3px;
10148 font-weight: normal;
10149 }
10150 .vbo-roverw-curminlos-active {
10151 color: var(--vbo-red-color);
10152 font-weight: bold;
10153 }
10154 .vbratesoverviewtable .bluedays {
10155 min-width: 80px;
10156 }
10157 .vbratesoverviewtable .bluedays:hover {
10158 background-color: #73aecc;
10159 }
10160 .vbratesoverviewtable .bluedays:active {
10161 background-color: #89b8d0;
10162 }
10163 .vbratesoverviewtable .skip-bluedays-click:hover {
10164 background-color: #02679a;
10165 }
10166 .vbo-ratesoverview-period-inner {
10167 padding: 15px;
10168 background: var(--vbo-basic-btn);
10169 }
10170 .vbo-ratesoverview-period-lbl {
10171 font-weight: bold;
10172 font-size: 16px;
10173 margin: 0 5px 5px;
10174 }
10175 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10176 display: flex;
10177 -ms-flex-wrap: wrap;
10178 -webkit-flex-wrap: wrap;
10179 flex-wrap: wrap;
10180 }
10181 .vbo-ratesoverview-period-boxes-inner > div {
10182 display: inline-block;
10183 flex: 1;
10184 background: var(--vbo-config-bg-color);
10185 margin: 5px;
10186 padding: 15px 5px;
10187 text-align: center;
10188 border-radius: 4px;
10189 cursor: pointer;
10190 }
10191 .vbo-ratesoverview-period-box-lbl {
10192 font-weight: bold;
10193 margin-bottom: 5px;
10194 color: var(--vbo-config-titles-color-light);
10195 }
10196 .vbo-ratesoverview-period-box-val > div > span {
10197 display: block;
10198 font-weight: bold;
10199 color: var(--vbo-base-color);
10200 }
10201 .vbo-ratesoverview-period-wday {
10202 font-size: 12px;
10203 }
10204 .vbo-ratesoverview-period-mday {
10205 font-size: 24px;
10206 margin: 3px 0;
10207 }
10208 .vbo-ratesoverview-period-month {
10209 font-size: 12px;
10210 text-transform: uppercase;
10211 font-weight: normal;
10212 }
10213 .vbo-ratesoverview-period-box-val i {
10214 font-size: 28px;
10215 color: var(--vbo-blue-color);
10216 }
10217 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10218 position: relative;
10219 }
10220 .vbo-ratesoverview-period-box-cals-inner {
10221 position: absolute;
10222 top: 0;
10223 right: 0;
10224 width: 630px;
10225 padding: 10px;
10226 z-index: 1;
10227 border-radius: 10px;
10228 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10229 background: var(--vbo-config-bg-color);
10230 border: 1px solid var(--vbo-main-bg-color);
10231 }
10232 .vbo-ratesoverview-period-box-cals-inner > div {
10233 display: inline-block;
10234 vertical-align: top;
10235 }
10236 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10237 border-right: 1px solid var(--vbo-basic-btn);
10238 padding-right: 4px;
10239 }
10240 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10241 padding: 3px 0;
10242 color: var(--vbo-config-titles-color-light);
10243 border-bottom: 1px solid var(--vbo-basic-btn);
10244 margin: 0 0 5px;
10245 text-align: center;
10246 text-transform: uppercase;
10247 font-size: 11px;
10248 }
10249 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10250 width: 160px;
10251 }
10252 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10253 width: 100% !important;
10254 }
10255 .vbo-receipt-company-block {
10256 text-align: center;
10257 }
10258 .vbo-receipt-company-info::first-line {
10259 font-weight: bold;
10260 }
10261 .vbo-resmodcanc-block select {
10262 max-width: 225px;
10263 }
10264 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10265 margin: 0;
10266 }
10267 .vbo-resmodcanc-lim label {
10268 display: inline-block;
10269 }
10270 .vbo-ratesoverview-orphans-wrapper {
10271 padding: 15px;
10272 margin: 2px 10px 0;
10273 border-radius: 6px;
10274 background: var(--vbo-basic-btn);
10275 border: 1px solid var(--vbo-red-color);
10276 }
10277 .vbo-ratesoverview-orphans-lbl {
10278 font-weight: bold;
10279 font-size: 16px;
10280 margin-bottom: 10px;
10281 }
10282 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10283 color: var(--vbo-red-color);
10284 }
10285 .vbo-ratesoverview-orphans-list {
10286 max-height: 179px;
10287 overflow: hidden;
10288 overflow-y: scroll;
10289 }
10290 .vbo-ratesoverview-orphans-list > div {
10291 margin: 3px 0;
10292 }
10293 /* Signature Pad - Start */
10294 .vbo-signature-container {
10295 display: -webkit-box;
10296 display: -ms-flexbox;
10297 display: flex;
10298 -webkit-box-pack: center;
10299 -ms-flex-pack: center;
10300 justify-content: center;
10301 -webkit-box-align: center;
10302 -ms-flex-align: center;
10303 align-items: center;
10304 height: 70vh;
10305 width: 100%;
10306 -webkit-user-select: none;
10307 -moz-user-select: none;
10308 -ms-user-select: none;
10309 user-select: none;
10310 margin: 0;
10311 padding: 0;
10312 font-family: Helvetica, Sans-Serif;
10313 }
10314 .vbo-signature-pad {
10315 position: relative;
10316 display: -webkit-box;
10317 display: -ms-flexbox;
10318 display: flex;
10319 -webkit-box-orient: vertical;
10320 -webkit-box-direction: normal;
10321 -ms-flex-direction: column;
10322 flex-direction: column;
10323 font-size: 10px;
10324 width: 100%;
10325 height: 100%;
10326 max-width: 700px;
10327 max-height: 460px;
10328 border: 1px solid var(--vbo-config-border-color);
10329 background-color: var(--vbo-config-bg-color);
10330 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10331 border-radius: 4px;
10332 padding: 16px;
10333 }
10334 .vbo-signature-pad::before, .vbo-signature-pad::after {
10335 position: absolute;
10336 z-index: -1;
10337 content: "";
10338 width: 40%;
10339 height: 10px;
10340 bottom: 10px;
10341 background: transparent;
10342 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10343 }
10344 .vbo-signature-pad::before {
10345 left: 20px;
10346 -webkit-transform: skew(-3deg) rotate(-3deg);
10347 transform: skew(-3deg) rotate(-3deg);
10348 }
10349 .vbo-signature-pad::after {
10350 right: 20px;
10351 -webkit-transform: skew(3deg) rotate(3deg);
10352 transform: skew(3deg) rotate(3deg);
10353 }
10354 .vbo-signature-pad-head {
10355 margin-bottom: 8px;
10356 text-align: center;
10357 display: flex;
10358 flex-wrap: wrap;
10359 }
10360 .vbo-signature-pad-head .pull-right {
10361 margin-left: auto;
10362 }
10363 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10364 flex-basis: 100%;
10365 margin-top: 5px;
10366 }
10367 .vbo-signature-pad-head-terms {
10368 display: inline-block;
10369 padding: 0 10px;
10370 }
10371 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10372 text-decoration: none;
10373 }
10374 .vbo-signature-pad-body {
10375 position: relative;
10376 -webkit-box-flex: 1;
10377 -ms-flex: 1;
10378 flex: 1;
10379 border: 1px solid var(--vbo-config-child-bg-color);
10380 }
10381 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10382 position: absolute;
10383 left: 0;
10384 top: 0;
10385 width: 100%;
10386 height: 100%;
10387 border-radius: 4px;
10388 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10389 }
10390 .vbo-signature-pad-footer {
10391 text-align: center;
10392 margin-top: 8px;
10393 }
10394 .vbo-signature-signabove {
10395 color: var(--vbo-body-text-color);
10396 font-size: 1.2em;
10397 }
10398 .vbo-signature-cmds {
10399 display: -webkit-box;
10400 display: -ms-flexbox;
10401 display: flex;
10402 -webkit-box-pack: justify;
10403 -ms-flex-pack: justify;
10404 justify-content: space-between;
10405 margin-top: 8px;
10406 }
10407 .vbo-signature-cmd {
10408 display: inline-block;
10409 margin-right: 5px;
10410 }
10411 .vbo-signature-cmds > div:last-child {
10412 margin-right: 0;
10413 }
10414 .vbo-current-signature-p {
10415 display: block;
10416 text-align: center;
10417 font-weight: bold;
10418 font-size: 14px;
10419 }
10420 .vbo-signature-currentimg img {
10421 max-width: 100%;
10422 }
10423 /* Signature Pad - End */
10424 /* Booking Checkin - End */
10425 /* Booking Details Tabs - Start */
10426 .vbo-bookingdet-tabs {
10427 float: left;
10428 }
10429 .vbo-bookingdet-tab {
10430 display: inline-block;
10431 cursor: pointer;
10432 padding: 16px;
10433 margin: 0;
10434 font-size: 1.2em;
10435 text-transform: uppercase;
10436 font-weight: bold;
10437 }
10438 .vbo-bookingdet-tab-active {
10439 border-bottom: 3px solid var(--vbo-base-color);
10440 color: var(--vbo-base-color);
10441 }
10442 .vbo-bookingdet-commands {
10443 float: right;
10444 }
10445 .vbo-bookingdet-command {
10446 display: inline-block;
10447 margin: 3px;
10448 }
10449 .vbo-bookingdet-command .btn.vbo-config-btn {
10450 padding: 10px 14px;
10451 background-color: var(--vbo-light-color-btn);
10452 color: var(--vbo-base-color);
10453 border: 1px solid var(--vbo-config-border-color);
10454 }
10455 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10456 background: var(--vbo-base-color-hover);
10457 border: 1px solid var(--vbo-base-color-hover);
10458 color: #fff;
10459 }
10460 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10461 background: var(--vbo-base-color-hover);
10462 border: 1px solid var(--vbo-base-color-hover);
10463 }
10464 .vbo-bookingdet-command i {
10465 margin-right: 5px;
10466 }
10467 .vbo-bookingdet-tab-cont {
10468 display: block;
10469 background: var(--vbo-basic-btn);
10470 padding-top: 15px;
10471 }
10472 img.vbo-channelimg-medium {
10473 max-height: 20px;
10474 }
10475 /* Booking Details Tabs - End */
10476 /* VikUpdater - Start */
10477 .vik-box-error {
10478 padding: 10px;
10479 border: 2px dashed var(--vbo-red-color);
10480 color: var(--vbo-red-color);
10481 font-weight: bolder;
10482 }
10483 .vik-box-error hr {
10484 border-top-color: var(--vbo-red-color);
10485 }
10486 .vik-update-changelog {
10487 padding: 10px;
10488 border: 2px dashed var(--vbo-middle-color-btn);
10489 }
10490 .vik-update-changelog h2 {
10491 margin-bottom: 25px;
10492 }
10493 .vik-update-changelog ul li strong {
10494 display: inline-block;
10495 width: 220px;
10496 }
10497 .vik-update-changelog div.box-separator {
10498 border-top: 1px solid var(--vbo-config-border-color);
10499 margin: 20px 0;
10500 }
10501 .vik-update-changelog > *:first-child,
10502 .vik-box-error > *:first-child {
10503 margin-top: 0;
10504 }
10505 .vik-update-changelog > *:last-child,
10506 .vik-box-error > *:last-child {
10507 margin-bottom: 0;
10508 }
10509 /* VikUpdater - End */
10510 .vbo-colortag-square {
10511 background-color: var(--vbo-config-bg-color);
10512 border: 1px solid var(--vbo-config-title-color);
10513 border-radius: 4px;
10514 cursor: pointer;
10515 display: inline-block;
10516 height: 30px;
10517 margin-right: 10px;
10518 width: 30px;
10519 text-align: center;
10520 vertical-align: top;
10521 line-height: 30px;
10522 }
10523 .vbo-colortag-circle {
10524 border-radius: 50%;
10525 cursor: pointer;
10526 display: inline-block;
10527 height: 14px;
10528 margin: 1px;
10529 padding: 0;
10530 vertical-align: middle;
10531 width: 14px;
10532 }
10533 .vbo-allbsearchcust-loading-inp {
10534 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
10535 }
10536 .vbo-allbsearchcust-res {
10537 top: 36px;
10538 position: absolute;
10539 z-index: 2;
10540 width: 100%;
10541 }
10542 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
10543 list-style: none;
10544 text-align: left;
10545 padding: 0;
10546 margin: 0 0 0 -1px;
10547 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
10548 background-color: var(--vbo-config-bg-color);
10549 border: 1px solid var(--vbo-config-border-color);
10550 white-space: nowrap;
10551 max-height: 200px;
10552 width: 100%;
10553 overflow-y: scroll;
10554 }
10555 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
10556 font-size: 13px;
10557 }
10558 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
10559 list-style: none;
10560 text-align: left;
10561 white-space: nowrap;
10562 }
10563 .vbo-allbookings-fm .btn-group select {
10564 max-width: 150px;
10565 margin-bottom: 0;
10566 border-radius: 2px;
10567 border: 1px solid var(--vbo-config-border-color);
10568 padding: 8px 10px;
10569 height: inherit;
10570 }
10571 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
10572 min-width: 80%;
10573 }
10574 /* Config: Do not edit this */
10575 /* FontAwesome fixes - Start */
10576 i.fa-sort-desc {
10577 vertical-align: top;
10578 }
10579 /* FontAwesome fixes - End */
10580 /* Select2 fixes - Start */
10581 .select2-search--dropdown .select2-search__field {
10582 width: 100% !important;
10583 }
10584 input[type="search"].select2-search__field {
10585 height: auto !important;
10586 margin-bottom: 2px !important;
10587 }
10588 .select2-container.select2-container--default.select2-container--open {
10589 z-index: 9999999999 !important;
10590 }
10591 /* Select2 fixes - End */
10592 .vikpaymentparam {
10593 display: block;
10594 padding: 2px;
10595 }
10596 .vikpaymentparamlabel {
10597 display: inline-block;
10598 min-width: 150px;
10599 }
10600 .vikpaymentparamlbl-textarea {
10601 display: block;
10602 }
10603 .vikpaymentparaminput {
10604 display: inline-block !important;
10605 }
10606 .vikpaymentparaminput.vikpaymentparaminput-tarea {
10607 width: 100%;
10608 }
10609 .vikpaymentparamlabelhelp {
10610 font-size: smaller;
10611 font-style: italic;
10612 padding-left: 5px;
10613 }
10614 .vbo-config-param-cell {
10615 background: none repeat scroll 0 0 var(--vbo-light-color-btn);;
10616 border-right: 1px solid var(--vbo-config-border-color);
10617 vertical-align: middle !important;
10618 }
10619 .vbo-config-param-cell.vbo-config-param-cell-warn {
10620 color: var(--vbo-red-color) !important;
10621 }
10622 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
10623 float: right;
10624 }
10625 .vbo-smstpl-bgroup {
10626 white-space: inherit !important;
10627 }
10628 .vbo-smstpl-bgroup button {
10629 margin: 2px 0;
10630 }
10631 .vbo-smstpl-bgroup button:first-child {
10632 margin-left:-1px !important;
10633 border-radius:0 !important;
10634 }
10635 .vbo-smstpl-control textarea {
10636 margin-top:5px;
10637 }
10638 .vbo-custmail-bgroup .btn-small {
10639 padding: 2px 5px !important;
10640 margin: 1px 4px;
10641 }
10642 .vbo-spblock-inline {
10643 display: inline-block;
10644 margin-right: 8px;
10645 }
10646 .vbo-spblock-inline input {
10647 display: inline-block;
10648 }
10649 .vbo-spblock-inline label {
10650 display: inline;
10651 vertical-align: middle;
10652 }
10653 #vbo-sms-balance {
10654 margin: 8px 0;
10655 padding: 5px;
10656 }
10657 .fieldset-left {
10658 float: left;
10659 margin-right: 20px;
10660 }
10661 .fieldset-half {
10662 float: left;
10663 width: 48%;
10664 }
10665 ul.dropdown-menu {
10666 z-index: 9999;
10667 }
10668 span.badge a {
10669 color: #fff;
10670 }
10671 span.badge a:hover {
10672 color: #fff;
10673 text-decoration: none;
10674 }
10675 i.icn-bigger {
10676 font-size: larger;
10677 }
10678 i.icn-nomargin {
10679 margin: 0 !important;
10680 }
10681 i.icn-float-left {
10682 float: left;
10683 }
10684 i.icn-float-right {
10685 float: right;
10686 }
10687 i.icn-clickable {
10688 cursor: pointer;
10689 }
10690 i.vbo-quest-popover {
10691 color: var(--vbo-config-title-color);
10692 }
10693 i.vbo-quest-popover:hover {
10694 color: var(--vbo-blue-color);
10695 }
10696 .popover {
10697 z-index: 9999999999 !important;
10698 }
10699 i.vbo-icn-img {
10700 font-size: 20px;
10701 }
10702 /* Joomla 3.x */
10703 div.current {
10704 background: var(--vbo-main-bg-color);
10705 clear: both;
10706 padding: 10px;
10707 }
10708 div.current dd.tabs {
10709 margin-left: 0;
10710 }
10711 dl.tabs {
10712 float: left;
10713 margin: 10px 0 -1px -3px;
10714 z-index: 50;
10715 }
10716 dl.tabs dt.open {
10717 color: #000000;
10718 z-index: 1;
10719 }
10720 dl.tabs dt {
10721 color: #666666;
10722 float: left;
10723 margin-left: 3px;
10724 padding: 4px 10px;
10725 }
10726 dt.tabs span h3 {
10727 font-size: 13px;
10728 margin: 0;
10729 display: inline-block;
10730 padding: 4px 8px;
10731 }
10732 .vbo-config-tabs-wrap dt.tabs:hover h3 {
10733 background: var(--vbo-toolbar-bg-color);
10734 border-radius: 4px;
10735 }
10736 #ui-datepicker-div select {
10737 line-height: 1em;
10738 padding: 5px 14px 5px 8px !important;
10739 min-height: 20px;
10740 height: auto !important;
10741 }
10742 .vbo-link-add {
10743 font-size: 13px;
10744 border-radius: 3px;
10745 }
10746 .vbo-link-add i {
10747 margin-right: 5px;
10748 display: inline-block;
10749 }
10750 .btn.vbo-config-btn, .vbo-link-add {
10751 background-color: var(--vbo-base-color);
10752 border: 1px solid var(--vbo-base-color);
10753 color: #fff;
10754 padding: 10px 14px;
10755 display: inline-block;
10756 }
10757 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
10758 background-color: var(--vbo-base-color-hover) !important;
10759 border: 1px solid var(--vbo-base-color-hover) !important;
10760 color: #fff;
10761 }
10762 .btn.vbo-config-btn:active, .vbo-link-add:active {
10763 background-color: var(--vbo-link-text-color) !important;
10764 color: #fff;
10765 }
10766 .vbo-config-btn.vbo-config-btn-rounded {
10767 border-radius: 50%;
10768 width: 25px;
10769 height: 25px;
10770 text-align: center;
10771 }
10772 .vbo-config-btn.vbo-config-btn-rounded i {
10773 margin-right: 0;
10774 }
10775 .vbo-config-btn-rounded.vbo-config-btn-large {
10776 height: 50px;
10777 width: 50px;
10778 font-size: 24px;
10779 }
10780 .vbo-config-tabs-wrap dl.tabs {
10781 margin: 10px 0 0;
10782 width: 100%;
10783 border-bottom: 1px solid var(--vbo-config-border-color);
10784 }
10785 .vbo-config-tabs-wrap dl.tabs dt h3 i {
10786 margin-right: 5px;
10787 font-size: 15px;
10788 }
10789 .vbo-config-tabs-wrap dl.tabs dt {
10790 padding: 5px;
10791 margin-left: 0;
10792 border: 0;
10793 display: inline-block;
10794 float: none;
10795 }
10796 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
10797 color: var(--vbo-config-title-color);
10798 }
10799 .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 {
10800 color: var(--vbo-base-color);
10801 }
10802 .vbo-config-tabs-wrap dl.tabs dt.open a {
10803 color: #000;
10804 }
10805 .vbo-config-tabs-wrap dl.tabs dt.open {
10806 border-bottom: 2px solid var(--vbo-base-color);
10807 }
10808 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
10809 color: var(--vbo-config-title-color);
10810 }
10811 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
10812 border-bottom: 2px solid var(--vbo-base-color);
10813 }
10814 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
10815 color: inherit;
10816 }
10817 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
10818 background: transparent;
10819 border-bottom: 0;
10820 float: right;
10821 }
10822 .vbo-config-body {
10823 margin-top: -20px;
10824 }
10825
10826 .vbo-admin-container {
10827 background: var(--vbo-main-bg-color);
10828 clear: both;
10829 padding: 10px;
10830 display: flex;
10831 flex-wrap: wrap;
10832 }
10833 .vbo-admin-container > div {
10834 flex-basis: calc(50% - 10px);
10835 }
10836 .vbo-admin-container.vbo-params-container-wide > div {
10837 flex-basis: 100%;
10838 }
10839 .vbo-admin-container .adminform {
10840 width: auto;
10841 display: inherit;
10842 background: var(--vbo-config-bg-color);
10843 border-radius: 6px;
10844 margin: 20px 0;
10845 padding: 15px 30px;
10846 box-shadow: 0 0 2px rgba(0,0,0,.1);
10847 }
10848 .vbo-admin-container .vbo-config-maintab-left {
10849 margin-right: 10px;
10850 }
10851 .vbo-admin-container .vbo-config-maintab-right {
10852 margin-left: 10px;
10853 }
10854 /* With this class we create a 100% width settings block */
10855 .vbo-config-tab-container > .adminform {
10856 width: 100%;
10857 }
10858 .vbo-config-tab-container .adminform {
10859 margin-top: 0;
10860 }
10861 .vbo-config-tab-container {
10862 padding-top: 10px !important;
10863 }
10864 .vbo-admin-container .adminlegend {
10865 border-bottom: 0;
10866 font-size: 22px;
10867 line-height: 1.2em;
10868 font-weight: bold;
10869 color: var(--vbo-config-titles-color-light);
10870 width: 100%;
10871 }
10872 .modal-body .adminlegend {
10873 width: 100%;
10874 }
10875 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
10876 width: auto;
10877 float: inherit;
10878 margin-bottom: 10px;
10879 }
10880 .modal-body-wrapper .vbo-admin-container .adminlegend {
10881 float: none;
10882 }
10883 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
10884 margin-top: 15px;
10885 }
10886 .vbo-btn-icon-right i {
10887 margin-left: 5px;
10888 margin-right: 0;
10889 }
10890 .vbo-btn-icon-left i {
10891 margin-right: 5px;
10892 margin-left: 0;
10893 }
10894 .vbo-admin-container .adminlegend i {
10895 margin-right: 5px;
10896 }
10897 .vbo-admin-container .vbo-param-container {
10898 display: flex;
10899 margin: 25px 0;
10900 }
10901 .vbo-param-container-highlighted {
10902 color: var(--vbo-red-color);
10903 }
10904 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
10905 margin-bottom: 0;
10906 }
10907 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
10908 max-width: 225px;
10909 }
10910 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
10911 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
10912 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
10913 vertical-align: top;
10914 }
10915 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
10916 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
10917 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
10918 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
10919 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
10920 vertical-align: inherit !important;
10921 }
10922 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
10923 padding: 8px 5px;
10924 border-color: var(--vbo-config-border-color);
10925 }
10926 .vbo-admin-container .vbo-param-container.vbo-param-child {
10927 margin-top: -20px;
10928 }
10929 .vbo-admin-container .vbo-param-container.vbo-param-nested {
10930 border-top: 2px solid var(--vbo-basic-btn);
10931 background: var(--vbo-config-child-bg-color);
10932 padding: 10px 15px;
10933 margin: 0;
10934 }
10935 .vbo-admin-container .vbo-param-container .vbo-param-label {
10936 flex-basis: 250px;
10937 font-size: 14px;
10938 margin-right: 20px;
10939 margin-bottom: 5px;
10940 }
10941 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
10942 display: block;
10943 margin-bottom: 5px;
10944 }
10945 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
10946 .vbo-admin-container .vbo-param-container-full {
10947 flex-wrap: wrap;
10948 }
10949 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
10950 flex-basis: 100%;
10951 margin-bottom: 10px;
10952 }
10953 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
10954 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
10955 width: 100%;
10956 }
10957
10958 /* This "-full" class is to enlarge the one column admin structure.
10959 * This needs to be used together with the "vbo-admin-container" class.
10960 */
10961 .vbo-admin-container-full .vbo-params-wrap {
10962 flex-basis: 100%;
10963 }
10964 /* This "-compact" class is to reduce the padding between the settings.
10965 * This needs to be used together with the "vbo-admin-container" class.
10966 */
10967 .vbo-admin-container-compact .vbo-param-container {
10968 margin: 12px 0;
10969 }
10970 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
10971 margin-bottom: 0;
10972 padding-bottom: 0;
10973 }
10974 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
10975 flex-basis: 235px;
10976 }
10977 .vbo-admin-container .vbo-param-container .vbo-param-setting {
10978 flex: 1;
10979 max-width: 100%;
10980 }
10981 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
10982 display: block;
10983 font-size: .9em;
10984 margin-top: 4px;
10985 font-style: italic;
10986 color: var(--vbo-config-title-color);
10987 }
10988 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
10989 font-weight: bold;
10990 color: var(--vbo-red-color);
10991 }
10992 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
10993 margin-left: 5px;
10994 font-style: italic;
10995 color: var(--vbo-config-title-color);
10996 }
10997 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
10998 display: inline-block;
10999 margin-right: 10px;
11000 }
11001 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11002 margin-bottom: 5px;
11003 }
11004 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11005 margin-bottom: 0;
11006 }
11007 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11008 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11009 background: var(--vbo-main-bg-color);
11010 padding: 10px 15px;
11011 border-radius: 2px;
11012 border: 1px solid var(--vbo-config-border-color);
11013 color: var(--vbo-config-title-color);
11014 display: inline-block;
11015 white-space: nowrap;
11016 overflow: hidden;
11017 text-overflow: ellipsis;
11018 max-width: 120px;
11019 margin: 0;
11020 vertical-align: top;
11021 }
11022 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11023 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11024 color: var(--vbo-base-color);
11025 border-color: var(--vbo-base-color);
11026 background-color: var(--vbo-config-bg-color);
11027 }
11028 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11029 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11030 background-color: var(--vbo-config-child-bg-color);
11031 }
11032 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11033 margin-right: 3px;
11034 font-size: 16px;
11035 }
11036 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11037 margin: 2px 0;
11038 height: 40px;
11039 }
11040 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11041 vertical-align: top;
11042 }
11043 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11044 vertical-align: top;
11045 }
11046 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11047 margin-bottom: 0;
11048 }
11049 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11050 margin-top: 0;
11051 }
11052 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11053 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11054 border-left: 1px solid var(--vbo-main-bg-color);
11055 padding-left: 10px;
11056 margin-left: 10px;
11057 }
11058 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11059 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11060 margin: 0 10px 3px 0;
11061 display: inline-block;
11062 }
11063 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11064 margin-top: 0;
11065 }
11066 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11067 margin-left: 0;
11068 }
11069 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,
11070 .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"] {
11071 border: 1px solid var(--vbo-config-border-color);
11072 border-radius: 2px;
11073 padding: 8px 10px;
11074 margin-bottom: 0;
11075 box-sizing: border-box;
11076 height: auto;
11077 }
11078 input[type="number"].vbo-small-input {
11079 width: 70px !important;
11080 vertical-align: inherit;
11081 }
11082 input[type="number"].vbo-medium-input {
11083 width: 100px !important;
11084 vertical-align: inherit;
11085 }
11086 .vbo-booking-special-requests {
11087 border: 1px solid var(--vbo-blue-color);
11088 padding: 10px;
11089 border-radius: 15px;
11090 border-top-left-radius: 0;
11091 background: var(--vbo-config-child-bg-color);
11092 margin: 0 5px;
11093 }
11094 .vbo-booking-admin-notes {
11095 background: var(--vbo-config-child-bg-color);
11096 padding: 10px;
11097 margin: 0;
11098 font-style: italic;
11099 }
11100 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11101 .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 {
11102 background: var(--vbo-input-style-deactive);
11103 }
11104 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11105 width: 100px !important;
11106 }
11107 input[type="number"].vbo-large-input-number {
11108 width: 180px !important;
11109 }
11110 .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 {
11111 margin-bottom: 0;
11112 border-radius: 2px;
11113 border: 1px solid var(--vbo-config-border-color);
11114 padding: 8px 10px;
11115 height: inherit;
11116 }
11117 .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 {
11118 padding: 8px 10px;
11119 border-radius: 0 2px 2px 0;
11120 border: 1px solid var(--vbo-config-border-color);
11121 }
11122 .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,
11123 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11124 margin-right: 0;
11125 }
11126 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11127 background: var(--vbo-base-color);
11128 border: 1px solid var(--vbo-base-color);
11129 color: #fff;
11130 padding: 10px 14px;
11131 }
11132 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11133 color: #fff;
11134 }
11135 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11136 background: var(--vbo-base-color-hover) !important;
11137 }
11138 .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 {
11139 background: var(--vbo-link-text-color) !important;
11140 }
11141 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11142 margin-right: 5px;
11143 display: inline-block;
11144 }
11145 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11146 margin-top: 5px;
11147 }
11148 .vbo-admin-container .vbo-param-container .btn-danger {
11149 padding: 10px 14px;
11150 font-size: 12px;
11151 line-height: 15px;
11152 border-radius: 3px;
11153 }
11154 select.vbo-select-small {
11155 padding: 0px 24px 0px 8px !important;
11156 min-height: 25px;
11157 font-size: 12px;
11158 height: 25px !important;
11159 }
11160 .vbo-btn-toolbar .btn i {
11161 margin-right: 5px;
11162 }
11163 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11164 margin-right: 0;
11165 }
11166 .iti.iti--allow-dropdown {
11167 background: var(--vbo-input-style);
11168 border: 1px solid var(--vbo-config-border-color);
11169 display: flex;
11170 z-index: 0;
11171 }
11172 .iti.iti--allow-dropdown .iti__flag-container {
11173 position: relative;
11174 }
11175 .iti.iti--allow-dropdown .iti__selected-flag {
11176 border-right: 1px solid var(--vbo-config-border-color);
11177 }
11178 .iti.iti--allow-dropdown input[type="tel"] {
11179 border: 0;
11180 border-radius: 2px;
11181 padding: 5px 10px;
11182 margin-bottom: 0;
11183 height: auto;
11184 flex: 1;
11185 }
11186 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11187 background: var(--vbo-config-child-bg-color);
11188 }
11189 .vbo-uploaded-files i.fa-file {
11190 font-size: 68px !important;
11191 }
11192 .vbo-uploaded-files .file-elem a .file-extension {
11193 font-size: 14px !important;
11194 }
11195 .vbo-uploaded-files .file-elem {
11196 width: calc(100% / 7) !important;
11197 }
11198 .vbo-bookingdet-btncont .vbo-config-btn {
11199 margin-top: 5px;
11200 }
11201 .vbo-bookingdet-btncont .vbo-config-btn i {
11202 margin-right: 8px;
11203 }
11204 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11205 display: inline-block;
11206 margin-left: 10px;
11207 border: 1px solid var(--vbo-config-border-color);
11208 padding: 8px 9px;
11209 margin-top: 0px;
11210 border-radius: 2px;
11211 background: var(--vbo-config-child-bg-color);
11212 vertical-align: top;
11213 }
11214 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11215 background: var(--vbo-config-bg-color);
11216 }
11217 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11218 margin-bottom: 0;
11219 height: auto;
11220 }
11221 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11222 margin-bottom: 0;
11223 }
11224 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11225 border: 0 !important;
11226 background: transparent;
11227 }
11228 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11229 padding: 0;
11230 }
11231 .vbo-param-container .vbo-param-setting .select2-container--default {
11232 width: 70% !important;
11233 }
11234 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11235 width: 100%;
11236 }
11237 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11238 width: 100% !important;
11239 background: var(--vbo-config-bg-color);
11240 }
11241 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
11242 background-color: #b6d8ee;
11243 border: 1px solid #b8d1e1;
11244 border-radius: 30px;
11245 padding: 5px 10px;
11246 color: #2d5593;
11247 font-weight: bold;
11248 }
11249 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11250 display: inline-block;
11251 margin-left: 3px;
11252 margin-right: 0;
11253 width: 18px;
11254 height: 18px;
11255 line-height: 15px;
11256 font-size: 16px;
11257 text-align: center;
11258 border-radius: 50%;
11259 color: #1f90d9;
11260 float: right;
11261 }
11262 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11263 background: #1f90d9;
11264 color: #fff;
11265 }
11266 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11267 margin-left: 5px;
11268 }
11269 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11270 height: 36px;
11271 border: 1px solid #ddd;
11272 border-radius: 2px;
11273 }
11274 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11275 font-weight: normal;
11276 font-size: 14px;
11277 }
11278 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11279 height: 36px;
11280 }
11281 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11282 line-height: 35px;
11283 }
11284 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11285 border: 0;
11286 }
11287 .vbo-preferred-countries-sortlist {
11288 margin-left: 0;
11289 max-width: 380px;
11290 }
11291 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11292 list-style-type: none;
11293 margin: 0;
11294 padding: 10px 15px;
11295 display: block;
11296 border: 1px solid var(--vbo-basic-btn);
11297 background: var(--vbo-config-child-bg-color);
11298 margin: 5px 3px;
11299 cursor: grab;
11300 }
11301 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11302 color: var(--vbo-config-titles-color-light);
11303 float: right;
11304 margin-top: 4px;
11305 }
11306 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11307 background: var(--vbo-config-bg-color);
11308 color: var(--vbo-base-color);
11309 border-color: var(--vbo-base-color);
11310 }
11311 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11312 color: var(--vbo-base-color);
11313 }
11314 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11315 margin-top: 4px;
11316 }
11317 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11318 cursor: pointer;
11319 }
11320 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11321 color: var(--vbo-base-color);
11322 }
11323 input[type="text"],
11324 input[type="password"],
11325 input[type="date"],
11326 input[type="email"],
11327 input[type="url"],
11328 input[type="search"],
11329 input[type="tel"],
11330 select {
11331 width: auto !important;
11332 }
11333 .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 {
11334 width: 70% !important;
11335 }
11336 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11337 width: 100%;
11338 }
11339 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11340 width: 200px !important;
11341 }
11342 .vbo-param-container input[type="number"].vbo-input-number-small {
11343 width: 80px !important;
11344 }
11345 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11346 width: auto !important;
11347 }
11348 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11349 color: var(--vbo-base-color-hover);
11350 }
11351 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11352 color: var(--vbo-link-text-color);
11353 }
11354 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11355 width: calc(70% - 2px);
11356 }
11357 .vbo-payment-params-container .vbo-param-setting img {
11358 max-width: 300px;
11359 }
11360
11361 input[type="number"] {
11362 width: 100px !important;
11363 }
11364 table.adminform label {
11365 display: inline;
11366 margin:0 0 0 5px;
11367 }
11368 table.adminform td {
11369 padding: 6px 0;
11370 }
11371 table.adminform div.input-append {
11372 display: inline;
11373 }
11374 .icon-vikbooking:before {
11375 font-family: "Font Awesome 5 Free", FontAwesome !important;
11376 font-weight: 900;
11377 content: "\f236";
11378 background: none !important;
11379 }
11380 .icon-vikbookingconfig:before {
11381 font-family: "Font Awesome 5 Free", FontAwesome !important;
11382 font-weight: 900;
11383 content: "\f236";
11384 background: none !important;
11385 }
11386 .icon-vikbookingstats:before {
11387 font-family: "Font Awesome 5 Free", FontAwesome !important;
11388 font-weight: 900;
11389 content: "\f236";
11390 background: none !important;
11391 }
11392 /* Joomla 3.7.0 - Start */
11393 .field-calendar, .vbo-field-calendar {
11394 display: inline-block;
11395 vertical-align: top;
11396 }
11397 .field-calendar .input-append, .vbo-field-calendar .input-append {
11398 display: flex;
11399 }
11400 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11401 padding: 8px 10px;
11402 border-radius: 0 2px 2px 0;
11403 border: 1px solid var(--vbo-config-border-color);
11404 }
11405 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11406 font-size: 14px;
11407 margin-right: 0;
11408 }
11409 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11410 margin-right: 0;
11411 }
11412 .btn-group .calendar-head-row {
11413 font-size: 13px;
11414 }
11415 /* Joomla 3.7.0 - End */
11416
11417 /* Reports - Start */
11418 .vbo-reports-container {
11419 background: var(--vbo-basic-btn);
11420 padding: 0 0 10px;
11421 }
11422 .vbo-reports-filters-outer {
11423 margin-top: 0;
11424 height: auto;
11425 background: var(--vbo-basic-btn-hover);
11426 padding: 10px;
11427 box-sizing: border-box;
11428 }
11429 .vbo-reports-filters-outer > div {
11430 display: inline-block;
11431 margin: 2px 0;
11432 }
11433 .vbo-reports-filters-export {
11434 float: right;
11435 }
11436 .vbo-reports-filters-report {
11437 margin: 0 20px;
11438 }
11439 .vbo-report-filter-lbl {
11440 margin-bottom: 2px;
11441 }
11442 .vbo-reports-filters-report .vbo-report-filter-wrap {
11443 display: inline-block;
11444 }
11445 .vbo-report-filter-val input, .vbo-report-filter-val select {
11446 margin: 0 !important;
11447 }
11448 .vbo-reports-output {
11449 margin: 10px;
11450 }
11451 .vbo-report-layout-type {
11452 text-align: right;
11453 display: inline-block;
11454 width: 100%;
11455 }
11456 .vbo-report-layout-type .vbo-report-layout-type-inner {
11457 background: var(--vbo-config-bg-color);
11458 margin-left: 10px;
11459 border: 1px solid var(--vbo-config-border-color);
11460 display: flex;
11461 width: 170px;
11462 float: right;
11463 margin-right: 10px;
11464 }
11465 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11466 display: inline-block;
11467 }
11468 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11469 border-right: 1px solid var(--vbo-config-border-color);
11470 margin-bottom: 0;
11471 padding: 9px 7px;
11472 flex-basis: 25px;
11473 text-align: center;
11474 font-size: 16px;
11475 }
11476 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11477 color: var(--vbo-config-titles-color-light);
11478 }
11479 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11480 margin-bottom: 0;
11481 border-radius: 2px;
11482 border: 0;
11483 padding: 8px 10px;
11484 height: inherit;
11485 flex: 1;
11486 }
11487 .vbo-report-chart-wrap > h4 {
11488 margin-top: 30px;
11489 font-size: 18px;
11490 margin-bottom: 10px;
11491 border-bottom: 1px solid var(--vbo-config-border-color);
11492 padding-bottom: 10px;
11493 margin-left: 10px;
11494 }
11495 .vbo-report-chart-inner {
11496 display: flex;
11497 flex-wrap: wrap;
11498 margin-bottom: 40px;
11499 }
11500 .vbo-report-chart-main {
11501 flex: 1;
11502 }
11503 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11504 background: var(--vbo-config-bg-color);
11505 border: 1px solid var(--vbo-config-bg-color);
11506 padding: 20px;
11507 border-radius: 16px;
11508 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11509 margin-bottom: 15px;
11510 position: relative;
11511 height: 70%;
11512 }
11513 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11514 font-weight: bold;
11515 color: var(--vbo-config-titles-color-light);
11516 margin-bottom: 10px;
11517 }
11518 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11519 font-size: 26px;
11520 font-weight: bold;
11521 }
11522 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
11523 display: inline-block;
11524 margin: 4px 0 6px;
11525 white-space: nowrap;
11526 }
11527 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
11528 font-size: 13px;
11529 display: inline-block;
11530 vertical-align: middle;
11531 color: var(--vbo-config-titles-color-light);
11532 }
11533 .vbo-report-chart-main .vbo-report-chart-metas {
11534 display: flex;
11535 flex-wrap: wrap;
11536 }
11537 .vbo-report-chart-main .vbo-report-chart-meta {
11538 flex-basis: 25%;
11539 }
11540 .vbo-report-chart-main .vbo-report-chart-meta-inner {
11541 margin: 0 5px;
11542 }
11543 .vbo-report-chart-main .vbo-report-chart-content {
11544 background: var(--vbo-config-bg-color);
11545 padding: 30px;
11546 border-radius: 16px;
11547 margin: 20px 5px;
11548 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11549 }
11550 .vbo-report-chart-right {
11551 flex-basis: 20%;
11552 margin-left: 15px;
11553 }
11554 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
11555 height: 30px;
11556 width: 4px;
11557 background: #ddd;
11558 content: "";
11559 position: absolute;
11560 left: -3px;
11561 top: 17px;
11562 }
11563 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
11564 background: var(--vbo-green-color);
11565 }
11566 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
11567 background: var(--vbo-red-color);
11568 }
11569 .chart-line-legend {
11570 margin-left: 0;
11571 text-align: center;
11572 }
11573 .chart-line-legend li {
11574 display: inline-block;
11575 list-style-type: none;
11576 border: 1px solid var(--vbo-config-border-color);
11577 border-radius: 20px;
11578 padding: 8px 15px 5px;
11579 margin: 5px;
11580 }
11581 .chart-line-legend li span {
11582 display: inline-block;
11583 vertical-align: top;
11584 }
11585 .chart-line-legend li .legend-entry {
11586 width: 15px;
11587 height: 15px;
11588 margin-right: 8px;
11589 border-radius: 4px;
11590 display: inline-block;
11591 }
11592 .chart-line-legend li .legend-label {
11593 margin-top: -2px;
11594 font-weight: bold;
11595 font-size: 12px;
11596 }
11597 .chart-line-legend {
11598 margin-top: 10px;
11599 }
11600 .vbo-report-sheetnchart {
11601 display: flex;
11602 }
11603 .vbo-report-sheetnchart .vbo-report-sheet {
11604 flex-basis: 60%;
11605 margin-right: 10px;
11606 }
11607 .vbo-report-sheetnchart .vbo-report-chart-wrap {
11608 flex: 1;
11609 }
11610 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
11611 display: flex;
11612 flex-wrap: wrap;
11613 }
11614 .vbo-report-sheetnchart .vbo-report-chart-right {
11615 flex-basis: 100%;
11616 margin: 0;
11617 }
11618 .vbo-report-chart-metas-bottom {
11619 margin-bottom: 20px;
11620 }
11621 .vbo-report-sheetnchart .vbo-report-chart-meta {
11622 flex-basis: 33%;
11623 }
11624 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
11625 margin: 0 5px;
11626 }
11627 .vbo-reports-output .table-responsive {
11628 border-radius: 8px;
11629 box-shadow: 0 0px 20px rgba(0,0,0,.1);
11630 margin: 0 5px 18px;
11631 background: var(--vbo-config-bg-color);
11632 }
11633 .vbo-reports-output table {
11634 margin-bottom: 0;
11635 }
11636 .vbo-reports-output table thead {
11637 background: var(--vbo-config-child-bg-color);
11638 text-transform: uppercase;
11639 font-weight: bold;
11640 }
11641 .vbo-reports-output table thead th {
11642 padding: 15px 15px;
11643 color: var(--vbo-config-title-color);
11644 font-size: 12px;
11645 white-space: nowrap;
11646 }
11647 .vbo-reports-output table thead th a {
11648 color: var(--vbo-config-title-color);
11649 }
11650 .vbo-reports-output table thead th i {
11651 margin-left: 3px;
11652 font-size: .9em;
11653 }
11654 .vbo-reports-output table tbody td:first-child {
11655 width: 150px;
11656 }
11657 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
11658 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
11659 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
11660 display: none;
11661 }
11662 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
11663 padding: 15px 15px;
11664 }
11665 .vbo-reports-output table tbody tr:nth-child(2n) {
11666 background: var(--vbo-config-child-bg-color);
11667 }
11668 .vbo-reports-output table tbody tr td:first-child span {
11669 font-weight: bold;
11670 }
11671 .vbo-reports-output table tfoot {
11672 background: var(--vbo-config-child-bg-color);
11673 }
11674 .vbo-reports-output table tfoot td h3 {
11675 margin: 12px 0;
11676 font-size: 14px;
11677 }
11678 .vbo-reports-output table tfoot tr:last-child td {
11679 vertical-align: middle;
11680 }
11681 .vbo-reports-output table tfoot tr td:not(:first-child) span {
11682 font-weight: bold;
11683 font-size: 14px;
11684 white-space: nowrap;
11685 }
11686 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
11687 display: inline-block;
11688 margin-right: 15px;
11689 }
11690 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
11691 margin: 0;
11692 }
11693 .vbo-info-overlay-content.vbo-info-overlay-report {
11694 text-align: center;
11695 }
11696 .vbo-info-overlay-content.vbo-info-overlay-report > div {
11697 margin: 0 10px;
11698 display: inline-block;
11699 }
11700 .vbo-report-load-comune span,
11701 .vbo-report-load-provincia span,
11702 .vbo-report-load-nazione span,
11703 .vbo-report-load-cittadinanza span,
11704 .vbo-report-load-doctype span,
11705 .vbo-report-load-docnum span,
11706 .vbo-report-load-docissue span,
11707 .vbo-report-load-docplace span,
11708 .vbo-report-load-sesso span,
11709 .vbo-report-load-dbirth span,
11710 .vbo-report-load-field span {
11711 display: inline-block;
11712 border: 1px solid var(--vbo-red-color);
11713 cursor: pointer;
11714 color: var(--vbo-red-color);
11715 padding: 0px 7px;
11716 }
11717 .vbo-report-load-elem-filled span {
11718 border: 0;
11719 padding: 0;
11720 color: var(--vbo-blue-color-hover);
11721 }
11722 #ui-datepicker-div {
11723 z-index: 2147483647 !important;
11724 border: 1px solid var(--vbo-config-border-color);
11725 border-radius: 4px;
11726 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
11727 }
11728 /* Reports - End */
11729
11730 /* Trackings - Start */
11731 .btn-toolbar.vbo-trackings-filters {
11732 margin-bottom: 20px;
11733 margin-top: 0 !important;
11734 height: auto !important;
11735 background: var(--vbo-toolbar-bg-color);
11736 padding: 10px;
11737 box-sizing: border-box;
11738 }
11739 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
11740 margin-right: 3px;
11741 }
11742 .vbo-trackings-table {
11743 background: var(--vbo-config-child-bg-color);
11744 }
11745 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
11746 background: var(--vbo-config-child-bg-color) !important;
11747 }
11748 .vbo-trackings-table-head {
11749 border-top: 1px solid var(--vbo-config-border-color);
11750 padding: 12px 15px 0;
11751 font-weight: bold;
11752 }
11753 .vbo-trackings-table-head-inner {
11754 display: flex;
11755 padding: 0 15px;
11756 }
11757 .vbo-trackings-table-head-inner > div i {
11758 margin-left: 5px;
11759 }
11760 .vbo-trackings-table-head-inner > div * {
11761 text-transform: uppercase;
11762 color: var(--vbo-config-titles-color-light);
11763 }
11764 .vbo-trackings-table-head-cell {
11765 flex: 1;
11766 padding: 0 5px;
11767 }
11768 .vbo-trackings-table-cell-ckb input {
11769 margin-top: 0;
11770 }
11771 .vbo-trackings-table-body {
11772 padding: 15px 15px 30px;
11773 }
11774 .vbo-trackings-table-body-row {
11775 display: flex;
11776 flex-wrap: wrap;
11777 background: var(--vbo-config-bg-color);
11778 padding: 15px;
11779 border-radius: 4px;
11780 margin: 15px 0;
11781 box-shadow: 0 4px 6px rgba(0,0,0,.05);
11782 }
11783 .vbo-trackings-table-body-cell {
11784 flex: 1;
11785 padding: 0 5px;
11786 }
11787 .vbo-trackings-table-cell-chevron {
11788 flex: 0 0 30px;
11789 cursor: pointer;
11790 padding-left: 0;
11791 }
11792 .vbo-trackings-table-cell-ckb {
11793 flex: 0 0 30px;
11794 }
11795 .vbo-trackings-table-cell-id {
11796 flex: 0 0 60px;
11797 }
11798 .vbo-trackings-table-body-subrow {
11799 display: none;
11800 flex: 0 0 100%;
11801 }
11802 .vbo-trackings-table-body-hidden-lbl {
11803 display: none;
11804 }
11805 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
11806 font-weight: bold;
11807 font-size: 1.1em;
11808 }
11809 .vbo-tracking-identifier-container {
11810 margin: 20px 0;
11811 background: var(--vbo-config-child-bg-color);
11812 border-radius: 4px;
11813 }
11814 .vbo-tracking-info-details {
11815 padding: 15px;
11816 display: flex;
11817 flex-wrap: wrap;
11818 border-bottom: 1px solid var(--vbo-config-border-color);
11819 }
11820 .vbo-tracking-info-details:last-child {
11821 border:0;
11822 }
11823 .vbo-tracking-info-details > div {
11824 flex: 1;
11825 padding: 0 10px
11826 }
11827 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
11828 flex: 0 0 15%;
11829 }
11830 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
11831 flex: 0 0 80px;
11832 }
11833 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
11834 flex: 0 0 15%;
11835 }
11836 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
11837 flex: 0 0 100%;
11838 }
11839 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
11840 margin-top: 0;
11841 }
11842 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
11843 flex: 0 0 10%;
11844 }
11845 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
11846 flex: 0 0 20%;
11847 }
11848 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
11849 display: inline-block;
11850 }
11851 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
11852 margin-right: 15px;
11853 }
11854 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
11855 font-weight: bold;
11856 }
11857 .vbo-tracking-info-device-cont i {
11858 font-size: 18px;
11859 }
11860 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
11861 font-size: 22px;
11862 }
11863 .vbo-tracking-info-subrow-lbl {
11864 text-transform: uppercase;
11865 font-weight: bold;
11866 color: #999;
11867 margin-bottom: 5px;
11868 }
11869 .vbo-tracking-info-dates-cont > div {
11870 margin-bottom: 5px;
11871 }
11872 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
11873 font-weight: bold;
11874 display: block;
11875 margin: 0;
11876 }
11877 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
11878 font-weight: bold;
11879 }
11880 .vbo-trackings-custcampaign {
11881 margin-bottom: 20px;
11882 background: var(--vbo-config-bg-color);
11883 border-radius: 10px;
11884 border: 1px solid var(--vbo-basic-btn);
11885 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
11886 padding: 15px;
11887 }
11888 .vbo-trackings-custcampaign-box {
11889 display: inline-block;
11890 margin-right: 14px;
11891 }
11892 .vbo-trackings-custcampaign-box label {
11893 margin-bottom: 5px;
11894 font-weight: 500;
11895 }
11896 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
11897 width: 100% !important;
11898 }
11899 .vbo-tracking-info-party-room {
11900 margin-bottom: 5px;
11901 }
11902 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
11903 display: block;
11904 text-transform: uppercase;
11905 font-weight: bold;
11906 }
11907 .vbo-tracking-info-booking-cont .vbo-status-label.label-success {
11908 border: 2px solid var(--vbo-green-color);
11909 color: var(--vbo-green-color);
11910 background: transparent !important;
11911 }
11912 .vbo-tracking-info-booking-cont .vbo-status-label.label-error {
11913 border: 2px solid var(--vbo-red-color);
11914 color: var(--vbo-red-color);
11915 background: transparent !important;
11916 }
11917 .vbo-tracking-info-booking-cont .vbo-status-label.label-warning {
11918 border: 2px solid var(--vbo-orange-color);
11919 color: var(--vbo-orange-color);
11920 background: transparent !important;
11921 }
11922 .vbo-tracking-info-booking-cont a {
11923 background: var(--vbo-base-color);
11924 color: #fff;
11925 border: 2px solid var(--vbo-base-color);
11926 display: table;
11927 margin-top: 5px;
11928 padding: 5px 10px;
11929 border-radius: 3px;
11930 font-weight: bold;
11931 }
11932 .vbo-tracking-info-booking-cont a:hover {
11933 background: transparent;
11934 color: var(--vbo-base-color-hover);
11935 text-decoration: none;
11936 }
11937 .vbo-tracking-info-search-results {
11938 margin-top: 10px;
11939 }
11940 .vbo-tracking-info-search-result {
11941 border: 2px solid var(--vbo-config-border-color);
11942 border-radius: 4px;
11943 padding: 10px 15px;
11944 margin: 5px 0;
11945 }
11946 .vbo-tracking-info-search-result p {
11947 margin-bottom: 0;
11948 padding-bottom: 0;
11949 font-weight: bold;
11950 }
11951 .vbo-tracking-info-search-result i {
11952 margin-right: 5px;
11953 }
11954 .vbo-tracking-info-search-result-warning {
11955 border-color: var(--vbo-orange-color);
11956 }
11957 .vbo-tracking-info-search-result-warning i {
11958 color: var(--vbo-orange-color);
11959 }
11960 .vbo-tracking-info-search-result-error {
11961 border-color: var(--vbo-red-color);
11962 }
11963 .vbo-tracking-info-search-result-error i {
11964 color: var(--vbo-red-color);
11965 }
11966 .vbo-tracking-info-search-result-info {
11967 border-color: var(--vbo-blue-color);
11968 }
11969 .vbo-tracking-info-search-result-info i {
11970 color: var(--vbo-blue-color);
11971 }
11972 .vbo-tracking-info-search-result-success {
11973 border-color: var(--vbo-green-color);
11974 }
11975 .vbo-tracking-info-search-result-success i {
11976 color: var(--vbo-green-color);
11977 }
11978 #vbo-add-trkcampaign {
11979 margin-top: 5px;
11980 }
11981 .vbo-trackings-custcampaign-uri {
11982 font-weight: bold;
11983 margin-right: 0;
11984 }
11985 .vbo-trackings-custcampaign label {
11986 display: block;
11987 }
11988 .vbo-trackings-tabs > div {
11989 display: inline-block;
11990 cursor: pointer;
11991 padding: 11px 0px;
11992 margin: 0 12px;
11993 font-size: 1.2em;
11994 text-transform: uppercase;
11995 font-weight: bold;
11996 text-align: center;
11997 color: var(--vbo-config-titles-color-light);
11998 }
11999 .vbo-trackings-tabs > .vbo-trackings-tab-active {
12000 border-bottom: 2px solid var(--vbo-blue-color);
12001 color: var(--vbo-blue-color);
12002 }
12003 .vbo-trackings-tabcont-stats {
12004 background: var(--vbo-config-child-bg-color);
12005 border-top: 1px solid var(--vbo-config-border-color);
12006 padding: 10px;
12007 }
12008 .vbo-trackings-chart-bestnights {
12009 display: flex;
12010 flex-wrap: wrap;
12011 }
12012 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12013 flex: 100%;
12014 font-size: 1.1em;
12015 margin-left: 5px;
12016 border-bottom: 1px solid var(--vbo-config-border-color);
12017 padding-bottom: 10px;
12018 text-transform: uppercase;
12019 }
12020 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12021 background: var(--vbo-config-bg-color);
12022 padding: 15px;
12023 border-radius: 4px;
12024 margin: 5px;
12025 flex-basis: 10%;
12026 box-shadow: 0 0 10px rgba(0,0,0,.05);
12027 }
12028 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12029 font-weight: bold;
12030 margin-bottom: 10px;
12031 display: block;
12032 border-bottom: 1px solid var(--vbo-config-border-color);
12033 padding-bottom: 5px;
12034 text-transform: uppercase;
12035 color: var(--vbo-config-titles-color-light);
12036 }
12037 .vbo-trackings-chart-tot {
12038 font-size: 26px;
12039 color: var(--vbo-base-color);
12040 margin-right: 4px;
12041 }
12042 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12043 margin-bottom: 10px;
12044 }
12045 .vbo-trackings-chart-middle {
12046 display: flex;
12047 margin-top: 20px;
12048 }
12049 .vbo-trackings-chart-avgvals {
12050 flex: 55%;
12051 padding-right: 50px;
12052 }
12053 .vbo-trackings-chart-referrers {
12054 flex: 1;
12055 }
12056 .vbo-trackings-chart-avgval-listcont {
12057 display: flex;
12058 flex-wrap: wrap;
12059 }
12060 .vbo-trackings-chart-avgval-listcont > div {
12061 flex: 1;
12062 background: var(--vbo-config-bg-color);
12063 padding: 15px;
12064 border-radius: 4px;
12065 box-shadow: 0 0 10px rgba(0,0,0,.05);
12066 margin: 5px;
12067 }
12068 .vbo-trackings-chart-avgval-listcont > div h5 {
12069 margin-top: 0;
12070 }
12071 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12072 margin-right: 0;
12073 }
12074 .vbo-trackings-chart-pcent {
12075 font-size: 1.1em;
12076 color: var(--vbo-config-titles-color-light);
12077 font-weight: bold;
12078 }
12079 .vbo-trackings-chart-referrer {
12080 background: var(--vbo-config-bg-color);
12081 padding: 15px;
12082 border-radius: 4px;
12083 box-shadow: 0 0 10px rgba(0,0,0,.05);
12084 margin: 10px 5px;
12085 }
12086 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12087 color: var(--vbo-green-color);
12088 }
12089 .vbo-trackings-cookiediscl {
12090 font-style: italic;
12091 width: 70%;
12092 }
12093 /* Trackings - End */
12094
12095 .vbo-choosebusy-table {
12096 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12097 border: 1px solid rgb(221, 221, 221);
12098 margin: 0 0 20px;
12099 }
12100 .vbo-choosebusy-tr1 td {
12101 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12102 vertical-align: middle;
12103 padding: 14px;
12104 border-bottom: 1px solid rgb(204, 204, 204);
12105 font-size: 16px;
12106 font-weight: 500;
12107 }
12108 .vbo-choosebusy-tr2 td img {
12109 border-radius: 0 !important;
12110 width: 100%;
12111 }
12112 .vbo-choosebusy-tr3 td {
12113 padding: 10px;
12114 }
12115 .vbo-choosebusy-tr3 td .badge {
12116 padding:3px 8px;
12117 border-radius: 3px;
12118 }
12119 #filter-bar .btn-group {
12120 margin-left:5px;
12121 }
12122 .table-responsive {
12123 overflow-x: auto;
12124 overflow-y: hidden;
12125 min-height: 0.01%;
12126 }
12127 .table {
12128 width: 100%;
12129 max-width: 100%;
12130 margin-bottom: 20px;
12131 }
12132 .vbo-receipt-company-block-outer {
12133 margin: 10px 0;
12134 display: inline-block;
12135 width: 100%;
12136 }
12137 .vbo-receipt-company-block {
12138 display: inline-block;
12139 margin: 0 10px;
12140 }
12141 .vbo-receipt-numdate-block {
12142 display: inline-block;
12143 float: right;
12144 margin: 0 10px;
12145 background: var(--vbo-basic-btn);
12146 padding: 15px;
12147 }
12148 .vbo-receipt-company-logo {
12149 display: inline-block;
12150 float: left;
12151 }
12152 .vbo-receipt-company-info {
12153 float: left;
12154 text-align: left;
12155 }
12156 .vbo-receipt-numdate-title {
12157 font-size: 18px;
12158 margin-bottom: 10px;
12159 }
12160 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12161 font-size: 12px;
12162 font-weight: bold;
12163 color: var(--vbo-config-text-color-light);
12164 display: block;
12165 margin-bottom: 5px;
12166 }
12167 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12168 display: inline-block;
12169 vertical-align: top;
12170 }
12171 .vbo-receipt-numdate-num {
12172 margin-right: 5px;
12173 }
12174 .vbo-hidein-print {
12175 margin-bottom: 0 !important;
12176 }
12177 .vbo-showin-print {
12178 display: none;
12179 }
12180 .vbo-receipt-print-confirm {
12181 text-align: center;
12182 display: inline-block;
12183 width: 100%;
12184 }
12185 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12186 display: inline-block;
12187 background: var(--vbo-base-color);
12188 color: #fff;
12189 padding: 5px 15px;
12190 border-radius: 4px;
12191 font-weight: bold;
12192 margin: 10px;
12193 cursor: pointer;
12194 }
12195 .vbo-receipt-print-btn i {
12196 margin-right: 5px;
12197 }
12198 .vbo-receipt-notes-container {
12199 padding: 18px;
12200 }
12201 .vbo-receipt-notes-inner {
12202 background: var(--vbo-config-bg-color);
12203 padding: 15px;
12204 border-radius: 8px;
12205 margin: 10px 0;
12206 }
12207 .vbo-receipt-notes-tarea textarea {
12208 height: 200px;
12209 }
12210 /* Tableaux */
12211 .vbo-tableaux-container {
12212 background: var(--vbo-config-child-bg-color);
12213 padding: 5px 15px 10px;
12214 }
12215 .vbo-tableaux-months-wrap {
12216 display: flex;
12217 flex-wrap: wrap;
12218 border: 1px solid var(--vbo-config-border-color);
12219 margin: 15px 0;
12220 background: var(--vbo-config-bg-color);
12221 border-radius: 4px;
12222 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12223 }
12224 .vbo-tableaux-months-wrap > div {
12225 flex: 1;
12226 border-right: 1px solid var(--vbo-config-border-color);
12227 text-align: center;
12228 display: flex;
12229 }
12230 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12231 border-top-left-radius: 4px;
12232 border-bottom-left-radius: 4px;
12233 }
12234 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12235 border-top-right-radius: 4px;
12236 border-bottom-right-radius: 4px;
12237 border: 0;
12238 }
12239 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12240 padding: 15px 10px;
12241 cursor: pointer;
12242 flex: 1;
12243 }
12244 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12245 display: block;
12246 }
12247 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12248 background: var(--vbo-config-child-bg-color);
12249 }
12250 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12251 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12252 background: var(--vbo-base-color);
12253 color: #fff;
12254 }
12255 .vbo-tableaux-tbl-container {
12256 margin-top: 10px;
12257 }
12258 .vbo-tableaux-table {
12259 background: var(--vbo-config-bg-color);
12260 border-radius: 4px;
12261 box-shadow: 0 0 4px rgba(0,0,0,.05);
12262 width: 100%;
12263 margin-bottom: 200px;
12264 }
12265 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12266 text-align: center;
12267 padding: 10px 4px;
12268 background: var(--vbo-light-color-btn);
12269 border-left: 1px solid var(--vbo-config-border-color);
12270 }
12271 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12272 border-left: 0;
12273 }
12274 .vbo-tableaux-table-head-cell-monyear {
12275 color: var(--vbo-config-titles-color-light);
12276 font-weight: normal;
12277 }
12278 .vbo-tableaux-table-head-cell-wmday {
12279 font-size: 15px;
12280 }
12281 .vbo-tableaux-table tr {
12282 border-bottom: 1px solid var(--vbo-config-border-color);
12283 }
12284 .vbo-tableaux-table td {
12285 border-right: 1px solid var(--vbo-config-border-color);
12286 min-width: 100px;
12287 max-width: 100px;
12288 padding: 20px 0;
12289 position: relative;
12290 background-clip: padding-box !important;
12291 }
12292 .vbo-tableaux-table tr td:first-child {
12293 position: sticky;
12294 left: 0;
12295 background: var(--vbo-config-child-bg-color);
12296 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12297 min-width: 150px;
12298 max-width: 150px;
12299 z-index: 2;
12300 font-weight: bold;
12301 padding: 15px 15px;
12302 font-size: 14px;
12303 }
12304 .vbo-tableaux-roomrow td {
12305 vertical-align: top;
12306 }
12307 .vbo-tableaux-daycell {
12308 color: var(--vbo-config-titles-color-light);
12309 font-weight: bold;
12310 text-align: center;
12311 padding: 10px;
12312 font-size: 13px;
12313 }
12314 .vbo-tableaux-festcell {
12315 background: #cea7c7;
12316 color: #fff;
12317 cursor: pointer;
12318 }
12319 .vbo-tableaux-festcell:hover {
12320 background: #bb90b3;
12321 }
12322 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12323 background: #e1aed8;
12324 }
12325 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12326 background: var(--vbo-base-color);
12327 color: #fff;
12328 font-weight: bold;
12329 padding: 7px 5px;
12330 margin: 2px 0;
12331 white-space: nowrap;
12332 position: relative;
12333 }
12334 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12335 background: var(--vbo-config-bg-color);
12336 color: var(--vbo-config-title-color);
12337 border-top: 1px solid var(--vbo-config-title-color);
12338 border-bottom: 1px solid var(--vbo-config-title-color);
12339 height: 14px;
12340 margin: 2px -1.5px;
12341 box-sizing: content-box;
12342 }
12343 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12344 border-left: 1px solid var(--vbo-config-title-color);
12345 }
12346 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12347 border-right: 1px solid var(--vbo-config-title-color);
12348 }
12349 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12350 background: transparent;
12351 display: inline-block;
12352 width: 100%;
12353 }
12354 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12355 font-size: 13px;
12356 }
12357 .vbo-tableaux-booking-avatar {
12358 z-index: 1;
12359 position: absolute;
12360 top: -6px;
12361 left: -8px;
12362 }
12363 .vbo-tableaux-booking-avatar img {
12364 height: 24px;
12365 width: 24px;
12366 border-radius: 50%;
12367 object-fit: cover;
12368 border: 2px solid #fff;
12369 }
12370 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12371 top: -1px;
12372 left: -3px;
12373 }
12374 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12375 border: 0;
12376 }
12377 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12378 padding-left: 25px;
12379 }
12380 .vbo-overv-avcell .vbo-tableaux-guest-name {
12381 font-weight: normal;
12382 font-size: 12px;
12383 }
12384 .vbo-tableaux-booking > span {
12385 position: relative;
12386 z-index: 1;
12387 }
12388 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12389 display: inline-block;
12390 margin-left: 5px;
12391 }
12392 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12393 width: 64%;
12394 float: right;
12395 border-top-left-radius: 20px;
12396 border-bottom-left-radius: 20px;
12397 padding-left: 10px;
12398 position: relative;
12399 margin-right: -2px;
12400 }
12401 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12402 position: relative;
12403 z-index: 1;
12404 }
12405 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12406 /* overflow: hidden;
12407 display: table-cell; */
12408 display: inline-block;
12409 width: 130px;
12410 clip-path: inset( -100vw 0 -100vw -8px );
12411 }
12412 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12413 top: -5px;
12414 }
12415 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12416 width: 64%;
12417 float: left;
12418 border-top-right-radius: 20px;
12419 border-bottom-right-radius: 20px;
12420 padding-right: 10px;
12421 }
12422 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12423 display: inline-block;
12424 width: 100%;
12425 }
12426 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12427 padding: 10px 15px;
12428 font-size: 1.2em;
12429 font-weight: bold;
12430 color: var(--vbo-base-color);
12431 border-left: 0;
12432 }
12433 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12434 border-left: 2px solid var(--vbo-config-border-color);
12435 }
12436 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12437 border-left: 2px solid var(--vbo-config-border-color);
12438 }
12439 .vbo-tableaux-table .vbo-tableaux-todaycell {
12440 background: var(--vbo-config-child-bg-color);
12441 }
12442 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12443 background: #d9b9d3;
12444 }
12445 .vbo-pmsperm-entry-wrap {
12446 display: flex;
12447 flex-wrap: wrap;
12448 background: var(--vbo-config-child-bg-color);
12449 margin: 5px 0;
12450 padding: 10px
12451 }
12452 .vbo-pmsperm-entry-wrap > div {
12453 margin: 5px;
12454 }
12455 .vbo-pmsperm-entry-wrap > div:first-child {
12456 flex-basis: 105px;
12457 }
12458 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12459 padding: 8px 14px;
12460 }
12461 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12462 margin-bottom: 0 !important;
12463 }
12464 .vbo-pmsperm-entry-cont:last-child {
12465 display: flex;
12466 }
12467 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12468 margin-top: 24px;
12469 }
12470 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12471 text-align: center;
12472 margin-top: 15px;
12473 }
12474 .vbo-tableauxperms-info-add {
12475 margin-bottom: 15px;
12476 text-align: center;
12477 }
12478 .vbo-pmsperm-entry-lbl {
12479 font-weight: bold;
12480 margin-bottom: 4px;
12481 }
12482 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
12483 margin-bottom: 10px;
12484 }
12485 #filter-bar.vbo-tableaux-filters {
12486 height: auto;
12487 background: var(--vbo-toolbar-bg-color);
12488 padding: 10px 10px 6px;
12489 box-sizing: border-box;
12490 }
12491 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
12492 background: var(--vbo-input-style);
12493 border-color: var(--vbo-config-border-color);
12494 }
12495 /* eInvoicing - start */
12496 .vbo-einvoicing-cellaction[data-einvaction="0"] {
12497 background: var(--vbo-red-color);
12498 }
12499 .vbo-einvoicing-cellaction[data-einvaction="1"] {
12500 background: var(--vbo-green-color);
12501 }
12502 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
12503 background: var(--vbo-blue-color);
12504 }
12505 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
12506 background: var(--vbo-orange-color);
12507 }
12508 #driversettingsform .vbo-driver-fieldset {
12509 margin-top: 20px;
12510 }
12511 #driversettingsform .vbo-driver-fieldset {
12512 border-bottom: 0;
12513 }
12514 .vbo-info-overlay-driver {
12515 height: 90% !important;
12516 }
12517 .vbo-drivers-filters-outer {
12518 display: inline-block;
12519 width: 100%;
12520 margin-top: 0;
12521 height: auto;
12522 background: var(--vbo-config-border-color);
12523 padding: 10px;
12524 box-sizing: border-box;
12525 }
12526 .vbo-drivers-filters-outer > div {
12527 display: inline-block;
12528 }
12529 .vbo-drivers-container {
12530 background: var(--vbo-main-bg-color);
12531 }
12532 .vbo-drivers-filters-driver {
12533 margin: 0 15px 0 0;
12534 }
12535 .vbo-drivers-filters-driver > div {
12536 display: inline-block;
12537 vertical-align: top;
12538 margin-right: 5px;
12539 }
12540 .vbo-drivers-custom-actions {
12541 float: right;
12542 }
12543 .vbo-drivers-custom-actions > div {
12544 display: inline-block;
12545 vertical-align: top;
12546 }
12547 .vbo-drivers-topbar {
12548 display: inline-block;
12549 width: 100%;
12550 margin-bottom: 10px;
12551 border-bottom: 1px solid var(--vbo-config-border-color);
12552 padding-bottom: 10px;
12553 }
12554 .vbo-drivers-topbar > div {
12555 display: inline-block;
12556 vertical-align: top;
12557 }
12558 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
12559 margin-top: 22px;
12560 }
12561 .vbo-drivers-output {
12562 padding-bottom: 17px;
12563 }
12564 .vbo-drivers-output .table-responsive {
12565 border-radius: 8px;
12566 box-shadow: 0 0px 20px #0000001a;
12567 margin: 18px;
12568 background: var(--vbo-config-bg-color);
12569 }
12570 .vbo-drivers-output table {
12571 margin-bottom: 0;
12572 }
12573 .vbo-drivers-output table thead {
12574 background: var(--vbo-config-child-bg-color);
12575 text-transform: uppercase;
12576 font-weight: bold;
12577 }
12578 .vbo-drivers-output table thead th {
12579 padding: 15px 15px;
12580 color: var(--vbo-config-title-color);
12581 }
12582 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
12583 padding: 15px 15px;
12584 }
12585 .vbo-drivers-output table tbody tr td:first-child span {
12586 font-weight: bold;
12587 }
12588 .vbo-drivers-output table tbody tr:nth-child(2n) {
12589 background: var(--vbo-config-child-bg-color);
12590 }
12591 .vbo-drivers-output table tfoot {
12592 background: var(--vbo-config-child-bg-color);
12593 }
12594 .vbo-drivers-output table tfoot tr:last-child td {
12595 vertical-align: middle;
12596 }
12597 .vbo-drivers-output table td .btn.btn-danger {
12598 padding: 4px 12px;
12599 font-weight: normal;
12600 font-size: 13px;
12601 }
12602 .vbo-drivers-output .vbo-driver-customoutput {
12603 display: inline-block;
12604 color: #fff;
12605 padding: 5px 4px;
12606 border-radius: 5px;
12607 height: 15px;
12608 width: 15px;
12609 cursor: pointer;
12610 }
12611 .vbo-drivers-output .vbo-driver-output-vieweinv {
12612 background: #999;
12613 border:1px solid #999;
12614 }
12615 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
12616 background: #888;
12617 }
12618 .vbo-drivers-output .vbo-driver-output-editeinv {
12619 background: var(--vbo-blue-color);
12620 border: 1px solid var(--vbo-blue-color);
12621 }
12622 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
12623 background: var(--vbo-blue-color-hover);
12624 }
12625 .vbo-drivers-output .vbo-driver-output-rmeinv {
12626 background: var(--vbo-red-color);
12627 border: 1px solid var(--vbo-red-color);
12628 }
12629 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
12630 background: var(--vbo-red-color-hover);
12631 }
12632 .vbo-drivers-output .fa-external-link {
12633 color: #444;
12634 margin-right: 5px;
12635 }
12636 .vbo-drivers-output .fa-external-link:hover {
12637 color: var(--vbo-blue-color);
12638 }
12639 /* eInvoicing - end */
12640
12641 /* Opportunities */
12642 .vbo-menu-updates .vbo-opportunities-btnbadge {
12643 background: var(--vbo-blue-color);
12644 border-color: var(--vbo-blue-color);
12645 position: relative;
12646 z-index: 1;
12647 }
12648 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
12649 background: var(--vbo-blue-color-hover);
12650 border-color: var(--vbo-blue-color-hover);
12651 }
12652 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
12653 background: var(--vbo-blue-color-hover);
12654 border-color: var(--vbo-blue-color-hover);
12655 }
12656 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
12657 content: attr(data-opportunity-count);
12658 background: var(--vbo-red-color);
12659 color: #fff;
12660 border: 1px solid var(--vbo-blue-color);
12661 width: 20px;
12662 height: 20px;
12663 border-radius: 50%;
12664 position: absolute;
12665 top: -5px;
12666 left: -8px;
12667 font-weight: bold;
12668 font-size: 11px;
12669 line-height: 20px;
12670 text-align: center;
12671 }
12672 .vbo-menu-updates .vbo-opportunities-btnbadge i {
12673 margin-right: 5px;
12674 }
12675 /* Guest Reviews */
12676 .vbo-menu-updates .vbo-reviews-btnbadge {
12677 background: #20a9b0;
12678 border-color: #20a9b0;
12679 position: relative;
12680 z-index: 0;
12681 }
12682 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
12683 background: #57bbbf;
12684 border-color: #57bbbf;
12685 }
12686 .vbo-menu-updates .vbo-reviews-btnbadge:active {
12687 background: #4ccbd0;
12688 border-color: #4ccbd0;
12689 }
12690 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
12691 content: attr(data-reviews-count);
12692 background: var(--vbo-red-color);
12693 color: #fff;
12694 border: 1px solid var(--vbo-blue-color);
12695 width: 20px;
12696 height: 20px;
12697 border-radius: 50%;
12698 position: absolute;
12699 top: -5px;
12700 left: -8px;
12701 font-weight: bold;
12702 font-size: 11px;
12703 line-height: 20px;
12704 text-align: center;
12705 }
12706 .vbo-menu-updates .vbo-reviews-btnbadge i {
12707 margin-right: 5px;
12708 }
12709
12710 /* New Overlay */
12711 .vbo-modal-overlay-block {
12712 position: fixed;
12713 left: 0;
12714 top: 0;
12715 width: 100%;
12716 height: 100%;
12717 background-color: rgba(6, 52, 77, 0.58);
12718 display: none;
12719 z-index: 2147483647 !important;
12720 }
12721 .vbo-modal-overlay-block-geomap-lowerzindex {
12722 z-index: 99999 !important;
12723 }
12724 .vbo-modal-overlay-block .vbo-modal-overlay-close {
12725 display: block;
12726 height: 100%;
12727 cursor: default;
12728 }
12729 .vbo-modal-overlay-block .vbo-modal-overlay-content {
12730 position: fixed;
12731 left: 50%;
12732 top: 50%;
12733 transform: translate(-50%, -50%);
12734 width: 40%;
12735 height: 60%;
12736 z-index: 101;
12737 border-radius: 5px;
12738 background-color: var(--vbo-config-bg-color);
12739 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
12740 overflow: auto;
12741 -webkit-font-smoothing: antialiased;
12742 }
12743 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
12744 width: 65%;
12745 height: 85%;
12746 border-radius: 16px;
12747 }
12748 .vik-contentbuilder-textmode-sptags {
12749 float: none;
12750 }
12751 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
12752 width: 65%;
12753 height: 85%;
12754 }
12755 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
12756 height: 80%;
12757 }
12758 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
12759 border-radius: 20px;
12760 }
12761 .vbo-modal-overlay-content-backdrop {
12762 position: absolute;
12763 height: 100%;
12764 width: 100%;
12765 background: rgba(0, 0, 0, .4);
12766 z-index: 100;
12767 }
12768 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
12769 left: -20px;
12770 width: calc(100% + 40px);
12771 }
12772 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
12773 position: absolute;
12774 top: 50%;
12775 left: 50%;
12776 transform: translate(-50%, -50%);
12777 }
12778 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
12779 font-size: 40px;
12780 color: #fff;
12781 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
12782 }
12783 .vbo-modal-overlay-content-head {
12784 padding: 20px;
12785 background: var(--vbo-config-child-bg-color);
12786 }
12787 .vbo-modal-overlay-content-head h3 > i {
12788 margin-right: 5px;
12789 color: var(--vbo-config-titles-color-light);
12790 }
12791 .vbo-modal-overlay-close-times {
12792 float: right;
12793 font-size: 20px;
12794 cursor: pointer;
12795 color: var(--vbo-config-title-color);
12796 padding: 10px;
12797 cursor: pointer;
12798 margin-top: -10px;
12799 display: inline-block;
12800 }
12801 .vbo-modal-overlay-close-times:hover {
12802 color: #619dca;
12803 }
12804 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
12805 background: var(--vbo-config-bg-color);
12806 padding: 0;
12807 }
12808 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
12809 position: absolute;
12810 right: 10px;
12811 top: 7px;
12812 margin: 0;
12813 padding: 0;
12814 }
12815 .vbo-modal-overlay-content-body {
12816 padding: 20px 20px 10px;
12817 }
12818 .vbo-modal-widget .vbo-modal-overlay-content-body {
12819 padding-top: 0;
12820 }
12821 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
12822 padding: 0 5px;
12823 }
12824 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
12825 padding: 35px 35px 10px;
12826 }
12827 .vbo-modal-overlay-content-footer {
12828 margin-top: 15px;
12829 text-align: right;
12830 position: absolute;
12831 width: calc(100% - 40px);
12832 right: 0;
12833 bottom: 0;
12834 border-top: 1px solid var(--vbo-config-border-color);
12835 background: var(--vbo-config-child-bg-color);
12836 padding: 10px 20px;
12837 box-sizing: content-box;
12838 }
12839 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
12840 float: left;
12841 }
12842 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
12843 font-size: 16px;
12844 font-weight: bold;
12845 }
12846 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
12847 text-align: center;
12848 padding: 10px 20px 10px;
12849 height: calc(100% - 78.2px);
12850 position: relative;
12851 }
12852 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
12853 top: 50%;
12854 left: 50%;
12855 transform: translate(-50%, -50%);
12856 position: absolute;
12857 }
12858 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
12859 border-radius: 6px;
12860 box-shadow: 0 0 10px rgba(0,0,0,.4);
12861 max-width: 80%;
12862 }
12863 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
12864 height: calc(100% - 100px);
12865 }
12866 .vbo-modal-overlay-content {
12867 -webkit-animation-name: VikfadeInUp;
12868 animation-name: VikfadeInUp;
12869
12870 -webkit-animation-duration: .5s;
12871 animation-duration: .5s;
12872 -webkit-animation-fill-mode: both;
12873 animation-fill-mode: both;
12874 }
12875 .vbo-optionals-dmgdepbcom-trigger {
12876 white-space: nowrap;
12877 }
12878
12879 @-webkit-keyframes VikfadeInUp {
12880 from {
12881 opacity: 0;
12882 -webkit-transform: translate3d(-50%, -20%, 0);
12883 transform: translate3d(-50%, -20%, 0);
12884 }
12885
12886 to {
12887 opacity: 1;
12888 -webkit-transform: translate3d(-50%, -50%, 0);
12889 transform: translate3d(-50%, -50%, 0);
12890 }
12891 }
12892
12893 @keyframes VikfadeInUp {
12894 from {
12895 opacity: 0;
12896 -webkit-transform: translate3d(-50%, -20%, 0);
12897 transform: translate3d(-50%, -20%, 0);
12898 }
12899
12900 to {
12901 opacity: 1;
12902 -webkit-transform: translate3d(-50%, -50%, 0);
12903 transform: translate3d(-50%, -50%, 0);
12904 }
12905 }
12906
12907 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
12908 margin-top: 15px;
12909 }
12910 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
12911 padding: 10px;
12912 display: flex;
12913 flex-wrap: wrap;
12914 border-bottom: 1px solid var(--vbo-config-border-color);
12915 }
12916 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
12917 flex: 1;
12918 font-weight: bold;
12919 font-size: 1.1em;
12920 align-self: center;
12921 }
12922 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
12923 margin: 0 15px;
12924 align-self: center;
12925 font-weight: bold;
12926 }
12927 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
12928 margin-left: auto;
12929 }
12930 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
12931 padding: 3px 6px;
12932 }
12933 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
12934 margin-right: 0;
12935 }
12936 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
12937 padding: 3px 6px;
12938 }
12939 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
12940 margin-right: 0;
12941 }
12942 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
12943 border: 1px solid var(--vbo-config-border-color);
12944 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12945 border-radius: 10px;
12946 margin-bottom: 10px;
12947 }
12948 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
12949 border-color: var(--vbo-base-color);
12950 }
12951 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
12952 display: grid;
12953 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
12954 column-gap: 20px;
12955 row-gap: 5px;
12956 padding: 10px;
12957 }
12958 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
12959 display: block;
12960 font-weight: 500;
12961 }
12962 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
12963 width: 100%;
12964 display: flex;
12965 border-radius: 6px;
12966 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12967 }
12968 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
12969 flex: 1;
12970 border-color: var(--vbo-config-border-color);
12971 border-top-left-radius: 6px;
12972 border-bottom-left-radius: 6px;
12973 }
12974 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
12975 box-shadow: none;
12976 }
12977 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
12978 border-top-right-radius: 6px;
12979 border-bottom-right-radius: 6px;
12980 }
12981 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
12982 margin: 10px 0;
12983 }
12984 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
12985 font-weight: bold;
12986 }
12987 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
12988 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
12989 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
12990 min-width: 50%;
12991 }
12992 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
12993 border: 1px solid #ddd;
12994 border-radius: 2px;
12995 padding: 8px 10px;
12996 margin-bottom: 0;
12997 box-sizing: border-box;
12998 height: auto;
12999 }
13000 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
13001 margin-bottom: 0;
13002 border-radius: 2px;
13003 border: 1px solid var(--vbo-config-border-color);
13004 padding: 8px 10px;
13005 height: inherit;
13006 }
13007
13008 /* Content Builder */
13009 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13010 border: 1px solid var(--vbo-config-border-color);
13011 }
13012 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13013 color: var(--vbo-config-titles-color-light);
13014 }
13015 .ql-toolbar .ql-stroke {
13016 stroke: var(--vbo-config-titles-color-light);
13017 }
13018 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13019 fill: var(--vbo-config-titles-color-light);
13020 }
13021 .ql-toolbar .ql-formats > button {
13022 color: var(--vbo-config-titles-color-light);
13023 }
13024 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13025 border-color: var(--vbo-config-border-color);
13026 }
13027 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13028 border: 0;
13029 }
13030 .ql-snow .ql-picker-options {
13031 background-color: var(--vbo-config-bg-color)
13032 }
13033 .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 {
13034 color: var(--vbo-base-color);
13035 }
13036 .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 {
13037 stroke: var(--vbo-base-color);
13038 }
13039 .ql-editor {
13040 min-height: 200px;
13041 max-height: 75vh;
13042 }
13043 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13044 background: #fbfbfb;
13045 border-radius: 6px;
13046 border-top: 1px solid var(--vbo-config-border-color);
13047 }
13048 .ql-toolbar.ql-snow {
13049 border: 0;
13050 padding: 8px 0;
13051 }
13052 .ql-toolbar.ql-snow .ql-formats {
13053 background: var(--vbo-body-bg-color);
13054 border: 1px solid var(--vbo-config-border-color);
13055 padding: 5px;
13056 border-radius: 6px;
13057 }
13058 .ql-snow .ql-tooltip {
13059 background-color: var(--vbo-config-bg-color);
13060 border: 1px solid var(--vbo-config-border-color);
13061 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13062 padding: 30px 12px 10px;
13063 border-radius: 4px;
13064 color: inherit;
13065 }
13066 .ql-snow .ql-tooltip::before {
13067 position: absolute;
13068 top: 4px;
13069 }
13070 .ql-snow .ql-tooltip .ql-action {
13071 background-color: var(--vbo-base-color);
13072 border: 1px solid var(--vbo-base-color);
13073 color: #fff;
13074 display: inline-block;
13075 padding: 5px 10px;
13076 }
13077 .ql-snow .ql-tooltip .ql-action:after {
13078 margin-left: 0 !important;
13079 }
13080 .ql-snow .ql-tooltip .ql-action:hover {
13081 background-color: var(--vbo-base-color-hover);
13082 border: 1px solid var(--vbo-base-color-hover);
13083 }
13084 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13085 background-color: rgba(59, 193, 255, 0.2);
13086 }
13087 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13088 height: 30px;
13089 background: transparent;
13090 }
13091 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13092 border-style: solid;
13093 border-color: var(--vbo-config-text-color-light);
13094 border-width: 1px 0 0 0;
13095 border-radius: 20px;
13096 }
13097 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13098 border-style: solid;
13099 border-color: var(--vbo-config-text-color-light);
13100 border-width: 0 0 1px 0;
13101 border-radius: 20px;
13102 }
13103 .vik-contentbuilder-switcher {
13104 margin-bottom: 2px;
13105 }
13106 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13107 background: var(--vbo-input-style-deactive);
13108 border-color: var(--vbo-config-border-color);
13109 }
13110 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13111 border-color: var(--vbo-base-color-hover);
13112 }
13113 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13114 background: var(--vbo-middle-color-btn);
13115 border-color: var(--vbo-config-border-color);
13116 }
13117 /* Start - iOS-style toggle/switch button */
13118 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13119 margin: auto;
13120 padding: 20px 0;
13121 width: 55px;
13122 margin-top: 20px;
13123 border-radius: 5px;
13124 }
13125 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13126 opacity: 0;
13127 position: absolute;
13128 }
13129 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13130 position: relative;
13131 display: inline-block;
13132 user-select: none;
13133 transition: .4s ease;
13134 height: 30px;
13135 width: 50px;
13136 border: 1px solid var(--vbo-config-bg-color);
13137 border-radius: 60px;
13138 }
13139 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13140 content: "";
13141 position: absolute;
13142 display: block;
13143 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13144 height: 30px;
13145 width: 51px;
13146 top: 0;
13147 left: 0;
13148 border-radius: 30px;
13149 background: var(--vbo-config-border-color);
13150 }
13151 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13152 content: "";
13153 position: absolute;
13154 display: block;
13155 /*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);*/
13156 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13157 background: var(--vbo-config-bg-color);
13158 height: 24px;
13159 width: 24px;
13160 top: 3px;
13161 left: 3px;
13162 border-radius: 60px;
13163 }
13164 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13165 background: var(--vbo-green-color);
13166 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13167 }
13168 .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 {
13169 background: var(--vbo-red-color);
13170 }
13171 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
13172 left: 24px;
13173 }
13174 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
13175 color: var(--vbo-config-titles-color-light);
13176 content: attr(data-off);
13177 top: 6px;
13178 left: 60px;
13179 width: 36px;
13180 position: absolute;
13181 height: 10px;
13182 }
13183 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
13184 color: rgba(19,191,17,1);
13185 content: attr(data-on);
13186 }
13187 /* End - iOS-style toggle/switch button */
13188
13189 /* multi toogle/switch button - Start */
13190 .vik-multiswitch-wrap {
13191 position: relative;
13192 display: inline-flex;
13193 justify-content: center;
13194 align-items: flex-start;
13195 border: 1px solid var(--vbo-config-border-color);
13196 border-radius: 16px;
13197 min-width: 150px;
13198 height: 50px;
13199 }
13200 .vik-multiswitch-radiobtn {
13201 display: flex;
13202 justify-content: center;
13203 align-items: center;
13204 height: 100%;
13205 flex: 1;
13206 }
13207 .vik-multiswitch-radiobtn input {
13208 display: none !important;
13209 }
13210 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13211 width: 50px;
13212 height: 50px;
13213 border-radius: 50%;
13214 display: inline-block;
13215 transition: opacity 0.3s ease;
13216 opacity: 0.3;
13217 top: 0;
13218 cursor: pointer;
13219 }
13220 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13221 position: absolute;
13222 left: 33%;
13223 transition: transform 1s;
13224 width: 50px;
13225 height: 50px;
13226 background: transparent;
13227 }
13228 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13229 position: absolute;
13230 left: 0;
13231 text-align: center;
13232 }
13233 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13234 width: 50px;
13235 height: 50px;
13236 -moz-animation-duration: 0.4s;
13237 -moz-animation-name: slideFirst;
13238 -webkit-animation-duration: 0.4s;
13239 -webkit-animation-name: slideFirst;
13240 animation-duration: 0.4s;
13241 animation-name: slideFirst;
13242 -webkit-transform: translateZ(0);
13243 background-color: var(--vbo-green-color);
13244 }
13245 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13246 border-radius: 15px;
13247 background: var(--vbo-basic-btn);
13248 opacity: 0.7;
13249 }
13250 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13251 position: absolute;
13252 right: 0;
13253 text-align: center;
13254 }
13255 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13256 -moz-animation-duration: 0.4s;
13257 -moz-animation-name: slideLast;
13258 -webkit-animation-duration: 0.4s;
13259 -webkit-animation-name: slideLast;
13260 animation-duration: 0.4s;
13261 animation-name: slideLast;
13262 -webkit-transform: translateZ(0);
13263 width: 50px;
13264 height: 50px;
13265 background-color: var(--vbo-red-color);
13266 }
13267 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13268 opacity: 1;
13269 display: inline-block;
13270 z-index: 0;
13271 }
13272 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13273 background-color: var(--vbo-basic-btn);
13274 }
13275 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13276 background-color: #222;
13277 }
13278 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13279 background-color: #b1e0e2;
13280 }
13281 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13282 color: #0f1216;
13283 }
13284 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13285 color: #fff;
13286 }
13287 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13288 position: relative;
13289 z-index: 1;
13290 color: var(--vbo-body-text-color);
13291 font-size: 13px;
13292 }
13293 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13294 font-size: 16px;
13295 }
13296 .vik-multiswitch-noanimation {
13297 border-radius: 18px;
13298 }
13299 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13300 position: relative;
13301 padding: 5px 10px;
13302 box-sizing: border-box;
13303 }
13304 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13305 width: 50px;
13306 height: 50px;
13307 border-radius: 15px;
13308 }
13309 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13310 position: absolute;
13311 left: 0;
13312 }
13313 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13314 position: absolute;
13315 right: 0;
13316 }
13317 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
13318 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13319 animation: none !important;
13320 }
13321 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13322 width: 100%;
13323 height: 100%;
13324 border-radius: 15px;
13325 position: absolute;
13326 left: 0;
13327 }
13328 .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 {
13329 background-color: var(--vbo-base-color);
13330 }
13331 .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 {
13332 color: #fff;
13333 }
13334 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
13335 float: right;
13336 margin: 12px 15px 10px 20px;
13337 }
13338 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
13339 height: 40px;
13340 }
13341
13342 @keyframes slideFirst {
13343 from {
13344 transform: translate(100%, 0);
13345 }
13346 to {
13347 transform: translate(0px, 0px);
13348 }
13349 }
13350
13351
13352 @keyframes slideLast {
13353 from {
13354 transform: translate(-100%,0);
13355 }
13356 to {
13357 transform: translate( 0px, 0px);
13358 }
13359 }
13360
13361 /* Multi toogle/switch button - end */
13362
13363 /* New Dashboard 2021 */
13364 .vbo-admin-widgets-commands {
13365 display: inline-block;
13366 width: 100%;
13367 }
13368 .vbo-admin-widgets-commands-mng {
13369 display: inline-block;
13370 border: 1px solid var(--vbo-config-border-color);
13371 border-radius: 4px;
13372 background: var(--vbo-config-bg-color);
13373 padding: 5px 10px;
13374 float: right;
13375 }
13376 .vbo-admin-widgets-commands-mng-lbl {
13377 display: inline-block;
13378 vertical-align: top;
13379 margin-top: 10px;
13380 margin-left: 5px;
13381 cursor: pointer;
13382 }
13383 .vbo-admin-widgets-commands-mng-toggle {
13384 display: inline-block;
13385 margin-top: 5px;
13386 }
13387 .vbo-admin-widgets-commands-mng-toggle label {
13388 margin-bottom: 0;
13389 }
13390 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
13391 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
13392 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
13393 height: 26px;
13394 }
13395 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13396 margin-bottom: 0;
13397 }
13398 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
13399 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
13400 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
13401 height: 20px;
13402 width: 20px;
13403 top: 3px;
13404 }
13405 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
13406 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
13407 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
13408 left: 28px;
13409 }
13410 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13411 height: 26px;
13412 }
13413 .vbo-admin-widgets-commands-info {
13414 font-weight: bold;
13415 float: left;
13416 margin-left: 5px;
13417 }
13418 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
13419 display: block;
13420 margin-bottom: 4px;
13421 }
13422 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
13423 color: var(--vbo-red-color);
13424 }
13425 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
13426 display: inline-block;
13427 vertical-align: top;
13428 }
13429 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
13430 background: var(--vbo-config-bg-color);
13431 border: 1px solid var(--vbo-config-border-color);
13432 color: var(--vbo-config-titles-color-light);
13433 padding: 4px 12px;
13434 }
13435 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
13436 border-color: var(--vbo-blue-color);
13437 color: var(--vbo-blue-color);
13438 }
13439 .vbo-admin-widgets-section {
13440 display: flex;
13441 flex-wrap: wrap;
13442 gap: 12px;
13443 }
13444 /* Safari 10.1+ */
13445 @media not all and (min-resolution:.001dpcm) {
13446 @media {
13447 .vbo-admin-widgets-section > * + * {
13448 margin-left: 12px;
13449 }
13450 }
13451 }
13452 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
13453 flex-basis: 100%;
13454 font-size: 16px;
13455 font-weight: bold;
13456 margin-left: 8px;
13457 }
13458 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
13459 display: inline-block;
13460 margin-right: 7px;
13461 font-size: 14px;
13462 cursor: grab;
13463 }
13464 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
13465 color: #2d719a;
13466 }
13467 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13468 display: flex;
13469 }
13470 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
13471 margin-left: auto;
13472 margin-right: 10px;
13473 font-size: 14px;
13474 color: #2d719a;
13475 cursor: pointer;
13476 }
13477 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
13478 color: #333;
13479 margin-left: 16px;
13480 }
13481 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
13482 color: #2d719a;
13483 }
13484 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
13485 color: #182381;
13486 }
13487 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13488 font-size: 16px;
13489 font-weight: bold;
13490 padding: 10px 10px 0;
13491 }
13492 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
13493 flex: 1;
13494 display: flex;
13495 margin-top: 6px;
13496 }
13497 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
13498 display: inline-block;
13499 margin-left: auto;
13500 font-size: 14px;
13501 color: #2d719a;
13502 }
13503 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
13504 color: var(--vbo-red-color);
13505 cursor: pointer;
13506 }
13507 .vbo-admin-widgets-widget-info-drag:hover {
13508 color: #2d719a;
13509 }
13510 .vbo-admin-widgets-section .vbo-admin-widgets-container {
13511 flex: 1;
13512 flex-grow: 0;
13513 }
13514 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
13515 flex-basis: content;
13516 flex-grow: 0;
13517 }
13518 /*
13519 * Size Add box Container: 120px + 20px of padding = 120px;
13520 * Total margin of EACH container: 8px;
13521 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
13522 * Formula: Calc((container size - (add box total size / numb. containers)));
13523
13524 * Small Size */
13525 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
13526 flex-basis: calc(25% - 12px);
13527 max-width: 25%;
13528 }
13529 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
13530 flex-basis: calc((25% - 166px));
13531 }
13532 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
13533 flex-basis: calc((25% - (174px / 2)));
13534 }
13535 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
13536 flex-basis: calc((25% - (182px / 3)));
13537 }
13538 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
13539 flex-basis: calc((25% - (194px / 4)));
13540 }
13541 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
13542 flex-grow: 1;
13543 }
13544 /* Medium Size */
13545 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
13546 flex-basis: calc(50% - 12px);
13547 max-width: 50%;
13548 }
13549 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
13550 flex-basis: calc((50% - (174px / 2)));
13551 }
13552 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
13553 flex-basis: calc((50% - (182px / 3)));
13554 }
13555 /* Large Size */
13556 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
13557 flex-basis: calc((100% / 2) + (100% / 5));
13558 }
13559 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
13560 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
13561 }
13562 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
13563 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
13564 }
13565 /* Full Width */
13566 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
13567 width: 100%;
13568 flex-basis: inherit;
13569 }
13570 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
13571 flex-basis: calc(100% - 166px);
13572 }
13573 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
13574 background: #d8f4ff;
13575 border-radius: 10px;
13576 margin: 10px 4px;
13577 position: relative;
13578 padding-bottom: 115px;
13579 }
13580 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
13581 margin: 10px 8px;
13582 }
13583 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
13584 flex-basis: 150px;
13585 min-height: 100px;
13586 padding-bottom: 0;
13587 }
13588 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
13589 margin: 5px 0 10px;
13590 font-size: 14px;
13591 font-weight: bold;
13592 background: var(--vbo-config-child-bg-color);
13593 border: 1px solid var(--vbo-config-border-color);
13594 border-left: 2px solid #4c93af;
13595 border-radius: 4px;
13596 padding: 10px;
13597 }
13598 .vbo-modal-widgets-form-data-field label {
13599 display: block;
13600 margin-bottom: 5px;
13601 }
13602 .vbo-modal-widgets-form-data-field select {
13603 margin-bottom: 10px;
13604 }
13605 .vbo-modal-widgets-form-data-fields .select2-container {
13606 width: 180px !important;
13607 }
13608 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
13609 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
13610 .vbo-sticky-note-cmd-drag {
13611 -webkit-touch-callout: none;
13612 -webkit-user-select: none;
13613 -khtml-user-select: none;
13614 -moz-user-select: none;
13615 -ms-user-select: none;
13616 user-select: none;
13617 }
13618 .vbo-admin-widgets-wrap {
13619 padding: 8px;
13620 }
13621 .vbo-admin-widgets-widget .table-responsive {
13622 display: inline-block;
13623 width: 100%;
13624 max-height: 300px;
13625 overflow-y: scroll !important;
13626 }
13627 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
13628 background: #bdd5ea;
13629 padding: 10px;
13630 border-radius: 10px;
13631 margin: 15px 0;
13632 }
13633 .vbo-admin-widgets-widget-info-inner {
13634 padding: 15px;
13635 }
13636 .vbo-admin-widgets-widget-addnew {
13637 box-shadow: none;
13638 }
13639 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13640 background: var(--vbo-config-bg-color);
13641 border: 1px solid #838383;
13642 color: var(--vbo-config-text-color-light);
13643 border-radius: 16px;
13644 cursor: pointer;
13645 }
13646 .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 {
13647 padding: 0px 10px;
13648 text-align: center;
13649 font-size: 38px;
13650 }
13651 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
13652 background: #bdd5ea;
13653 color: #838383;
13654 padding: 0px;
13655 }
13656 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
13657 color: #838383;
13658 position: relative;
13659 cursor: pointer;
13660 border-radius: 10px;
13661 }
13662 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13663 padding: 30px 10px;
13664 }
13665 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
13666 .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 {
13667 color: #fff;
13668 background: #4c93af;
13669 border: 0;
13670 }
13671 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
13672 color: #fff;
13673 }
13674 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
13675 height: 100%;
13676 margin: 0;
13677 }
13678 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
13679 width: 100%;
13680 border-radius: 10px;
13681 }
13682 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
13683 background: #4c93af;
13684 color: #fff;
13685 cursor: pointer;
13686 }
13687 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
13688 padding: 20px 0;
13689 display: inline-block;
13690 }
13691 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
13692 position: absolute;
13693 top: 50%;
13694 left: 50%;
13695 transform: translate(-50%, -50%);
13696 }
13697 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
13698 height: 100px;
13699 position: absolute;
13700 width: calc(100% - 15px);
13701 bottom: 0;
13702 }
13703 .vbo-admin-widgets-plus-box {
13704 display: block;
13705 margin: 0 auto;
13706 }
13707 .vbo-admin-widgets-widget-details {
13708 display: flex;
13709 }
13710 .vbo-admin-widgets-widget-details h4 {
13711 font-size: 16px;
13712 }
13713 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
13714 margin-left: auto;
13715 display: inline-block;
13716 padding: 5px 5px 5px 0;
13717 cursor: grab;
13718 }
13719 .vbo-admin-widgets-widget-info-descr {
13720 font-size: 14px;
13721 }
13722 .vbo-admin-widgets-container-tmpdrop {
13723 border: 2px dashed #4c93af;
13724 background: #ecf6fa;
13725 height: 82px;
13726 width: calc(100% - 20px);
13727 border-radius: 16px;
13728 }
13729 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
13730 margin-top: 15px;
13731 position: relative;
13732 }
13733 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
13734 display: grid;
13735 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
13736 }
13737 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
13738 display: flex;
13739 flex-wrap: wrap;
13740 align-content: baseline;
13741 border: 1px solid var(--vbo-basic-btn);
13742 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13743 border-radius: 10px;
13744 margin: 10px 10px 2px;
13745 padding: 0 0 10px;
13746 }
13747 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
13748 flex-basis: 100%;
13749 margin-bottom: 4px;
13750 margin-top: 10px;
13751 font-size: 1.1em;
13752 border-bottom: 1px solid var(--vbo-basic-btn);
13753 padding: 0 10px 10px;
13754 }
13755 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
13756 padding: 5px 10px 0px;
13757 }
13758 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
13759 margin-bottom: 3px;
13760 }
13761 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
13762 margin-bottom: 0;
13763 }
13764 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
13765 margin-left: auto;
13766 padding: 10px;
13767 }
13768 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
13769 border-top: 0 !important;
13770 }
13771 .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 {
13772 list-style: none;
13773 word-break: break-word;
13774 }
13775 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13776 padding: 10px;
13777 margin-left: 0;
13778 }
13779 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13780 text-decoration: none;
13781 color: #000;
13782 background: #ffc;
13783 display: block;
13784 min-height: 100px;
13785 width: calc(25% - 80px);
13786 padding: 15px;
13787 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
13788 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13789 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13790 -moz-transition: -moz-transform .15s linear;
13791 -o-transition: -o-transform .15s linear;
13792 -webkit-transition: -webkit-transform .15s linear;
13793 }
13794 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13795 margin: 25px 20px;
13796 display: inline-block;
13797 vertical-align: top;
13798 line-height: 23px;
13799 }
13800 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13801 width: calc(33% - 80px);
13802 }
13803 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13804 padding: 0px 0 20px;
13805 margin-bottom: 0;
13806 }
13807 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13808 width: calc(70% - 100px);
13809 margin: 25px 20px 20px;
13810 }
13811 [contenteditable] {
13812 -webkit-user-select: text;
13813 user-select: text;
13814 }
13815 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13816 width: calc(40% - 100px);
13817 }
13818 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
13819 font-size: 18px;
13820 font-weight: bold;
13821 margin-bottom: 5px;
13822 margin-top: 5px;
13823 color: #444;
13824 }
13825 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
13826 margin-top: 0;
13827 }
13828 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
13829 margin: 0;
13830 }
13831 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
13832 cursor: pointer;
13833 }
13834 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13835 -webkit-transform: rotate(-6deg);
13836 -o-transform: rotate(-6deg);
13837 -moz-transform: rotate(-6deg);
13838 font-size: 18px;
13839 }
13840 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
13841 -o-transform: rotate(4deg);
13842 -webkit-transform: rotate(4deg);
13843 -moz-transform: rotate(4deg);
13844 position: relative;
13845 top: 5px;
13846 }
13847 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
13848 -o-transform: rotate(-3deg);
13849 -webkit-transform: rotate(-3deg);
13850 -moz-transform: rotate(-3deg);
13851 position: relative;
13852 top: -5px;
13853 }
13854 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
13855 -o-transform: rotate(5deg);
13856 -webkit-transform: rotate(5deg);
13857 -moz-transform: rotate(5deg);
13858 position: relative;
13859 top: -10px;
13860 }
13861 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
13862 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13863 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13864 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13865 -webkit-transform: scale(1.1);
13866 -moz-transform: scale(1.1);
13867 -o-transform: scale(1.1);
13868 position: relative;
13869 z-index: 5;
13870 background: #fff5cd;
13871 }
13872 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
13873 display: flex;
13874 color: #444;
13875 }
13876 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
13877 display: inline-block;
13878 padding: 5px;
13879 cursor: pointer;
13880 font-size: 14px;
13881 }
13882 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
13883 margin-left: auto;
13884 padding-right: 0;
13885 }
13886 .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 {
13887 color: var(--vbo-red-color);
13888 }
13889 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
13890 padding-left: 0;
13891 }
13892 .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 {
13893 color: #2d719a;
13894 }
13895 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
13896 font-size: .85em;
13897 font-style: italic;
13898 text-align: right;
13899 margin-top: 10px;
13900 }
13901 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
13902 list-style-type: disc;
13903 }
13904 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13905 height: 70px;
13906 width: calc(25% - 80px);
13907 min-height: inherit;
13908 border: 2px solid #ffe8a2;
13909 background: #fff5cd;
13910 padding: 0;
13911 }
13912 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
13913 position: relative;
13914 height: 100%;
13915 padding: 15px;
13916 box-sizing: border-box;
13917 cursor: pointer;
13918 }
13919 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
13920 background: #ffc;
13921 }
13922 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
13923 position: absolute;
13924 top: 50%;
13925 left: 50%;
13926 transform: translate(-50%, -50%);
13927 font-size: 26px;
13928 }
13929 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
13930 margin-top: 20px;
13931 font-size: 16px;
13932 width: auto;
13933 }
13934 .vbo-widget-visitscounter-wrap {
13935 display: flex;
13936 flex-wrap: wrap;
13937 justify-content: center;
13938 margin: 10px 20px 0;
13939 padding-bottom: 10px;
13940 }
13941 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13942 flex-basis: calc(50% - 52px);
13943 background: var(--vbo-config-bg-color);
13944 border: 1px solid var(--vbo-basic-btn);
13945 border-bottom: 3px solid var(--vbo-basic-btn);
13946 padding: 20px;
13947 border-radius: 16px;
13948 margin: 5px;
13949 position:relative;
13950 }
13951 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
13952 height: 30px;
13953 width: 4px;
13954 background: var(--vbo-blue-color);
13955 content: "";
13956 position: absolute;
13957 left: -3px;
13958 top: 17px;
13959 }
13960 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
13961 font-weight: 500;
13962 color: var(--vbo-config-titles-color-light);
13963 margin-top: 10px;
13964 font-size: 14px;
13965 }
13966 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
13967 font-size: 26px;
13968 font-weight: bold;
13969 letter-spacing: 1px;
13970 white-space: nowrap;
13971 }
13972 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13973 flex-basis: calc(50% - 52px);
13974 }
13975 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
13976 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13977 flex-basis: calc(25% - 52px);
13978 }
13979 .vbo-widgets-welcome-inner {
13980 font-size: 14px;
13981 }
13982 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
13983 background: #bdd5ea;
13984 padding: 10px;
13985 border-radius: 10px;
13986 margin: 15px 0;
13987 display: flex;
13988 flex-wrap: wrap;
13989 }
13990 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
13991 font-size: 16px;
13992 font-weight: bold;
13993 margin-left: 8px;
13994 flex-basis: 100%;
13995 }
13996 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
13997 background: #d8f4ff;
13998 border-radius: 10px;
13999 margin: 10px 4px;
14000 position: relative;
14001 flex-basis: calc(50% - 8px);
14002 }
14003 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14004 font-size: 16px;
14005 font-weight: bold;
14006 padding: 10px 10px 0;
14007 display: block;
14008 }
14009 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14010 display: block;
14011 border-radius: 10px;
14012 margin: 12px 8px;
14013 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14014 background: #fff;
14015 }
14016 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14017 font-size: 14px;
14018 font-weight: bold;
14019 padding: 10px;
14020 display: block;
14021 }
14022 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14023 opacity: 0;
14024 }
14025 .vbo-widgets-welcome-animate {
14026 -webkit-animation-name: VikfadeInDown;
14027 animation-name: VikfadeInDown;
14028 -webkit-animation-duration: .5s;
14029 animation-duration: .5s;
14030 -webkit-animation-fill-mode: both;
14031 animation-fill-mode: both;
14032 }
14033 .vbo-inspector-colorpicker-wrap {
14034 border-radius: 3px;
14035 border: 1px solid var(--vbo-main-bg-color);
14036 background: var(--vbo-config-bg-color);
14037 display: inline-block;
14038 height: 23px;
14039 }
14040 .vbo-inspector-colorpicker {
14041 padding: 0 0px 0 24px;
14042 position: relative;
14043 cursor: pointer;
14044 height: 100%;
14045 display: inline-block;
14046 }
14047 .vbo-inspector-colorpicker:not([style*="background"]) {
14048 background-color: #fff;
14049 opacity: 0.7;
14050 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);
14051 background-position: 0 0, 5px 5px;
14052 background-size: 10px 10px;
14053 }
14054 .vbo-inspector-colorpicker i {
14055 background: var(--vbo-config-bg-color);
14056 padding: 5px;
14057 border-left: 1px solid var(--vbo-main-bg-color);
14058 }
14059 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14060 height: 90%;
14061 }
14062 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14063 display: flex;
14064 flex-wrap: wrap;
14065 }
14066 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14067 padding: 10px;
14068 border-radius: 8px;
14069 margin: 5px;
14070 flex-basis: calc(33% - 34px);
14071 background-origin: border-box !important;
14072 color: #fff;
14073 }
14074 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14075 background: rgb(2,0,36);
14076 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14077 }
14078 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14079 cursor: pointer;
14080 }
14081 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14082 display: flex;
14083 margin-bottom: 10px;
14084 }
14085 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14086 margin-right: 15px;
14087 font-size: 20px;
14088 }
14089 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14090 margin-left: auto;
14091 font-size: 16px;
14092 cursor: pointer;
14093 }
14094 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14095 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14096 }
14097 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14098 font-size: 1.1em;
14099 font-weight: bold;
14100 margin-bottom: 2px;
14101 }
14102 .vbo-admin-widget-style-light-red {
14103 background: rgb(2,0,36);
14104 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14105 }
14106 .vbo-admin-widget-style-light-blue {
14107 background: rgb(2,0,36);
14108 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14109 }
14110 .vbo-admin-widget-style-pink {
14111 background: rgb(2,0,36);
14112 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14113 }
14114 .vbo-admin-widget-style-green {
14115 background: rgb(2,0,36);
14116 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14117 }
14118 .vbo-admin-widget-style-light-orange {
14119 background: rgb(2,0,36);
14120 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14121 }
14122 .vbo-admin-widget-style-yellow {
14123 background: rgb(2,0,36);
14124 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14125 }
14126 .vbo-admin-widget-style-red {
14127 background: rgb(2,0,36);
14128 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14129 }
14130 .vbo-admin-widget-style-violet {
14131 background: rgb(2,0,36);
14132 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14133 }
14134 .vbo-admin-widget-style-orange {
14135 background: rgb(2,0,36);
14136 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14137 }
14138 .vbo-admin-widget-style-blue {
14139 background: rgb(2,0,36);
14140 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14141 }
14142 .vbo-admin-widget-style-brown {
14143 background: rgb(2,0,36);
14144 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14145 }
14146 .vbo-admin-widget-style-dark-blue {
14147 background: rgb(2,0,36);
14148 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14149 }
14150 .vbo-modal-widget-notselected {
14151 filter: brightness(60%);
14152 }
14153 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
14154 cursor: initial;
14155 font-size: 1.4em;
14156 margin-bottom: 10px;
14157 }
14158
14159 /* Side widget panel */
14160 .vbo-sidepanel-wrapper {
14161 position: fixed;
14162 top: 0;
14163 bottom: 0;
14164 right: 0;
14165 z-index: 2147483647;
14166 }
14167 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14168 background: var(--vbo-config-child-bg-color);
14169 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14170 position: absolute;
14171 top: 0;
14172 bottom: 0;
14173 width: 25vw;
14174 padding: 10px 0 6px 0;
14175 transition: 0.3s ease-in all;
14176 -moz-transition: 0.3s ease-in all;
14177 -webkit-transition: 0.3s ease-in all;
14178 }
14179 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14180 background: var(--vbo-config-child-bg-color);
14181 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14182 position: absolute;
14183 top: 0;
14184 bottom: 0;
14185 width: 88vw;
14186 padding: 10px 0 6px 0;
14187 transition: 0.3s ease-in all;
14188 -moz-transition: 0.3s ease-in all;
14189 -webkit-transition: 0.3s ease-in all;
14190 }
14191 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
14192 visibility: hidden;
14193 }
14194 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
14195 transition: all 0.3s;
14196 }
14197 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14198 transform: translateX(25vw);
14199 right: 0;
14200 top: 0;
14201 }
14202 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14203 transform: translateX(88vw);
14204 right: 0;
14205 top: 0;
14206 }
14207 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
14208 transform: translateX(0);
14209 }
14210 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
14211 transform: translateX(0);
14212 }
14213 .vbo-sidepanel-layouts {
14214 display: flex;
14215 margin-top: -10px;
14216 padding: 6px;
14217 }
14218 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
14219 padding-left: 4px;
14220 }
14221 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
14222 display: inline-block;
14223 border: 1px solid var(--vbo-config-border-color);
14224 padding: 0px 5px;
14225 border-radius: 4px;
14226 background: var(--vbo-input-style);
14227 cursor: pointer;
14228 opacity: .8;
14229 }
14230 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14231 opacity: 1;
14232 }
14233 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14234 flex: 1;
14235 margin-left: 10px;
14236 }
14237 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14238 background: transparent;
14239 border: 0;
14240 padding: 0;
14241 color: var(--vbo-orange-color);
14242 font-size: 13px;
14243 cursor: initial;
14244 }
14245 .vbo-sidepanel-notifications-off {
14246 color: var(--vbo-red-color);
14247 cursor: pointer;
14248 }
14249 .vbo-sidepanel-notifications-off:hover {
14250 color: var(--vbo-orange-color);
14251 }
14252 .vbo-sidepanel-notifications-off.shaking {
14253 font-size: 13px;
14254 width: 15px;
14255 height: 15px;
14256 margin: 0;
14257 -webkit-animation: ring 4s .7s ease-in-out ;
14258 -webkit-transform-origin: 50% 4px;
14259 -moz-animation: ring 4s .7s ease-in-out;
14260 -moz-transform-origin: 50% 4px;
14261 animation: ring 4s .7s ease-in-out;
14262 transform-origin: 50% 4px;
14263 }
14264 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14265 margin-left: 10px;
14266 }
14267 .vbo-admin-widgets-suggest-notifications-cont {
14268 display: inline-block;
14269 vertical-align: top;
14270 padding: 4px 6px;
14271 border-radius: 4px;
14272 border: 1px solid var(--vbo-config-border-color);
14273 }
14274 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
14275 margin-left: 0 !important;
14276 }
14277
14278 @-webkit-keyframes ring {
14279 0% { -webkit-transform: rotateZ(0); }
14280 1% { -webkit-transform: rotateZ(30deg); }
14281 3% { -webkit-transform: rotateZ(-28deg); }
14282 5% { -webkit-transform: rotateZ(34deg); }
14283 7% { -webkit-transform: rotateZ(-32deg); }
14284 9% { -webkit-transform: rotateZ(30deg); }
14285 11% { -webkit-transform: rotateZ(-28deg); }
14286 13% { -webkit-transform: rotateZ(26deg); }
14287 15% { -webkit-transform: rotateZ(-24deg); }
14288 17% { -webkit-transform: rotateZ(22deg); }
14289 19% { -webkit-transform: rotateZ(-20deg); }
14290 21% { -webkit-transform: rotateZ(18deg); }
14291 23% { -webkit-transform: rotateZ(-16deg); }
14292 25% { -webkit-transform: rotateZ(14deg); }
14293 27% { -webkit-transform: rotateZ(-12deg); }
14294 29% { -webkit-transform: rotateZ(10deg); }
14295 31% { -webkit-transform: rotateZ(-8deg); }
14296 33% { -webkit-transform: rotateZ(6deg); }
14297 35% { -webkit-transform: rotateZ(-4deg); }
14298 37% { -webkit-transform: rotateZ(2deg); }
14299 39% { -webkit-transform: rotateZ(-1deg); }
14300 41% { -webkit-transform: rotateZ(1deg); }
14301
14302 43% { -webkit-transform: rotateZ(0); }
14303 100% { -webkit-transform: rotateZ(0); }
14304 }
14305
14306 @-moz-keyframes ring {
14307 0% { -moz-transform: rotate(0); }
14308 1% { -moz-transform: rotate(30deg); }
14309 3% { -moz-transform: rotate(-28deg); }
14310 5% { -moz-transform: rotate(34deg); }
14311 7% { -moz-transform: rotate(-32deg); }
14312 9% { -moz-transform: rotate(30deg); }
14313 11% { -moz-transform: rotate(-28deg); }
14314 13% { -moz-transform: rotate(26deg); }
14315 15% { -moz-transform: rotate(-24deg); }
14316 17% { -moz-transform: rotate(22deg); }
14317 19% { -moz-transform: rotate(-20deg); }
14318 21% { -moz-transform: rotate(18deg); }
14319 23% { -moz-transform: rotate(-16deg); }
14320 25% { -moz-transform: rotate(14deg); }
14321 27% { -moz-transform: rotate(-12deg); }
14322 29% { -moz-transform: rotate(10deg); }
14323 31% { -moz-transform: rotate(-8deg); }
14324 33% { -moz-transform: rotate(6deg); }
14325 35% { -moz-transform: rotate(-4deg); }
14326 37% { -moz-transform: rotate(2deg); }
14327 39% { -moz-transform: rotate(-1deg); }
14328 41% { -moz-transform: rotate(1deg); }
14329
14330 43% { -moz-transform: rotate(0); }
14331 100% { -moz-transform: rotate(0); }
14332 }
14333
14334 @keyframes ring {
14335 0% { transform: rotate(0); }
14336 1% { transform: rotate(30deg); }
14337 3% { transform: rotate(-28deg); }
14338 5% { transform: rotate(34deg); }
14339 7% { transform: rotate(-32deg); }
14340 9% { transform: rotate(30deg); }
14341 11% { transform: rotate(-28deg); }
14342 13% { transform: rotate(26deg); }
14343 15% { transform: rotate(-24deg); }
14344 17% { transform: rotate(22deg); }
14345 19% { transform: rotate(-20deg); }
14346 21% { transform: rotate(18deg); }
14347 23% { transform: rotate(-16deg); }
14348 25% { transform: rotate(14deg); }
14349 27% { transform: rotate(-12deg); }
14350 29% { transform: rotate(10deg); }
14351 31% { transform: rotate(-8deg); }
14352 33% { transform: rotate(6deg); }
14353 35% { transform: rotate(-4deg); }
14354 37% { transform: rotate(2deg); }
14355 39% { transform: rotate(-1deg); }
14356 41% { transform: rotate(1deg); }
14357
14358 43% { transform: rotate(0); }
14359 100% { transform: rotate(0); }
14360 }
14361
14362 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
14363 margin-left: auto;
14364 padding-right: 5px;
14365 padding-top: 2px;
14366 }
14367 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
14368 cursor: pointer;
14369 width: 17px;
14370 display: inline-block;
14371 }
14372 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14373 opacity: .8;
14374 }
14375 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
14376 opacity: 1;
14377 }
14378 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14379 fill: var(--vbo-config-titles-color-light);
14380 }
14381 .vbo-sidepanel-container .vbo-sidepanel-search {
14382 position: relative;
14383 display: flex;
14384 }
14385 .vbo-sidepanel-container .vbo-sidepanel-search > i {
14386 position: absolute;
14387 top: 14px;
14388 left: 15px;
14389 }
14390 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
14391 width: 100% !important;
14392 flex: 1;
14393 padding: 8px 10px;
14394 padding-left: 35px !important;
14395 }
14396 .vbo-sidepanel-container .vbo-sidepanel-search button {
14397 border-radius: 4px;
14398 margin: 0 0 0 5px;
14399 font-size: 14px;
14400 padding: 6px 8px;
14401 }
14402 .vbo-sidepanel-container .vbo-sidepanel-search button i {
14403 margin-right: 0;
14404 }
14405 .vbo-sidepanel-body-top {
14406 position: relative;
14407 margin-top: 7px;
14408 margin-bottom: 5px;
14409 padding: 0 15px;
14410 }
14411 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
14412 max-height: 35vh;
14413 overflow-y: scroll;
14414 margin-top: 5px;
14415 position: absolute;
14416 width: calc(100% - 30px);
14417 background: var(--vbo-config-bg-color);
14418 padding: 5px;
14419 box-sizing: border-box;
14420 z-index: 99999;
14421 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
14422 border-radius: 4px;
14423 }
14424 .vbo-sidepanel-add-widget {
14425 cursor: pointer;
14426 margin-bottom: 8px;
14427 border: 1px solid var(--vbo-config-border-color);
14428 border-radius: 6px;
14429 padding: 5px;
14430 }
14431 .vbo-sidepanel-add-widget:hover {
14432 border-color: var(--vbo-blue-color);
14433 }
14434 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
14435 display: flex;
14436 }
14437 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
14438 flex: 1;
14439 }
14440 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
14441 border-radius: 6px;
14442 padding: 5px;
14443 text-align: center;
14444 width: 22px;
14445 height: 22px;
14446 display: inline-block;
14447 line-height: 22px;
14448 color: #fff;
14449 box-sizing: content-box;
14450 }
14451 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
14452 font-weight: bold;
14453 margin-left: 10px;
14454 -webkit-user-select: none;
14455 -ms-user-select: none;
14456 user-select: none;
14457 }
14458 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
14459 margin-left: auto;
14460 align-self: center;
14461 font-size: 15px;
14462 cursor: pointer;
14463 color: var(--vbo-green-color);
14464 }
14465 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
14466 color: var(--vbo-green-color-hover);
14467 }
14468 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
14469 opacity: 0;
14470 margin-right: 3px;
14471 color: var(--vbo-base-color);
14472 transition: all 100ms ease-in-out 0s;
14473 }
14474 .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 {
14475 opacity: 1;
14476 transition: all 100ms ease-in-out 0s;
14477 }
14478 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
14479 color: var(--vbo-base-color-hover);
14480 }
14481 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
14482 max-height: 84vh;
14483 min-height: 300px;
14484 overflow-y: scroll;
14485 padding: 5px 15px 0;
14486 }
14487 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
14488 background: var(--vbo-config-bg-color);
14489 border-radius: 6px;
14490 margin: 20px 0 10px;
14491 position: relative;
14492 box-shadow: 0 3px 5px rgba(0,0,0,.1);
14493 }
14494 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
14495 margin-top: 10px;
14496 }
14497 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
14498 position: absolute;
14499 top: -4px;
14500 left: -6px;
14501 width: 16px;
14502 height: 16px;
14503 border-radius: 50%;
14504 text-align: center;
14505 line-height: 16px;
14506 background: var(--vbo-red-color);
14507 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
14508 color: #fff;
14509 font-size: 10px;
14510 }
14511 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
14512 background: var(--vbo-red-color-hover);
14513 }
14514 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
14515 position: absolute;
14516 top: -15px;
14517 left: 50%;
14518 transform: translate(-50%, 0);
14519 width: 24px;
14520 height: 24px;
14521 border-radius: 50%;
14522 background: var(--vbo-config-bg-color);
14523 border: 1px solid var(--vbo-main-bg-color);
14524 color: var(--vbo-config-text-color-light);
14525 text-align: center;
14526 line-height: 24px;
14527 font-size: 12px;
14528 box-shadow: 0 4px 7px rgba(0,0,0,.1);
14529 z-index: 1;
14530 cursor: pointer;
14531 opacity: 0;
14532 transition: 0.2s ease-in all;
14533 -moz-transition: 0.2s ease-in all;
14534 -webkit-transition: 0.2s ease-in all;
14535 }
14536 .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 {
14537 opacity: 1;
14538 }
14539 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
14540 color: var(--vbo-base-color);
14541 }
14542 .vbo-sidepanel-edit-widgets {
14543 margin-top: 10px;
14544 text-align: center;
14545 position: absolute;
14546 bottom: 10px;
14547 left: 50%;
14548 transform: translate(-50%, 0px);
14549 z-index: 10000;
14550 }
14551 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
14552 display: inline-block;
14553 padding: 5px 10px;
14554 border-radius: 20px;
14555 font-size: 11px;
14556 background: var(--vbo-config-border-color);
14557 border-color: var(--vbo-config-text-color-light);
14558 }
14559 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
14560 background: var(--vbo-main-bg-color);
14561 }
14562 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
14563 background: var(--vbo-orange-color);
14564 border-color: var(--vbo-orange-color-hover);
14565 box-shadow: 0 3px 5px rgba(0,0,0,.2);
14566 }
14567 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
14568 background: var(--vbo-orange-color);
14569 }
14570 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
14571 font-size: 14px;
14572 padding: 3px 0 3px 15px;
14573 margin: 8px 0;
14574 }
14575 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
14576 margin-right: 5px;
14577 font-size: 12px;
14578 }
14579 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
14580 display: none;
14581 }
14582 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
14583 height: 28px;
14584 }
14585 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14586 padding: 5px 8px;
14587 font-size: 11px;
14588 }
14589 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
14590 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14591 margin: 7px 10px 6px 6px;
14592 }
14593 .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 {
14594 padding: 2px 5px;
14595 }
14596 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
14597 padding: 3.5px 9px;
14598 }
14599 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14600 flex-wrap: wrap;
14601 }
14602 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
14603 flex-wrap: wrap;
14604 }
14605 .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 {
14606 flex-basis: 100%;
14607 margin-top: 5px;
14608 margin-right: 0;
14609 }
14610 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
14611 width: 100%;
14612 }
14613 .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 {
14614 padding: 8px;
14615 border: 1px solid var(--vbo-basic-btn);
14616 }
14617 .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 {
14618 border-color: var(--vbo-blue-color-hover);
14619 }
14620 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14621 margin-bottom: 0;
14622 }
14623 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
14624 width: 100%;
14625 }
14626 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
14627 padding: 10px 15px;
14628 }
14629 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
14630 vertical-align: middle;
14631 }
14632 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
14633 padding: 0px 10px;
14634 }
14635 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
14636 font-size: 16px;
14637 }
14638 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
14639 font-size: 13px;
14640 }
14641 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
14642 width: 100%;
14643 }
14644 .vbo-sidepanel-add-widget-focussed {
14645 background: var(--vbo-toolbar-bg-color);
14646 border-color: var(--vbo-blue-color);
14647 }
14648 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
14649 padding: 5px 0 5px 15px;
14650 }
14651 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
14652 margin-top: 3px;
14653 }
14654 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
14655 flex-basis: 180px;
14656 }
14657 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
14658 display: flex;
14659 }
14660 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
14661 align-self: center;
14662 padding: 0 8px 0 10px;
14663 }
14664 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
14665 display: block;
14666 margin-bottom: 5px;
14667 }
14668 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
14669 margin-top: 5px;
14670 }
14671 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
14672 width: 100%;
14673 }
14674 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
14675 padding: 10px;
14676 display: flex;
14677 gap: 0;
14678 }
14679 .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 {
14680 flex: 1;
14681 margin-right: 10px;
14682 }
14683 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
14684 padding: 10px 15px;
14685 }
14686 .vbo-widget-booskcal-newbook-cont {
14687 position: relative;
14688 }
14689 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
14690 margin-top: 5px;
14691 }
14692 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
14693 border-bottom: 1px solid var(--vbo-config-border-color);
14694 padding-bottom: 5px;
14695 }
14696 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
14697 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
14698 margin-right: 2px;
14699 }
14700 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
14701 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
14702 float: right;
14703 font-weight: bold;
14704 text-transform: uppercase;
14705 display: inline-block;
14706 margin-left: 10px;
14707 }
14708 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
14709 display: inline-block;
14710 margin-bottom: 2px;
14711 }
14712 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
14713 padding: 5px 10px;
14714 border-radius: 4px;
14715 margin-top: 5px;
14716 }
14717 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
14718 border: 1px solid var(--vbo-config-border-color);
14719 padding: 5px;
14720 border-radius: 6px;
14721 margin-bottom: 5px;
14722 }
14723 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
14724 width: 100%;
14725 }
14726 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14727 text-align: right !important;
14728 padding: 3px !important;
14729 vertical-align: top !important;
14730 cursor: initial;
14731 }
14732 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14733 height: 40px;
14734 }
14735 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
14736 width: 100%;
14737 height: 100%;
14738 }
14739 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
14740 vertical-align: bottom !important;
14741 background: transparent;
14742 border: 0 !important;
14743 }
14744 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
14745 background: transparent;
14746 }
14747 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
14748 background: var(--vbo-main-bg-color);
14749 }
14750 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14751 cursor: pointer;
14752 }
14753 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
14754 width: 18px;
14755 display: inline-block;
14756 height: 18px;
14757 line-height: 18px;
14758 background: var(--vbo-red-color);
14759 color: #fff;
14760 border-radius: 50%;
14761 text-align: center;
14762 }
14763 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
14764 border: 1px solid var(--vbo-config-bg-color);
14765 }
14766 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
14767 text-align: center;
14768 font-size: 12px;
14769 }
14770 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
14771 height: 40px;
14772 }
14773 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
14774 line-height: 40px;
14775 }
14776 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
14777 height: 40px;
14778 }
14779 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14780 margin-top: 0;
14781 }
14782 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14783 margin-top: 14px;
14784 }
14785 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
14786 padding-top: 6px;
14787 }
14788 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
14789 margin-bottom: 5px;
14790 }
14791 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
14792 right: 10px;
14793 min-width: 200px;
14794 }
14795 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
14796 display: flex;
14797 width: 100%;
14798 }
14799 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
14800 align-self: center;
14801 display: inline-block;
14802 }
14803 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
14804 align-self: center;
14805 margin-top: 0;
14806 padding-top: 0;
14807 padding-bottom: 0;
14808 margin-left: auto;
14809 width: auto;
14810 float: right;
14811 margin-right: 0;
14812 }
14813 .vbo-widget-reminders-list .vbo-widget-reminders-record {
14814 display: flex;
14815 padding: 5px 10px;
14816 border-radius: 4px;
14817 border: 1px solid var(--vbo-config-border-color);
14818 margin: 5px 10px;
14819 position: relative;
14820 overflow: hidden;
14821 }
14822 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
14823 margin-right: 10px;
14824 display: flex;
14825 flex-wrap: wrap;
14826 flex-direction: column;
14827 }
14828 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14829 background: none;
14830 border: 0;
14831 color: var(--vbo-body-text-color);
14832 padding: 0;
14833 font-size: 15px;
14834 margin-top: 2px;
14835 }
14836 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14837 margin-top: auto;
14838 }
14839 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14840 color: var(--vbo-orange-color);
14841 }
14842 .vbo-widget-reminders-list .vbo-reminder-ok {
14843 opacity: .8;
14844 color: var(--vbo-config-titles-color-light);
14845 }
14846 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14847 color: var(--vbo-blue-color);
14848 }
14849 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
14850 background: var(--vbo-blue-color);
14851 position: absolute;
14852 right: 0;
14853 top: 0;
14854 height: 100%;
14855 width: 35px;
14856 transition: 0.3s ease-in all;
14857 -moz-transition: 0.3s ease-in all;
14858 -webkit-transition: 0.3s ease-in all;
14859 transform: translateX(100%);
14860 display: flex;
14861 cursor: pointer;
14862 }
14863 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
14864 background: var(--vbo-blue-color-hover);
14865 }
14866 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
14867 transform: translateX(0);
14868 }
14869 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
14870 background: transparent;
14871 border: 0;
14872 padding: 0;
14873 width: 100%;
14874 color: #fff;
14875 cursor: pointer;
14876 }
14877 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
14878 margin-right: 0;
14879 }
14880 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
14881 margin-right: 10px;
14882 }
14883 .vbo-widget-reminder-title {
14884 font-weight: bold;
14885 display: block;
14886 margin-bottom: 2px;
14887 }
14888 .vbo-widget-reminders-record-due {
14889 margin-top: 3px;
14890 color: var(--vbo-config-titles-color-light) !important;
14891 font-size: .9em;
14892 display: flex;
14893 }
14894 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
14895 order: 2;
14896 margin-left: 10px;
14897 }
14898 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
14899 display: inline-block;
14900 }
14901 .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 {
14902 margin-left: 2px;
14903 }
14904 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
14905 color: var(--vbo-red-color) !important;
14906 font-size: 1em;
14907 }
14908 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
14909 padding: 5px 10px;
14910 margin-bottom: 8px;
14911 }
14912 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
14913 padding: 0 15px;
14914 }
14915 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
14916 margin-bottom: 5px;
14917 }
14918 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
14919 margin: 10px 0;
14920 }
14921 .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 {
14922 width: 100% !important;
14923 }
14924 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
14925 width: auto !important;
14926 }
14927 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
14928 min-height: 100px;
14929 }
14930 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
14931 display: flex;
14932 flex-wrap: wrap;
14933 }
14934 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
14935 float: right;
14936 margin-left: 10px;
14937 }
14938 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
14939 color: var(--vbo-orange-color);
14940 }
14941 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
14942 flex: 1;
14943 }
14944 .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 {
14945 width: 100%;
14946 }
14947 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14948 display: flex;
14949 gap: 5px;
14950 }
14951 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14952 flex: 1;
14953 }
14954 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14955 display: flex;
14956 margin-left: 10px;
14957 }
14958 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14959 flex: 0;
14960 }
14961 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
14962 width: 110px !important;
14963 }
14964 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
14965 margin-right: 5px;
14966 }
14967 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14968 margin-top: 5px;
14969 text-align: center;
14970 }
14971 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14972 display: flex;
14973 }
14974 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14975 flex: 1;
14976 }
14977 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
14978 margin-left: 5px;
14979 }
14980 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
14981 align-self: initial;
14982 }
14983 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
14984 margin-top: 3px;
14985 color: var(--vbo-config-titles-color-light) !important;
14986 font-size: .9em;
14987 }
14988 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
14989 font-weight: 500;
14990 font-size: .9em;
14991 }
14992 .vbo-widget-bookdets-cm-updresult {
14993 margin-bottom: 2px;
14994 }
14995 .vbo-widget-bookdets-cm-updresult:last-child {
14996 margin-bottom: 0;
14997 }
14998 .vbo-widget-bookdets-cm-updresult > i {
14999 color: var(--vbo-config-text-color-light);
15000 margin-right: 3px;
15001 }
15002 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
15003 padding: 2px 6px;
15004 }
15005 .vbo-widget-push-notification {
15006 margin: 0px 10px;
15007 padding: 12px;
15008 border-radius: 10px;
15009 border-width: 1px;
15010 border-style: solid;
15011 }
15012 .vbo-widget-push-notification-info {
15013 background-color: var(--vbo-info-bg);
15014 border-color: var(--vbo-info-border);
15015 color: var(--vbo-container-text-color);
15016 }
15017 .vbo-widget-push-notification-warning {
15018 background-color: var(--vbo-warning-bg);
15019 border-color: var(--vbo-warning-border);
15020 color: var(--vbo-container-text-color);
15021 }
15022 .vbo-widget-push-notification-error {
15023 background-color: var(--vbo-error-bg);
15024 border-color: var(--vbo-error-border);
15025 color: var(--vbo-container-text-color);
15026 }
15027 .vbo-widget-push-notification-title {
15028 font-size: 14px;
15029 margin-bottom: 2px;
15030 }
15031 .vbo-widget-push-notification-message {
15032 font-size: 13px;
15033 }
15034 .vbo-widget-push-notification-action {
15035 margin-top: 5px;
15036 }
15037 .vbo-widget-push-notification-action .btn.vbo-config-btn {
15038 padding: 8px 10px;
15039 }
15040 .vbo-widget-bookdets-cm-updresult-log {
15041 font-size: .95em;
15042 color: var(--vbo-config-titles-color-light);
15043 }
15044
15045 .colorpicker input {
15046 top: -4px;
15047 }
15048
15049 @-webkit-keyframes VikfadeInDown {
15050 from {
15051 opacity: 0;
15052 -webkit-transform: translate3d(0%, -20%, 0);
15053 transform: translate3d(0%, -20%, 0);
15054 }
15055
15056 to {
15057 opacity: 1;
15058 -webkit-transform: translate3d(0%, 0%, 0);
15059 transform: translate3d(0%, 0%, 0);
15060 }
15061 }
15062
15063 @keyframes VikfadeInDown {
15064 from {
15065 opacity: 0;
15066 -webkit-transform: translate3d(0%, -20%, 0);
15067 transform: translate3d(0%, -20%, 0);
15068 }
15069
15070 to {
15071 opacity: 1;
15072 -webkit-transform: translate3d(0%, 0%, 0);
15073 transform: translate3d(0%, 0%, 0);
15074 }
15075 }
15076 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
15077 text-align: center;
15078 margin-bottom: 20px;
15079 }
15080 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
15081 display: inline-block;
15082 margin: 5px;
15083 }
15084 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
15085 border-radius: 3px;
15086 padding: 8px 14px;
15087 margin-bottom: 0;
15088 font-size: inherit;
15089 }
15090 .vbo-modal-condtext-rules {
15091 display: flex;
15092 flex-wrap: wrap;
15093 }
15094 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
15095 flex-basis: calc(33% - 38px);
15096 border: 2px solid var(--vbo-config-border-color);
15097 padding: 10px;
15098 border-radius: 6px;
15099 margin: 7px;
15100 cursor: pointer;
15101 }
15102 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
15103 border-color: #acdaac;
15104 }
15105 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
15106 border-color: #46a546;
15107 }
15108 .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 {
15109 opacity: .6;
15110 border: 2px solid var(--vbo-main-bg-color);
15111 cursor: auto;
15112 color: var(--vbo-config-titles-color-light);
15113 }
15114 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
15115 margin-top: 0;
15116 margin-bottom: 5px;
15117 font-size: 16px;
15118 }
15119 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
15120 font-size: 14px;
15121 }
15122 .vbo-modal-condtext-rule-apply {
15123 text-align: center;
15124 margin-bottom: 20px;
15125 }
15126 .vbo-condtext-rule .adminlegend {
15127 display: flex;
15128 }
15129 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
15130 margin-left: auto;
15131 cursor: pointer;
15132 }
15133 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
15134 font-size: 15px;
15135 color: var(--vbo-config-titles-color-light);
15136 padding: 4px;
15137 display: inline-block;
15138 }
15139 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
15140 color: var(--vbo-red-color);
15141 }
15142 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
15143 padding: 8px 10px;
15144 border-color: var(--vbo-config-border-color);
15145 }
15146 .vbo-config-maintab-right-halfsize {
15147 display: flex;
15148 flex-wrap: wrap;
15149 padding-top: 12px;
15150 }
15151 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
15152 flex-grow: 0;
15153 }
15154 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15155 flex-basis: calc(50% - 78px);
15156 margin: 8px;
15157 flex-grow: 1;
15158 }
15159 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
15160 width: 100%;
15161 }
15162 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
15163 flex-wrap: wrap;
15164 }
15165 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15166 flex-basis: 100%;
15167 }
15168 .vbo-param-container img {
15169 max-width: 100%;
15170 }
15171 .vbo-condtext-rule[data-ruleaction="0"] {
15172 border: 1px solid var(--vbo-base-color);
15173 }
15174 .vbo-condtext-rule[data-ruleaction="1"] {
15175 border: 1px solid var(--vbo-orange-color);
15176 }
15177 .notice-noicon {
15178 padding: 12px;
15179 background-image: none;
15180 }
15181 .notice-noicon i {
15182 margin-right: 5px;
15183 }
15184 .vbo-list-table-rounded {
15185 border: 1px solid var(--vbo-config-border-color);
15186 border-radius: 10px;
15187 }
15188 .vbo-list-table-rounded .table {
15189 margin-top: 0;
15190 margin-bottom: 0;
15191 }
15192 .vbo-list-table-rounded .table thead th {
15193 padding: 18px 20px;
15194 color: #444;
15195 }
15196 .vbo-list-table-rounded .table td {
15197 padding: 10px 20px;
15198 }
15199 .vbo-list-table-rounded .table td:last-child {
15200 text-align: right;
15201 }
15202 .vbo-ratesoverview-top-outer {
15203 text-align: right;
15204 margin-top: -20px;
15205 }
15206 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
15207 display: inline-block;
15208 border: 1px solid var(--vbo-config-border-color);
15209 padding: 5px 10px 0;
15210 border-radius: 4px;
15211 margin-bottom: 5px
15212 }
15213 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
15214 display: inline-block;
15215 vertical-align: top;
15216 margin: 5px 0 0 6px;
15217 cursor: pointer;
15218 }
15219 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
15220 height: 27px;
15221 }
15222 .vbo-list-table .btn.vbo-condtext-tmpl-status {
15223 padding: 4px 10px;
15224 margin: 3px;
15225 font-size: 13px;
15226 }
15227 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
15228 margin-right: 2px;
15229 }
15230 .vbo-inspector-hover {
15231 background-color: rgba(184, 225, 243, 1) !important;
15232 }
15233 .vbo-inspector-wrap {
15234 padding: 15px;
15235 }
15236 .vbo-inspector-wrap > * {
15237 padding: 20px 0;
15238 }
15239 .vbo-admin-container .vbo-config-maintab-top {
15240 display: flex;
15241 flex-basis: 100%;
15242 }
15243 .vbo-config-maintab-top .vbo-config-fieldset-large {
15244 flex-basis: 75%;
15245 }
15246 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
15247 width: 100%;
15248 }
15249 .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 {
15250 white-space: initial;
15251 }
15252 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
15253 flex: 1;
15254 margin-left: 20px;
15255 }
15256 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
15257 width: 100%;
15258 }
15259 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
15260 padding: 5px 10px;
15261 background: var(--vbo-config-child-bg-color);
15262 margin: 0;
15263 }
15264 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
15265 font-weight: 500;
15266 }
15267 .vbo-admin-container > .vbo-config-maintab-bottom {
15268 flex-basis: 100%;
15269 }
15270 .vbo-admin-container > #vbo-conditrules-wrap {
15271 flex-grow: 0;
15272 }
15273 .btn.vbo-condtext-specialtag-btn {
15274 padding: 8px 14px;
15275 background-color: #e2eaee;
15276 color: var(--vbo-base-color);
15277 border: 1px solid #c9e0ec;
15278 }
15279 .btn.vbo-condtext-specialtag-btn:hover {
15280 background: #2482b5;
15281 border: 1px solid #2482b5;
15282 color: #fff;
15283 }
15284 .vbo-condtext-addrule-helper {
15285 flex-basis: 100%;
15286 margin: 10px 0 20px 8px;
15287 }
15288 .vbo-geoinfo-markers-wrap {
15289 display: flex;
15290 flex-wrap: wrap;
15291 }
15292 .vbo-geoinfo-marker-cont {
15293 flex-basis: calc(16% - 15px);
15294 text-align: center;
15295 border: 1px solid var(--vbo-config-border-color);
15296 background: var(--vbo-basic-btn);
15297 padding: 5px;
15298 margin: 4px;
15299 border-radius: 4px;
15300 }
15301 .vbo-geoinfo-marker-label {
15302 margin-bottom: 4px;
15303 }
15304 .btn.vbo-geomarker-status {
15305 font-size: 18px;
15306 }
15307 .btn.vbo-geomarker-status i {
15308 font-size: 16px;
15309 margin-right: 0 !important;
15310 }
15311 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
15312 border-color: var(--vbo-green-color);
15313 color: var(--vbo-green-color);
15314 }
15315 .vbo-geoinfo-param .vbo-param-label > i {
15316 margin-top: 10px;
15317 }
15318 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
15319 margin: 0;
15320 padding-top: 0;
15321 }
15322 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
15323 background: var(--vbo-config-bg-color);
15324 }
15325 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15326 border-color: var(--vbo-config-border-color);
15327 color: #343a40;
15328 }
15329 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15330 border-color: var(--vbo-green-color);
15331 color: var(--vbo-green-color);
15332 }
15333 .vbo-cust-geo-marker-svg-list {
15334 display: flex;
15335 flex-wrap: wrap;
15336 margin-bottom: 10px;
15337 margin-top: 20px;
15338 justify-content: center;
15339 }
15340 .vbo-cust-geo-marker-svg {
15341 border: 1px solid var(--vbo-config-border-color);
15342 text-align: center;
15343 border-radius: 4px;
15344 padding: 4px 10px;
15345 margin: 4px;
15346 flex-basis: calc(16% - 27px);
15347 cursor: pointer;
15348 position: relative;
15349 }
15350 .vbo-cust-geo-marker-svg-icon {
15351 padding-right: 10px;
15352 }
15353 .vbo-cust-geo-marker-svg-name {
15354 margin-bottom: 10px;
15355 font-size: 14px;
15356 }
15357 .vbo-cust-geo-marker-svg svg {
15358 height: 43px;
15359 max-width: 100%;
15360 }
15361 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
15362 border-color: #008d02;
15363 }
15364 .vbo-cust-geo-marker-svg-addnew i {
15365 font-size: 26px;
15366 }
15367 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
15368 padding-right: 0;
15369 }
15370 .vbo-cust-geo-marker-svg-adjust {
15371 margin-bottom: 20px;
15372 border: 1px solid var(--vbo-config-border-color);
15373 padding: 10px 20px;
15374 background: var(--vbo-config-child-bg-color);
15375 }
15376 .vbo-geo-marker-param-container {
15377 margin: 12px 0;
15378 }
15379 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
15380 margin-right: 10px;
15381 min-width: 80px;
15382 margin-bottom: 5px;
15383 font-weight: 500;
15384 }
15385 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
15386 margin-right: 10px;
15387 min-width: 140px;
15388 margin-bottom: 10px;
15389 }
15390 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
15391 width: 100% !important;
15392 }
15393 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
15394 margin: 15px 0 20px;
15395 }
15396 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
15397 display: flex;
15398 flex-wrap: wrap;
15399 justify-content: center;
15400 }
15401 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
15402 margin: 12px 10px;
15403 }
15404 .vbo-cust-geo-marker-save {
15405 text-align: center;
15406 margin-bottom: 20px;
15407 }
15408 .vbo-cust-geo-marker-top {
15409 text-align: center;
15410 margin-bottom: 20px;
15411 }
15412 #geo_address_formatted {
15413 cursor: pointer;
15414 }
15415 #geo_address_formatted:hover {
15416 color: #0071a1;
15417 }
15418 .vbo-cust-geo-marker-svg-remove {
15419 position: absolute;
15420 right: 0;
15421 bottom: 0;
15422 padding: 2px 4px;
15423 border: 1px solid var(--vbo-config-border-color);
15424 border-bottom: 0;
15425 border-right: 0;
15426 border-top-left-radius: 4px;
15427 }
15428 .vbo-cust-geo-marker-svg-remove span:hover i {
15429 color: var(--vbo-red-color);
15430 }
15431 .vbo-geo-marker-param-setting .btn.btn-secondary {
15432 padding: 9px 14px;
15433 }
15434 .vbo-geomarker-infowin-wrap {
15435 min-width: 250px;
15436 }
15437 .vbo-geomarker-infowin-wrap > h4 {
15438 margin: 0px 0 10px;
15439 font-size: 16px;
15440 }
15441 .vbo-geo-marker-param-setting img {
15442 max-width: 90%;
15443 margin-bottom: 5px;
15444 }
15445 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
15446 max-width: 180px;
15447 }
15448 .vbo-geo-legend-import {
15449 float: right;
15450 }
15451 .vbo-geo-legend-import .select2-container .select2-selection--single {
15452 height: 36px;
15453 border: 1px solid var(--vbo-config-border-color);
15454 border-radius: 2px;
15455 font-size: 14px;
15456 font-weight: normal;
15457 }
15458 .vbo-geo-legend-import #select2-roomselcalc-container {
15459 font-weight: normal;
15460 font-size: 14px;
15461 }
15462 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
15463 height: 36px;
15464 }
15465 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
15466 line-height: 36px;
15467 }
15468 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15469 margin-right: 10px;
15470 }
15471 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
15472 margin-top: 7px;
15473 }
15474 .vbo-geoinfo-param #vbo-goverlay-edit {
15475 margin-left: 15px;
15476 }
15477 .vbo-geo-marker-params-group {
15478 display: flex;
15479 flex-wrap: wrap;
15480 }
15481 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
15482 margin: 12px 5px;
15483 flex-basis: calc(50% - 10px);
15484 }
15485 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
15486 width: 100% !important;
15487 box-sizing: border-box;
15488 height: auto;
15489 }
15490 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
15491 height: 80%;
15492 }
15493 .vbo-paybutpos-wrap {
15494 margin-top: 10px;
15495 }
15496 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
15497 border-radius: 10px;
15498 background: var(--vbo-main-bg-color);
15499 padding: 15px;
15500 width: 300px;
15501 font-size: 16px;
15502 color: var(--vbo-config-titles-color-light);
15503 box-shadow: 0 5px 10px rgba(0,0,0,.15);
15504 }
15505 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
15506 border-radius: 4px;
15507 margin: 0 5px 5px;
15508 background: var(--vbo-light-color-btn);
15509 width: 200px;
15510 height: 20px;
15511 }
15512 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
15513 text-align: center;
15514 padding: 7px;
15515 margin: 0 5px 0;
15516 border: 2px solid var(--vbo-config-bg-color);
15517 border-radius: 4px;
15518 }
15519 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
15520 background: var(--vbo-base-color);
15521 color: #fff;
15522 padding: 5px 18px;
15523 display: inline-block;
15524 border-radius: 6px;
15525 cursor: pointer;
15526 }
15527 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
15528 display: flex;
15529 }
15530 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
15531 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
15532 flex: 1;
15533 margin: 5px;
15534 border-radius: 4px;
15535 background: var(--vbo-config-bg-color);
15536 padding: 10px 15px;
15537 }
15538 .vbo-param-container.vbo-param-container-log {
15539 border: 1px solid var(--vbo-config-border-color);
15540 padding: 10px;
15541 margin: 2px;
15542 border-radius: 4px;
15543 background: var(--vbo-config-child-bg-color);
15544 }
15545 #vbo-condtext-warn-norules {
15546 width: 100%;
15547 }
15548 #ifchildrenextra .vbo-dyninpnum-cont + a {
15549 display: inline-block;
15550 background: var(--vbo-base-color);
15551 color: #fff;
15552 border: 0;
15553 padding: 9px 14px;
15554 font-weight: bold;
15555 font-size: 13px;
15556 line-height: 18px;
15557 border-radius: 3px;
15558 }
15559 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
15560 background: var(--vbo-base-color-hover);
15561 }
15562 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
15563 background: var(--vbo-link-text-color);
15564 }
15565 #ifchildrenextra .vbo-dyninpnum-cont + a i {
15566 margin-right: 5px;
15567 }
15568 #ifchildrenextra .vbo-dyninpnum-cont input {
15569 margin: 5px 0;
15570 }
15571 #minguestscont > div, #alwaysavcont > div {
15572 margin: 5px 0;
15573 }
15574 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
15575 width: auto !important;
15576 }
15577 .vbo-admin-container .vbo-maninvoice-tbcont {
15578 width: 100%;
15579 border: 1px solid var(--vbo-main-bg-color);
15580 border-radius: 7px;
15581 border-spacing: 0px;
15582 border-collapse: separate;
15583 }
15584 .vbo-maninvoice-tbcont th {
15585 background: var(--vbo-main-bg-color);
15586 text-align: left;
15587 padding: 7px 10px;
15588 }
15589 .vbo-maninvoice-tbcont th:first-child {
15590 border-top-left-radius: 5px;
15591 }
15592 .vbo-maninvoice-tbcont th:last-child {
15593 border-top-right-radius: 5px;
15594 }
15595 .vbo-maninvoice-tbcont td {
15596 padding: 5px 10px;
15597 }
15598 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
15599 margin: 2px;
15600 }
15601 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
15602 vertical-align: top;
15603 display: inline-block;
15604 }
15605 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
15606 width: 80px !important;
15607 }
15608 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
15609 text-align: right;
15610 }
15611 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
15612 margin-right: 0 !important;
15613 }
15614 .vbo-maninvoice-totals-format {
15615 position: relative;
15616 }
15617 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
15618 position: absolute;
15619 top: -1px;
15620 left: 10px;
15621 color: var(--vbo-config-titles-color-light);
15622 font-size: 15px;
15623 }
15624 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
15625 padding-left: 25px !important;
15626 }
15627 #maxquantblock {
15628 width: 100%;
15629 }
15630 .colorpicker {
15631 z-index: 100000001;
15632 }
15633 .vbo-toast-wrapper .toast-message-content {
15634 color: var(--vbo-body-text-color) !important;
15635 }
15636 .vbo-toast-wrapper .toast-message-content.notice {
15637 background-color: var(--vbo-config-bg-color) !important;
15638 }
15639
15640 /* Virtual Terminal Widget */
15641 .vbo-vterminal-cc-container {
15642 padding: 20px;
15643 }
15644 .vbo-vterminal-cc-row-group {
15645 display: flex;
15646 flex-wrap: wrap;
15647 }
15648 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
15649 margin-bottom: 14px;
15650 flex: 1;
15651 }
15652 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
15653 margin-bottom: 3px;
15654 text-align: left;
15655 font-size: 14px;
15656 font-weight: 500;
15657 }
15658 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
15659 flex: 1;
15660 height: 50px !important;
15661 border: 1px solid var(--vbo-config-border-color);
15662 border-radius: 6px !important;
15663 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
15664 margin: 0;
15665 }
15666 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
15667 flex-basis: 150px;
15668 flex-grow: 0;
15669 }
15670 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
15671 width: 100% !important;
15672 max-width: inherit !important;
15673 }
15674 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
15675 border-top-right-radius: 0 !important;
15676 border-bottom-right-radius: 0 !important;
15677 }
15678 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
15679 flex: 1;
15680 }
15681 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
15682 position: relative;
15683 }
15684 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
15685 position: absolute;
15686 top: 50%;
15687 right: 15px;
15688 transform: translateY(-50%);
15689 width: 32px;
15690 height: 20px;
15691 }
15692 @keyframes vterminal-card-position {
15693 0% {right: 0}
15694 100% {right: -5px}
15695 }
15696 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
15697 position: relative;
15698 animation-name: vterminal-card-position;
15699 animation-duration: 0.2s;
15700 right: -5px;
15701 width: 32px;
15702 height: 20px;
15703 }
15704 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
15705 flex-basis: 150px;
15706 flex-grow: 0;
15707 }
15708 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
15709 border-top-left-radius: 0 !important;
15710 border-bottom-left-radius: 0 !important;
15711 border-left: 0;
15712 }
15713 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
15714 font-weight: 500;
15715 font-size: 16px;
15716 width: 100%;
15717 padding: 10px 14px;
15718 }
15719 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
15720 font-weight: 500;
15721 }
15722
15723 /* Template Override */
15724 .vbo-overrides-manager {
15725 background: var(--vbo-body-bg-color) !important;
15726 }
15727 .vbo-overrides-manager .override-file #override-copy {
15728 background-color: var(--vbo-blue-color) !important;
15729 color: var(--vbo-contrast-text-color) !important;
15730 border-color: var(--vbo-blue-color) !important;
15731 }
15732 .vbo-overrides-manager .override-file #override-copy:hover {
15733 background-color: var(--vbo-blue-color-hover) !important;
15734 color: var(--vbo-contrast-text-color) !important;
15735 border-color: var(--vbo-blue-color-hover) !important;
15736 }
15737
15738 /* generic calendar box */
15739 .vbo-input-calendar-box {
15740 background: var(--vbo-input-style);
15741 border: 1px solid var(--vbo-config-border-color);
15742 border-radius: 2px;
15743 padding: 0 10px 0 0;
15744 display: inline-block;
15745 vertical-align: top;
15746 }
15747 .vbo-input-calendar-box input[type="text"] {
15748 border: 0;
15749 box-shadow: none;
15750 background: transparent;
15751 padding: 5px 0 5px 10px;
15752 }
15753 .vbo-input-calendar-box i.dashicons-calendar-alt {
15754 top: 8px;
15755 position: relative;
15756 }
15757
15758 /* Color Scheme hide/show panel */
15759 .vbo-sidepanel-colorscheme {
15760 position: relative;
15761 margin-right: 10px;
15762 }
15763 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
15764 display: inline-block;
15765 border: 1px solid var(--vbo-config-border-color);
15766 padding: 0px 5px;
15767 border-radius: 4px;
15768 cursor: pointer;
15769 color: var(--vbo-config-titles-color-light);
15770 opacity: .8;
15771 z-index: 1;
15772 }
15773 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
15774 color: var(--vbo-base-color);
15775 }
15776 .vbo-sidepanel-colorscheme-list {
15777 z-index: 1000000;
15778 visibility: hidden;
15779 opacity: 0;
15780 width: 100px;
15781 padding: 10px 15px;
15782 right: 0;
15783 background: var(--vbo-config-bg-color);
15784 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
15785 border-radius: 10px;
15786 position: absolute;
15787 }
15788 .vbo-sidepanel-colorscheme-list-show {
15789 transform: scale(0.99) translateY(-0.7em);
15790 transform-origin: top;
15791 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
15792 transition-duration: 500ms;
15793 transition-property: opacity,transform;
15794 visibility: visible;
15795 opacity: 1;
15796 transform: scale(1) translateY(0);
15797 }
15798 .vbo-sidepanel-colorscheme-option {
15799 padding: 7px 0;
15800 }
15801 .vbo-sidepanel-colorscheme-option i {
15802 margin-right: 5px;
15803 }
15804 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
15805 color: var(--vbo-base-color);
15806 cursor: pointer;
15807 }
15808
15809 .vbo-dashboard-colorscheme {
15810 display: inline-block;
15811 margin-right: 0;
15812 }
15813 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
15814 right: initial;
15815 left: 0;
15816 margin-top: 2px;
15817 }
15818 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
15819 font-weight: normal;
15820 }
15821 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
15822 padding: 4px 6px;
15823 vertical-align: top;
15824 }
15825
15826 /* @end styles */
15827 /* @start media queries */
15828 @media print {
15829 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
15830 display: none !important;
15831 visibility: hidden !important;
15832 }
15833 .vbo-showin-print {
15834 display: inline-block;
15835 }
15836 .vbo-hidein-print {
15837 display: none !important;
15838 }
15839 .vbo-bookingdet-summary-roomguests {
15840 margin-bottom: 10px;
15841 }
15842 .vbo-receipt-notes-inner {
15843 border-radius: 0 !important;
15844 border-top: 1px solid #ddd;
15845 }
15846 .vbo-receipt-numdate-date-val {
15847 font-size: 1.1em;
15848 }
15849 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
15850 padding: 0 30px;
15851 }
15852 .vbo-bookdet-wrap {
15853 margin: 0 10px 10px;
15854 max-width: inherit;
15855 min-width: inherit;
15856 }
15857 .vbo-bookdet-head {
15858 border-bottom: 0;
15859 padding: 0;
15860 font-weight: bold;
15861 }
15862 .vbo-bookdet-foot {
15863 padding: 0;
15864 }
15865 .vbo-bookdet-head, .vbo-bookdet-foot {
15866 text-align: left;
15867 }
15868 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
15869 -webkit-flex: 100%;
15870 -ms-flex: 100%;
15871 flex: 100%;
15872 }
15873 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
15874 width: 23%;
15875 }
15876 .vbo-bookdet-container {
15877 text-align: left;
15878 }
15879 .vbo-bookingdet-detcont {
15880 background: #f6f6f6;
15881 }
15882 .vbo-receipt-numdate-block {
15883 padding-top: 0 !important;
15884 vertical-align: top;
15885 }
15886 .vbo-bookdet-foot {
15887 font-size: 1em;
15888 }
15889 .vbo-table-responsive {
15890 overflow: visible;
15891 }
15892 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
15893 display: none !important;
15894 }
15895 body {
15896 -webkit-print-color-adjust: exact;
15897 }
15898 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
15899 background: #02679a !important;
15900 color: #fff !important;
15901 border: 1px solid #ddd !important;
15902 -webkit-print-color-adjust: exact;
15903 }
15904 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
15905 color: #fff !important;
15906 }
15907 .vbo-tableaux-table tr td:first-child {
15908 background: var(--vbo-config-child-bg-color) !important;
15909 }
15910
15911 html {
15912 padding: 0 !important;
15913 }
15914 body.vbo-is-printing {
15915 height: auto;
15916 background: #fff;
15917 }
15918 .vbo-is-printing h4 {
15919 margin-top: 0;
15920 padding-top: 0;
15921 }
15922 .vbo-is-printing .vbo-reports-output {
15923 margin: 10px 2px;
15924 padding-bottom: 10px;
15925 }
15926 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
15927 display: none;
15928 }
15929 .vbo-is-printing .vbo-report-output-printing .table-responsive {
15930 overflow: initial;
15931 box-shadow: none;
15932 }
15933 .vbo-is-printing .vbo-reports-output table th {
15934 text-transform: initial;
15935 }
15936 .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 {
15937 padding: 15px 5px;
15938 white-space: initial;
15939 font-size: 13px;
15940 }
15941 .vbo-is-printing .vbo-report-sheet {
15942 border-radius: 8px;
15943 padding: 3px;
15944 border: 1px solid #eee;
15945 margin-bottom: 2px;
15946 }
15947 .vbo-is-printing .vbo-reports-output table tbody td a {
15948 color: inherit;
15949 }
15950 .vbo-is-printing .vbo-reports-output .table-responsive {
15951 margin: 0;
15952 }
15953 .vbo-is-printing .vbo-report-title-print {
15954 text-align: center;
15955 }
15956 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
15957 flex-basis: 100%;
15958 }
15959 .vbo-is-printing .vbo-report-chart-wrap {
15960 display: none;
15961 }
15962 table tfoot {
15963 display: table-row-group;
15964 }
15965 .vbo-menu-container {
15966 display: none;
15967 }
15968 .vbo-allbookings-fm #filter-bar .pull-right {
15969 display: none;
15970 }
15971 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
15972 font-size: 12px;
15973 }
15974 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
15975 font-size: 12px;
15976 }
15977 .vbo-allbookings-fm span.label.vbo-status-label {
15978 font-size: 11px;
15979 padding: 5px 9px !important;
15980 }
15981 .vbo-allbookings-fm .vbo-provenience {
15982 font-size: 13px;
15983 }
15984 }
15985 @media screen and (min-width: 2400px) {
15986 .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 {
15987 flex-basis: auto;
15988 margin-right: 15px;
15989 margin-bottom: 0;
15990 }
15991 }
15992 @media screen and (min-width: 1860px) {
15993 .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 {
15994 margin-left: 0;
15995 }
15996 }
15997 @media screen and (max-width: 2000px) {
15998 .vbo-menu-updates > button {
15999 width: 44px;
16000 height: 44px;
16001 line-height: 36px;
16002 padding: 0;
16003 border-radius: 50%;
16004 }
16005 .vbo-menu-updates > button i {
16006 margin-right: 0 !important;
16007 }
16008 .vbo-menu-updates > button span {
16009 display: none;
16010
16011 }
16012 }
16013 @media screen and (max-width: 1860px) {
16014 .vbo-admin-container .vbo-param-container-full {
16015 flex-wrap: wrap;
16016 }
16017 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
16018 flex-basis: 100% !important;
16019 margin-bottom: 10px;
16020 }
16021 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
16022 display: block;
16023 margin-bottom: 5px;
16024 }
16025 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16026 flex-basis: calc(25% - 16px);
16027 }
16028 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16029 width: calc(100% - 100px);
16030 }
16031 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
16032 flex-basis: calc(100% - 52px);
16033 }
16034 }
16035 @media screen and (max-width: 1760px) {
16036 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
16037 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
16038 width: 80px !important;
16039 }
16040 .vbo-roomentries-cont {
16041 width: 40%;
16042 }
16043 .vbo-report-sheetnchart .vbo-report-sheet {
16044 flex-basis: 50%;
16045 }
16046 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
16047 display: none;
16048 }
16049 .vbo-report-sheetnchart .vbo-report-chart-meta {
16050 flex-basis: 50%;
16051 }
16052 .vbo-dashboard-today-bookings {
16053 flex-basis: 65%;
16054 }
16055 .vbo-dashboard-chart-container {
16056 flex-basis: auto;
16057 flex-grow: initial;
16058 }
16059 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16060 margin: 0 0 15px;
16061 }
16062 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16063 width: 52% !important;
16064 }
16065 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16066 width: 46%;
16067 }
16068 .vbo-dashboard-firstsetup-container {
16069 width: 90%;
16070 }
16071 .vbo-geoinfo-param .vbo-param-setting span {
16072 display:block;
16073 margin-bottom: 5px;
16074 }
16075 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
16076 display: inline-block;
16077 }
16078 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16079 margin-bottom: 10px;
16080 }
16081 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16082 display: block;
16083 float: none;
16084 margin-bottom: 10px;
16085 margin-left: 0;
16086 }
16087 .vbo-checkin-main-block .vbo-checkin-payment-container {
16088 flex-basis: 100%;
16089 margin: 10px 0;
16090 box-sizing: border-box;
16091 }
16092 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16093 flex-basis: 100%;
16094 margin-left: 0;
16095 }
16096 .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 {
16097 width: 100% !important;
16098 }
16099 .vbo-menu-parent-li > span {
16100 padding: 14px 15px;
16101 }
16102 }
16103 @media screen and (max-width: 1612px) {
16104 .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 {
16105 flex-basis: calc(50% - 12px);
16106 max-width: 50%;
16107 }
16108 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
16109 padding: 15px 5px 15px 10px;
16110 }
16111 }
16112 @media screen and (max-width: 1580px) {
16113 .vbo-dashboard-today-occ {
16114 margin: 10px 20px;
16115 }
16116 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16117 width: calc(33% - 80px);
16118 }
16119 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16120 width: calc(50% - 80px);
16121 }
16122 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16123 flex-basis: calc(50% - 16px);
16124 }
16125 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
16126 display: flex;
16127 margin-bottom: 5px;
16128 }
16129 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
16130 flex: 1;
16131 }
16132 .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 {
16133 margin: 10px 15px 6px 10px;
16134 }
16135
16136 }
16137 /* main menu screen size adjustments */
16138 @media screen and (max-width: 1440px) {
16139 .vbo-menu-updates > button {
16140 width: 42px;
16141 height: 42px;
16142 padding: 0;
16143 border-radius: 50%;
16144 }
16145 .vbo-menu-updates > button span {
16146 display: none;
16147 }
16148 .vbo-menu-updates > button i {
16149 margin-right: 0 !important;
16150 }
16151 }
16152 @media screen and (max-width: 1280px) {
16153 .vbo-menu-left {
16154 max-width: 100px;
16155 }
16156 .vbo-ratesoverview-period-container {
16157 flex: 0 0 25%;
16158 }
16159 }
16160
16161 @media screen and (max-width: 1520px) {
16162 .vbo-admin-container .vbo-param-container .vbo-param-label {
16163 flex-basis: 200px;
16164 }
16165 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
16166 flex-basis: 100%;
16167 }
16168 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16169 flex-basis: 100%;
16170 }
16171 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
16172 margin-left: 10px;
16173 }
16174 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16175 margin-top: 0;
16176 margin-left: 5px;
16177 }
16178 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16179 width: 100%;
16180 }
16181 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16182 width: 50%;
16183 float: left;
16184 }
16185 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16186 width: 100% !important;
16187 }
16188 .vbo-modal-overlay-block .vbo-modal-overlay-content {
16189 width: 95%;
16190 }
16191 .vbo-admin-container > div:not([id^="jmodal"]) {
16192 flex: 100%;
16193 margin-left: 0 !important;
16194 margin-right: 0 !important;
16195 }
16196 .vbo-admin-container .adminform {
16197 margin: 10px 0;
16198 }
16199 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16200 margin: 8px;
16201 }
16202 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16203 width: calc(33% - 80px);
16204 }
16205 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16206 width: calc(100% - 80px);
16207 }
16208 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16209 -webkit-transform: rotate(-2deg);
16210 -o-transform: rotate(-2deg);
16211 -moz-transform: rotate(-2deg);
16212 }
16213 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
16214 width: calc(100% - 100px);
16215 -o-transform: rotate(0);
16216 -webkit-transform: rotate(0);
16217 -moz-transform: rotate(0);
16218 }
16219 .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 {
16220 display: block;
16221 margin-bottom: 2px;
16222 margin-right: 0;
16223 }
16224 }
16225 @media screen and (max-width: 1500px) and (min-width: 760px) {
16226 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
16227 white-space: initial;
16228 }
16229 }
16230 @media screen and (max-width: 1400px) {
16231 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
16232 width: 100%;
16233 float: none;
16234 box-sizing: border-box;
16235 }
16236 .vbo-bookingdet-summary-roomnum {
16237 display: block;
16238 }
16239 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
16240 white-space: initial;
16241 display: flex;
16242 }
16243 .vbo-bookingslist-viewdet-fulldate {
16244 white-space: nowrap;
16245 }
16246 .vbo-bookingslist-viewdet-open {
16247 margin-left: 10px;
16248 order: 2;
16249 }
16250 .vbo-dashboard-today-bookings {
16251 flex-basis: 60%;
16252 }
16253 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
16254 justify-content: left;
16255 }
16256 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16257 flex-basis: 50%;
16258 }
16259 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16260 width: 100%;
16261 }
16262 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
16263 margin-left: 0;
16264 }
16265 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16266 float: none;
16267 margin-bottom: 10px;
16268 }
16269 .vbo-editbooking-room-services .vbo-editbooking-room-service {
16270 flex: 0 0 33%;
16271 }
16272 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
16273 align-self: end;
16274 margin-bottom: 0;
16275 }
16276 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
16277 flex-grow: 1;
16278 flex-wrap: wrap;
16279 margin-bottom: 0;
16280 }
16281 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
16282 display: block;
16283 flex-basis: 100%;
16284 margin-bottom: 5px;
16285 }
16286 }
16287 @media screen and (max-width: 1400px) and (min-width: 1320px) {
16288 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
16289 width: 100% !important;
16290 margin-bottom: 3px;
16291 }
16292 }
16293 @media screen and (max-width: 1380px) {
16294 #filter-bar {
16295 height: auto !important;
16296 }
16297 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16298 width: auto;
16299 display: block;
16300 margin: 3px;
16301 }
16302 .vbadmincaltable td {
16303 padding: 5px 0 !important;
16304 }
16305 .vbo-ratesoverview-roomsel-block > form {
16306 flex-wrap: wrap;
16307 }
16308 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
16309 flex-basis: 100%;
16310 border-right: 0;
16311 border-bottom: 1px solid var(--vbo-config-border-color);
16312 border-radius: 0;
16313 }
16314 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
16315 border: 0;
16316 flex-basis: min-content;
16317 }
16318 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
16319 border: 1px solid var(--vbo-config-border-color);
16320 border-radius: 16px;
16321 padding: 20px;
16322 }
16323 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16324 width: 50%;
16325 }
16326 #vbo-report-chart-canvas {
16327 width: 82%;
16328 }
16329 .vbo-ratesoverview-roomsel-entry-forecast {
16330 flex-grow: inherit;
16331 }
16332 .vbo-menu-ul .vbo-menu-parent-li > span {
16333 padding: 13px 18px;
16334 }
16335 .vbo-menu-parent-li > span a {
16336 display: none;
16337 }
16338 .vbo-menu-parent-li > span > i {
16339 margin: 0;
16340 }
16341 .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 {
16342 flex-basis: 100%;
16343 }
16344 .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 {
16345 width: 100%;
16346 }
16347 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
16348 margin-left: 0;
16349 }
16350 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
16351 width: 100% !important;
16352 }
16353 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16354 display: flex;
16355 }
16356 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16357 flex: 1;
16358 }
16359 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
16360 margin-left: 5px;
16361 }
16362 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
16363 max-width: 150px;
16364 }
16365 }
16366 @media screen and (max-width: 1320px) {
16367 .vbo-admin-container > div {
16368 flex: 100%;
16369 }
16370 .vbo-admin-container .adminform {
16371 margin: 10px 0;
16372 }
16373 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16374 margin: 8px;
16375 }
16376 .vbo-admin-container .vbo-param-container .vbo-param-label {
16377 flex-basis: 250px;
16378 }
16379 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16380 flex-basis: 100%;
16381 }
16382 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
16383 margin: 10px 0px 0;
16384 }
16385 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16386 margin-top: 0;
16387 margin-left: 5px;
16388 width: auto;
16389 }
16390 .vbo-roomentries-cont {
16391 width: 210px;
16392 }
16393 .vbo-ratesoverview-roomsel-entry-forecast > label {
16394 margin-left: 20px;
16395 margin-top: 20px;
16396 }
16397 .vbo-config-tabs-wrap dl.tabs dt {
16398 padding: 5px 15px;
16399 }
16400 .vbo-config-maintab-top {
16401 flex-wrap: wrap;
16402 }
16403 .vbo-config-maintab-top .vbo-config-fieldset-large {
16404 flex-basis: 100%;
16405 }
16406 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
16407 margin-left: 0;
16408 }
16409 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16410 flex-basis: 100%;
16411 }
16412 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
16413 flex-basis: calc(50% - 12px);
16414 max-width: 50%;
16415 }
16416 #filter-bar .pull-left {
16417 margin-bottom: 10px;
16418 }
16419 /* @WPonly
16420 * The black background of the modal has been disabled in smartphones and tablets.
16421 * 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.
16422 */
16423 .modal-backdrop.fade.in {
16424 display: none;
16425 }
16426 }
16427 @media screen and (max-width: 1520px) and (min-width: 1280px) {
16428 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16429 display: block;
16430 width: 100%;
16431 }
16432 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16433 width: 100%;
16434 display: block;
16435 margin-top: 5px;
16436 }
16437 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
16438 display: inline-block;
16439 width: 90%;
16440 }
16441 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
16442 width: 100% !important;
16443 box-sizing: border-box;
16444 height: auto;
16445 }
16446 }
16447 @media screen and (max-width: 1290px) {
16448 .vbo-dashboard-today-bookings {
16449 flex-basis: 100%;
16450 }
16451
16452 .vbo-bookdet-splitstay-details > div > span {
16453 display: block;
16454 border-right: 0;
16455 border-bottom: 1px solid var(--vbo-basic-btn);
16456 }
16457 .vbo-bookdet-splitstay-details > div > span:last-child {
16458 border-bottom: 0;
16459 }
16460 }
16461 @media screen and (max-width: 1280px) {
16462 .vbo-menu-parent-li > span {
16463 padding: 18px 17px;
16464 }
16465 .vbo-menu-parent-li > span::after {
16466 right: 6px;
16467 }
16468 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
16469 margin-top: 20px;
16470 }
16471 .vbo-config-maintab-left .adminform:only-child {
16472 padding: 15px 20px;
16473 margin: 0px;
16474 }
16475 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16476 display: inherit;
16477 width: auto;
16478 }
16479 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16480 width: auto;
16481 display: inline-block;
16482 margin-left: auto;
16483 }
16484 .vbo-checkin-main-block .vbo-roomsdet-container {
16485 flex-basis: 100%;
16486 margin: 0 0 10px;
16487 }
16488 .vbo-checkin-main-block .vbo-checkin-payment-container {
16489 flex-basis: 100%;
16490 box-sizing: border-box;
16491 }
16492 .vbo-graph-top-right, .vbo-graph-bottom-right {
16493 flex-basis: 20%;
16494 }
16495 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16496 flex-basis: 100%;
16497 }
16498 .vbo-stats-topform .pull-left {
16499 display: block;
16500 float: none;
16501 margin-bottom: 5px;
16502 }
16503 .vbo-stats-topform #filter-bar .pull-right {
16504 float: right;
16505 margin-left: 5px;
16506 }
16507 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16508 flex-basis: 100%;
16509 }
16510 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16511 margin: 0 0 10px;
16512 }
16513 .vbo-report-layout-type .vbo-report-layout-type-inner {
16514 margin-right: 10px;
16515 }
16516 .vbo-report-sheetnchart {
16517 flex-wrap: wrap;
16518 }
16519 .vbo-report-sheetnchart .vbo-report-sheet {
16520 flex-basis: 100%;
16521 margin-right: 0;
16522 }
16523 .vbo-reports-filters-outer .vbo-reports-filters-export {
16524 display: block;
16525 width: 100%;
16526 float: none;
16527 margin-top: 5px;
16528 }
16529 .vbo-reports-filters-outer > div {
16530 margin: 3px;
16531 }
16532 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
16533 margin-right: 0;
16534 }
16535 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
16536 padding: 10px 20px;
16537 }
16538 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
16539 margin-bottom: 5px;
16540 }
16541 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
16542 font-size: 22px;
16543 }
16544 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
16545 margin-right: 0;
16546 }
16547 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16548 display: block !important;
16549 }
16550 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
16551 flex-basis: 50%;
16552 }
16553 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16554 flex-basis: calc(100% - 16px);
16555 }
16556 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16557 flex-basis: 100%;
16558 }
16559 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16560 flex: initial;
16561 width: 100%;
16562 }
16563 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16564 flex: 1;
16565 }
16566 .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 {
16567 width: 100% !important;
16568 }
16569 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16570 flex-wrap: wrap;
16571 }
16572 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16573 align-self: end;
16574 }
16575 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16576 width: auto;
16577 align-self: end;
16578 }
16579 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
16580 width: 110px !important;
16581 }
16582 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16583 width: auto !important;
16584 }
16585 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
16586 flex: initial;
16587 }
16588 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16589 flex: 1;
16590 }
16591 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16592 width: 80px !important;
16593 }
16594 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
16595 width: 100%;
16596 }
16597 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16598 margin-top: 0;
16599 }
16600 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16601 margin-left: 5px;
16602 }
16603 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
16604 display: block;
16605 margin-top: 5px;
16606 }
16607 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
16608 margin-left: 0;
16609 }
16610 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
16611 display: block;
16612 }
16613 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16614 width: 100%;
16615 }
16616 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16617 width: 35vw;
16618 }
16619 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
16620 width: 100%;
16621 }
16622 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
16623 grid-template-columns: repeat(1, 1fr);
16624 }
16625 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16626 flex-grow: 1;
16627 }
16628 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16629 flex-grow: 0;
16630 }
16631 .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 {
16632 margin: 5px 0 0;
16633 width: 100%;
16634 }
16635 .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 {
16636 width: 20px;
16637 margin-right: 8px;
16638 }
16639 .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 {
16640 width: 20px;
16641 height: 20px;
16642 line-height: 20px;
16643 margin-right: 8px;
16644 font-size: 10px;
16645 }
16646 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
16647 display: flex;
16648 }
16649 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
16650 margin-right: 3px;
16651 }
16652 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16653 width: 100%;
16654 margin-left: 0;
16655 }
16656 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
16657 flex: 1;
16658 }
16659 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
16660 width: 100% !important;
16661 }
16662 .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 {
16663 flex: initial;
16664 }
16665 .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 {
16666 float: none;
16667 margin: 10px 15px 0px 10px;
16668 }
16669 .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 {
16670 flex-basis: 100%;
16671 }
16672 .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 {
16673 width: 100%;
16674 float: none;
16675 }
16676 .vbo-admin-widget-head .btn-toolbar {
16677 margin: 10px 15px 10px 10px;
16678 }
16679 .vbo-ratesoverview-period-boxes-inner > div {
16680 flex-basis: 100%;
16681 }
16682 }
16683 @media screen and (max-width: 1080px) {
16684 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
16685 order:2;
16686 }
16687 .vbo-ratesoverview-period-container {
16688 -ms-flex: 100%;
16689 -webkit-flex: 100%;
16690 flex: 100%;
16691 order:1;
16692 margin-bottom: 5px;
16693 }
16694 #filter-bar .pull-right {
16695 display: inline-block;
16696 float: none;
16697 margin: 0 0 5px 0;
16698 }
16699 .btn-group.pull-right.vbo-avov-legend {
16700 width: 100%;
16701 }
16702 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
16703 flex-basis: 20%;
16704 }
16705 .vbo-config-tabs-wrap dl.tabs dt {
16706 padding: 10px;
16707 }
16708 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16709 flex-basis: 45%;
16710 }
16711 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16712 width: 100%;
16713 }
16714 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16715 flex-basis: 100%;
16716 }
16717 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16718 flex-basis: 100%;
16719 height: 100px;
16720 }
16721 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
16722 flex-basis: calc((50% - (16px / 2)));
16723 }
16724 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
16725 flex-basis: calc((50% - (24px / 3)));
16726 }
16727 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
16728 flex-basis: calc((25% - (16px / 2)));
16729 }
16730 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
16731 flex-basis: calc((25% - (24px / 3)));
16732 }
16733 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16734 flex: 1;
16735 }
16736 #filter-bar .btn-group.pull-right {
16737 float: left;
16738 }
16739 .vbo-translations-element-row {
16740 flex-wrap: wrap;
16741 }
16742 .vbo-translations-element-row .vbo-translations-element-lbl {
16743 flex-basis: 100%;
16744 margin-bottom: 15px;
16745 margin-right: 0;
16746 }
16747 fieldset.adminform .vbo-list-table-rounded {
16748 max-width: 700px;
16749 }
16750 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
16751 -webkit-flex: 100%;
16752 -ms-flex: 100%;
16753 flex: 100%;
16754 }
16755 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16756 width: 45%;
16757 display: inline-block;
16758 }
16759 }
16760 @media screen and (max-width: 1024px) {
16761 .vbo-graph-top-left, .vbo-graph-bottom-left {
16762 margin-right: 0;
16763 margin-bottom: 20px;
16764 }
16765 .vbo-graph-top-right, .vbo-graph-bottom-right {
16766 flex-basis: 100%;
16767 }
16768 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16769 flex-basis: 50%;
16770 }
16771 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16772 margin-bottom: 15px;
16773 margin-right: 5px;
16774 }
16775 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16776 display: inline-block !important;
16777 padding-right: 0;
16778 }
16779 .vbo-ratesoverview-roomsel-entry-forecast {
16780 flex-basis: 100%;
16781 }
16782 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16783 width: 33%;
16784 }
16785 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
16786 padding-bottom: 0;
16787 }
16788 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
16789 width: 120px !important;
16790 flex-grow: 0;
16791 }
16792 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16793 flex-grow: 0;
16794 flex-basis: auto;
16795 }
16796 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
16797 width: 80px !important;
16798 flex-grow: 0;
16799 }
16800 .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 {
16801 flex-grow: 1;
16802 }
16803 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16804 margin-left: 8px;
16805 }
16806 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
16807 margin-bottom: 0;
16808 }
16809 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
16810 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
16811 margin-top: 5px;
16812 }
16813 }
16814 @media screen and (max-width: 960px) {
16815 .vbo-config-tabs-wrap dl.tabs dt {
16816 padding: 10px 20px;
16817 }
16818 .vbo-menu-parent-li > span::after {
16819 right: 11px;
16820 }
16821 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16822 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16823 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16824 width: calc(100% - 80px);
16825 }
16826 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
16827 flex-basis: 100%;
16828 }
16829 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
16830 flex-basis: 100%;
16831 margin: 5px 0 0;
16832 }
16833 .add-tax-breakdown-cont div span {
16834 margin-bottom: 5px;
16835 }
16836 .select2-container--default .select2-search--inline .select2-search__field {
16837 -webkit-appearance: initial !important;
16838 }
16839 .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 {
16840 margin: 0px 15px 0px 10px;
16841 }
16842 }
16843 @media screen and (max-width: 1280px) and (min-width: 860px) {
16844 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16845 width: calc(100% - 80px);
16846 }
16847 }
16848 @media screen and (max-width: 940px) {
16849 .vbo-rmphotos-cont {
16850 float: none;
16851 margin: 0 0 10px;
16852 }
16853 #editor-xtd-buttons .btn {
16854 margin:5px 5px 0 0 !important;
16855 }
16856 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
16857 margin: 10px 0 0;
16858 }
16859 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
16860 flex-basis: 100%;
16861 box-sizing: border-box;
16862 }
16863 .vbo-checkin-payment-container {
16864 -ms-flex: 100%;
16865 -webkit-flex: 100%;
16866 flex: 100%;
16867 margin-left: 0;
16868 }
16869 .vbo-checkin-payment-container {
16870 padding: 10px 15px;
16871 }
16872 #vbo-graphstats-right-legend ul.pie-legend li,
16873 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
16874 -ms-flex: 0 0 30%;
16875 -webkit-flex: 0 0 30%;
16876 flex: 0 0 30%;
16877 }
16878 .vbo-calendar-cfields-inner {
16879 box-sizing: border-box;
16880 }
16881 .vbo-info-overlay-content {
16882 width: 70%;
16883 }
16884 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
16885 display: block !important;
16886 margin-top: 5px;
16887 margin-left: 0;
16888 }
16889 #pt5 .vbo-admin-container .vbo-param-container {
16890 flex-wrap: wrap;
16891 }
16892 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
16893 flex-basis: 100%;
16894 font-weight: bold;
16895 }
16896 .vbo-admin-container .vbo-param-container .vbo-param-label label {
16897 margin-bottom: 0;
16898 }
16899 .vbo-sortable .vbimagedetbox {
16900 right: 0;
16901 left: 0;
16902 }
16903 .vbo-sortable .vbimagedetbox .captionlabel {
16904 width: 100%;
16905 }
16906 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
16907 width: 100% !important;
16908 height: auto;
16909 box-sizing: border-box;
16910 }
16911 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
16912 width: auto !important;
16913 }
16914 .vbo-dashboard-top-outer {
16915 display: inherit;
16916 }
16917 .vbo-dashboard-today-bookings {
16918 display: inherit;
16919 }
16920 .vbo-dashboard-today-bookings > div {
16921 margin-right: 0;
16922 }
16923 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
16924 width: 100%;
16925 }
16926 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
16927 border: 0;
16928 }
16929 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
16930 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
16931 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
16932 width: 100%;
16933 min-width: 100%;
16934 }
16935 .vbo-list-form-filters form[name="seasonsform"] > div {
16936 margin: 3px 10px 3px 0;
16937 }
16938 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16939 width: 80vw;
16940 }
16941 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
16942 padding: 4px 10px;
16943 border: 1px solid #666;
16944 }
16945 }
16946 @media screen and (max-width: 860px) {
16947 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
16948 padding: 12px 0;
16949 }
16950 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
16951 flex: 33%;
16952 flex-basis: inherit !important;
16953 }
16954 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
16955 border: 0;
16956 padding: 5px 15px 0;
16957 font-size: 11px;
16958 text-transform: uppercase;
16959 }
16960 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
16961 padding-top: 0;
16962 }
16963 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16964 height: 100px;
16965 }
16966 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
16967 width: auto !important;
16968 }
16969 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
16970 width: calc(33% - 20px);
16971 }
16972 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
16973 flex-basis: calc(50% - 34px);
16974 }
16975 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
16976 width: calc(33% - 15px);
16977 }
16978 }
16979 @media screen and (max-width: 780px) {
16980 .vbo-bookingdet-summary, .vbo-editbooking-summary {
16981 padding-top: 0 !important;
16982 }
16983 .vbo-trackings-table-head {
16984 display: none;
16985 }
16986 .vbo-trackings-table-body-hidden-lbl {
16987 display: block;
16988 font-weight: bold;
16989 text-transform: uppercase;
16990 margin-bottom: 7px;
16991 color: var(--vbo-config-titles-color-light);
16992 }
16993 .vbo-trackings-table-body-cell {
16994 padding: 5px 10px;
16995 text-align: left !important;
16996 }
16997 .vbo-trackings-table-cell-id {
16998 flex: 0 0 33px !important;
16999 }
17000 .vbo-trackings-chart-avgval-listcont > div {
17001 flex-basis: 40%;
17002 }
17003 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17004 flex: 50%;
17005 }
17006 .vbo-ratesoverview-roomsel-block > form {
17007 flex-wrap: wrap;
17008 }
17009 .vbo-ratesoverview-roomsel-entry {
17010 flex-basis: 100%;
17011 border: 0;
17012 border-bottom: 1px solid var(--vbo-config-border-color);
17013 }
17014 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17015 border-right: 0;
17016 }
17017 .vbo-ratesoverview-roomsel-entry-los {
17018 border: 0;
17019 }
17020 .vbo-ratesoverview-period-box-cals-inner {
17021 width: 100%;
17022 }
17023 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
17024 width: 100%;
17025 margin-top: 10px;
17026 background: var(--vbo-config-child-bg-color);
17027 padding: 10px;
17028 box-sizing: border-box;
17029 }
17030 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17031 width: 100%;
17032 }
17033 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17034 width: 46vw;
17035 }
17036 .vbo-admin-widgets-section .vbo-admin-widgets-container {
17037 max-width: 100%;
17038 flex-basis: 100%;
17039 }
17040 .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 {
17041 max-width: 100%;
17042 flex-basis: 100%;
17043 }
17044 .vbo-calendar-cfields-inner {
17045 grid-template-columns: repeat(1, auto);
17046 }
17047 }
17048 @media screen and (max-width: 767px) {
17049 .table-responsive, .vbo-table-responsive {
17050 width: 100%;
17051 margin-bottom: 15px;
17052 overflow-y: hidden;
17053 -ms-overflow-style: -ms-autohiding-scrollbar;
17054 border: 1px solid var(--vbo-config-border-color);
17055 }
17056 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
17057 margin-bottom: 0;
17058 }
17059 .table-responsive > .table > thead > tr > th,
17060 .table-responsive > .table > tbody > tr > th,
17061 .table-responsive > .table > tfoot > tr > th,
17062 .table-responsive > .table > thead > tr > td,
17063 .table-responsive > .table > tbody > tr > td,
17064 .table-responsive > .table > tfoot > tr > td {
17065 white-space: nowrap;
17066 }
17067 .table-responsive > .table-bordered {
17068 border: 0;
17069 }
17070 .table-responsive > .table-bordered > thead > tr > th:first-child,
17071 .table-responsive > .table-bordered > tbody > tr > th:first-child,
17072 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
17073 .table-responsive > .table-bordered > thead > tr > td:first-child,
17074 .table-responsive > .table-bordered > tbody > tr > td:first-child,
17075 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
17076 border-left: 0;
17077 }
17078 .table-responsive > .table-bordered > thead > tr > th:last-child,
17079 .table-responsive > .table-bordered > tbody > tr > th:last-child,
17080 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
17081 .table-responsive > .table-bordered > thead > tr > td:last-child,
17082 .table-responsive > .table-bordered > tbody > tr > td:last-child,
17083 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
17084 border-right: 0;
17085 }
17086 .table-responsive > .table-bordered > tbody > tr:last-child > th,
17087 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
17088 .table-responsive > .table-bordered > tbody > tr:last-child > td,
17089 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
17090 border-bottom: 0;
17091 }
17092 #jmodal-vbo-new-res {
17093 left: 50%;
17094 transform: translate(-50%, -50%);
17095 margin-left: 0 !important;
17096 }
17097 }
17098 @media screen and (max-width : 740px) {
17099 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17100 width: 100%;
17101 float: none;
17102 margin: 5px 0;
17103 }
17104 .vbo-info-overlay-content {
17105 width: 80%;
17106 overflow-y: scroll;
17107 }
17108 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17109 flex: auto;
17110 width: 100%;
17111 box-sizing: border-box;
17112 }
17113 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17114 flex: auto;
17115 width: 94%;
17116 box-sizing: border-box;
17117 }
17118 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
17119 flex-wrap: wrap;
17120 }
17121 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
17122 flex-basis: 100%;
17123 font-weight: bold;
17124 }
17125 #vbmessagingdiv {
17126 flex-basis: 150px;
17127 }
17128 .vbo-menu-left {
17129 display: none;
17130 }
17131 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17132 flex-basis: calc(50% - 34px);
17133 }
17134 .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 {
17135 display: block;
17136 margin-right: 0;
17137 margin-bottom: 4px;
17138 }
17139 fieldset.adminform .vbo-list-table-rounded {
17140 max-width: 600px;
17141 }
17142 }
17143 @media screen and (max-width : 680px) {
17144 .vbo-preferred-countries-sortlist {
17145 max-width: 100%;
17146 width: 100%;
17147 }
17148 .vbo-ebusy-extracosts-cellname input {
17149 max-width: 100px;
17150 }
17151 .vbo-ebusy-extracosts-celltax select {
17152 max-width: 100px;
17153 }
17154 #vbo-graphstats-right-canv {
17155 width: 100% !important;
17156 height: auto !important
17157 }
17158 .vbo-tracking-info-details > div {
17159 padding: 10px;
17160 }
17161 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
17162 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
17163 flex: 1;
17164 }
17165 #filter-bar.vbo-trackings-filters .pull-right {
17166 display: block;
17167 }
17168 #breakdown-cont {
17169 display: block;
17170 width: 100%;
17171 }
17172 .add-tax-breakdown-cont div span {
17173 margin-bottom: 5px;
17174 }
17175 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17176 width: 90%;
17177 }
17178 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17179 flex-basis: 40%;
17180 }
17181 .vbo-admin-container .vbo-param-container {
17182 flex-wrap: wrap;
17183 }
17184 .vbo-admin-container .vbo-param-container .vbo-param-label {
17185 margin-right: 0;
17186 flex-basis: 100%;
17187 }
17188 .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 {
17189 width: 100% !important;
17190 }
17191 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
17192 width: auto !important;
17193 }
17194 .vbo-admin-container .vbo-param-container .vbo-param-label {
17195 font-size: 13px;
17196 font-weight: bold;
17197 }
17198 .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 {
17199 width: 100% !important;
17200 max-width: inherit !important;
17201 height: auto;
17202 box-sizing: border-box;
17203 }
17204 .vbo-admin-container .vbo-param-container .vbo-param-setting {
17205 display: flex;
17206 flex-wrap: wrap;
17207 }
17208 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
17209 width: 100%;
17210 }
17211 input[type="number"].vbo-small-input {
17212 width: 80px !important;
17213 }
17214 .vbo-admin-container .vbo-param-container.vbo-param-nested {
17215 flex-wrap: wrap;
17216 }
17217 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
17218 flex-basis: 100%;
17219 }
17220 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
17221 width: 100%;
17222 margin: 5px 0;
17223 }
17224 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
17225 width: 100%;
17226 }
17227 .vbo-admin-container .vbo-param-container.vbo-param-child {
17228 margin-top: -15px;
17229 }
17230 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
17231 margin: 0;
17232 padding: 0;
17233 }
17234 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
17235 width: 100% !important;
17236 }
17237 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
17238 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
17239 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
17240 width: auto !important;
17241 margin-right: 5px;
17242 }
17243 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
17244 flex: 1;
17245 flex-grow: 0;
17246 flex-basis: 130px;
17247 }
17248 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
17249 margin-left: 10px;
17250 }
17251 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
17252 margin: 0 0 0 5px;
17253 width: auto !important;
17254 }
17255 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
17256 margin-bottom: 0;
17257 }
17258 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
17259 height: 30px;
17260 }
17261 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
17262 margin-bottom: 5px !important;
17263 }
17264 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
17265 margin-bottom: 5px;
17266 }
17267 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17268 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17269 width: 90px !important;
17270 }
17271 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
17272 margin-left: 10px;
17273 }
17274 .vbo-admin-container .vbo-param-container {
17275 margin: 15px 0;
17276 }
17277 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
17278 width: 120px !important;
17279 }
17280 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
17281 width: auto !important;
17282 }
17283 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
17284 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17285 width: 120px !important;
17286 }
17287 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
17288 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17289 margin-right: 10px;
17290 }
17291 .vbo-admin-container .adminform {
17292 padding: 15px 20px;
17293 }
17294 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
17295 margin: 8px 0 0 50px;
17296 }
17297 #vbo-row-custcost .vbo-param-setting input {
17298 width: auto !important;
17299 }
17300 .vbo-ratesoverview-period-box-cals-inner {
17301 padding: 10px;
17302 }
17303 .vbo-ratesoverview-period-box-cals-inner > div {
17304 display: block;
17305 margin: 10px;
17306 width: auto;
17307 }
17308 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17309 width: auto;
17310 padding-right: 0;
17311 border: 0;
17312 box-sizing: border-box;
17313 margin-bottom: 20px;
17314 }
17315 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
17316 text-align: center;
17317 text-transform: capitalize;
17318 font-size: 16px;
17319 }
17320 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
17321 width: 100%;
17322 box-sizing: border-box;
17323 }
17324 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
17325 border-radius: 4px;
17326 border: 1px solid var(--vbo-config-border-color);
17327 }
17328 .vbo-tariffs-params-container .vbo-param-setting form {
17329 width: 100%;
17330 }
17331 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
17332 display: block;
17333 width: 100%;
17334 font-weight: bold;
17335 }
17336 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17337 display: flex;
17338 margin: 5px 0 0;
17339 width: 100%;
17340 }
17341 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
17342 align-self: center;
17343 margin-right: 5px;
17344 }
17345 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17346 flex: 1;
17347 }
17348 .vbo-bookdet-container .vbo-bookdet-wrap {
17349 width: 45%;
17350 border: 0;
17351 padding-right: 0;
17352 }
17353 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17354 flex-basis: 100% !important;
17355 }
17356 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
17357 display: block;
17358 font-weight: bold;
17359 }
17360 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
17361 width: 100% !important;
17362 max-width: 100% !important;
17363 }
17364 .vbo-dashboard-refresh-container {
17365 margin: 0px auto 0;
17366 float: none;
17367 display: table;
17368 }
17369 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17370 width: 80%;
17371 }
17372 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17373 width: calc(50% - 20px);
17374 }
17375 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17376 width: calc(50% - 10px);
17377 }
17378
17379 .popover.right {
17380 left: 0 !important;
17381 border-right-width: 0 !important;
17382 border-left-color: #999 !important;
17383 border-left-color: rgba(0,0,0,0.25) !important;
17384 right: 0 !important;
17385 left: 7% !important;
17386 }
17387 .popover.right .arrow {
17388 top: 50% !important;
17389 margin-top: -11px !important;
17390 border-right-width: 0 !important;
17391 border-left-color: #999 !important;
17392 border-left-color: rgba(0,0,0,0.25) !important;
17393 right: 0 !important;
17394 }
17395 .popover.right .arrow:after {
17396 left: 1px !important;
17397 border-right-width: 0 !important;
17398 border-right-color: #fff !important;
17399 }
17400 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17401 min-width: 200px;
17402 max-width: 200px;
17403 white-space: nowrap;
17404 overflow: hidden;
17405 text-overflow: ellipsis;
17406 }
17407 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17408 white-space: nowrap;
17409 overflow: hidden;
17410 text-overflow: ellipsis;
17411 width: 130px;
17412 display: inline-block;
17413 }
17414 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
17415 box-sizing: border-box;
17416 width: 100%;
17417 }
17418 .vbo-dashboard-today-roomocc-customers {
17419 border: 0;
17420 }
17421 .wp-editor-container .quicktags-toolbar input[type="button"] {
17422 width: auto !important;
17423 }
17424 .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 {
17425 width: 100%;
17426 }
17427 .vbo-config-gr-services {
17428 width: 100%;
17429 }
17430 .vbo-config-gr-services .vbo-config-gr-service {
17431 display: flex;
17432 }
17433 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
17434 flex: 1;
17435 margin-right: 5px;
17436 }
17437 .vbo-smstpl-bgroup button.btn {
17438 margin: 2px !important;
17439 }
17440 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
17441 width: 100%;
17442 }
17443 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17444 flex-basis: calc(50% - 38px);
17445 }
17446 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
17447 width: auto !important;
17448 }
17449 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
17450 width: auto !important;
17451 }
17452 .vbo-tariffs-params-container .vbo-param-setting {
17453 margin-top: 30px;
17454 }
17455 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
17456 width: auto !important;
17457 }
17458 .vbo-params-container .vbo-param-setting select#val_pcent {
17459 width: auto !important;
17460 }
17461 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
17462 width: 100px !important;
17463 }
17464 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
17465 width: 130px !important;
17466 }
17467 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
17468 width: auto !important;
17469 }
17470 #vbo-row-people .vbo-param-setting select {
17471 width: auto !important;
17472 }
17473 #vbo-close-all-rooms-sel {
17474 width: 100%;
17475 }
17476 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17477 flex-grow: 1;
17478 }
17479 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
17480 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
17481 width: 100%;
17482 margin-bottom: 5px;
17483 }
17484 .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 {
17485 width: 100% !important;
17486 flex-grow: 1;
17487 }
17488 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17489 margin-left: 0;
17490 }
17491 .vbo-param-confirm-btn .btn {
17492 width: 100%;
17493 }
17494 }
17495 @media screen and (max-width : 640px) {
17496 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17497 flex-basis: 50%;
17498 }
17499 .vbo-calcrates-rateblock > span {
17500 width: 20%;
17501 margin: 5px 10px 5px 0;
17502 }
17503 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17504 widows: 50%;
17505 }
17506 .vbo-calcrates-rateblock > span {
17507 width: 35%;
17508 }
17509 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
17510 width: 100%;
17511 margin-top: 10px;
17512 }
17513 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17514 flex-basis: 100%;
17515 }
17516 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17517 flex-basis: 100%;
17518 }
17519 .vbrestrdrangesp {
17520 display: block;
17521 margin-bottom: 4px;
17522 }
17523 .vbrestrdrangesp + .wp-calendar-box {
17524 margin-right: 5px;
17525 }
17526 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17527 width: 100%;
17528 }
17529 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17530 width: 100%;
17531 }
17532 .vbo-checkin-custdet-entry {
17533 margin-bottom: 10px;
17534 display: inline-block;
17535 width: 100%;
17536 margin: 5px;
17537 vertical-align: top;
17538 }
17539 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
17540 flex-basis: 100% !important;
17541 }
17542 .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 {
17543 width: 100%;
17544 }
17545 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17546 margin-left: 0;
17547 }
17548 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17549 flex: 1;;
17550 }
17551 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17552 display: flex;
17553 }
17554 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17555 flex: 1;
17556 }
17557 .vbo-overlay-fests-addnew-elem input[type="text"] {
17558 width: 100% !important;
17559 }
17560 .vbo-overlay-fests-addnew-save .btn-success {
17561 width: 100% !important;
17562 }
17563 .vbo-dashboard-today-occ-listcont {
17564 width: 100%;
17565 box-sizing: border-box;
17566 }
17567 fieldset.adminform .vbo-list-table-rounded {
17568 max-width: 500px;
17569 }
17570 }
17571 @media screen and (max-width : 580px) {
17572 .vbo-calendar-cfields-search {
17573 width: 100%;
17574 width: 100%;
17575 background: var(--vbo-main-bg-color);
17576 padding: 10px 15px;
17577 float: none;
17578 margin-bottom: 10px;
17579 box-sizing: border-box;
17580 border: 1px solid var(--vbo-config-border-color);
17581 }
17582 .vbo-calendar-cfields-search input {
17583 margin-bottom: 0;
17584 }
17585 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
17586 margin-right: 0;
17587 }
17588 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
17589 width: 100% !important;
17590 }
17591 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
17592 flex: 100%;
17593 }
17594 .vbo-calendar-cfields-bottom {
17595 margin: 10px 0 15px 10px;
17596 display: flex;
17597 }
17598 .vbo-calendar-cfields-bottom .btn {
17599 flex: 1;
17600 }
17601 .vbo-calendar-cfields-bottom .btn-success {
17602 margin-left: 10px;
17603 }
17604 .vbo-ratesoverview-tabscont > div {
17605 margin: 4px 5px;
17606 }
17607 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
17608 margin: 5px 5px 0;
17609 }
17610 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
17611 width: 100%;
17612 margin: 10px 0 0;
17613 }
17614 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
17615 width: 100%;
17616 }
17617 .vbo-ratesoverview-tabscont div {
17618 width: 100%;
17619 box-sizing: border-box;
17620 }
17621 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
17622 white-space: inherit;
17623 }
17624 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
17625 width: 100%;
17626 }
17627 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
17628 width: 100% !important;
17629 }
17630 .vbo-bookingdet-admin-entry select {
17631 width: 100% !important;
17632 }
17633 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
17634 width: 48%;
17635 }
17636 .vbo-booking-history-container td {
17637 white-space: initial !important;
17638 }
17639 .vbo-dashboard-chart-container {
17640 flex-basis: 100%;
17641 }
17642 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17643 width: 50%;
17644 }
17645 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17646 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17647 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17648 width: calc(100% - 80px);
17649 }
17650 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
17651 width: auto;
17652 display: block;
17653 text-align: left;
17654 padding: 3px 5px;
17655 }
17656 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
17657 margin-right: 5px;
17658 }
17659 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
17660 width: 110px;
17661 }
17662 .vbo-menu-right > .vbo-menu-ul {
17663 display: contents;
17664 }
17665 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
17666 margin-bottom: 8px;
17667 }
17668 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17669 flex-basis: 100% !important;
17670 }
17671 .vbo-translation-tab {
17672 width: calc(50% - 29px);
17673 }
17674 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17675 width: 86%;
17676 }
17677 #alwaysavcont {
17678 flex-basis: 100%;
17679 }
17680 .vbo-tariffs-wizard-price {
17681 flex-basis: 100%;
17682 }
17683 .vbo-param-setting .vbwdaytwodiv {
17684 width: 100%;
17685 margin-top: 10px;
17686 margin-left: 0;
17687 }
17688 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
17689 flex-wrap: wrap;
17690 }
17691 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
17692 flex-basis: 100%;
17693 }
17694 .vbo-info-overlay-content .vbo-add-room-entry > div {
17695 width: 100%;
17696 margin: 5px 0;
17697 }
17698 .vbo-info-overlay-content .vbo-add-room-entry select {
17699 width: 100% !important;
17700 }
17701 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17702 flex-basis: 100%;
17703 }
17704 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17705 flex-grow: 0;
17706 margin-bottom: 0px;
17707 }
17708 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
17709 width: 100px !important;
17710 flex: 1;
17711 }
17712 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17713 flex: 1;
17714 display: flex;
17715 flex-wrap: nowrap;
17716 }
17717 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
17718 align-self: center;
17719 margin-right: 5px;
17720 }
17721 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17722 flex: 1;
17723 margin-left: 0;
17724 }
17725 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
17726 width: 80px !important;
17727 flex-grow: 1;
17728 }
17729 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
17730 width: 100%;
17731 display: flex;
17732 }
17733 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17734 width: 55vw;
17735 }
17736 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
17737 flex: 1;
17738 }
17739 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
17740 width: 100% !important;
17741 }
17742 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
17743 margin-left: 0;
17744 }
17745 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
17746 margin-bottom: 5px;
17747 display: inline-block;
17748 }
17749 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
17750 width: 100%;
17751 }
17752 .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 {
17753 width: 100%;
17754 }
17755 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
17756 flex: 1;
17757 }
17758 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17759 display: flex;
17760 }
17761 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17762 flex: 1;
17763 }
17764 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
17765 margin-left: 5px;
17766 }
17767 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
17768 flex-wrap: wrap;
17769 }
17770 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
17771 flex-wrap: wrap;
17772 }
17773 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
17774 flex-basis: 100%;
17775 margin-top: 5px;
17776 }
17777 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
17778 width: 100%;
17779 }
17780 .vbo-quickres-head .vbo-quickres-head-right {
17781 margin-top: 10px;
17782 width: 100%;
17783 }
17784 .vbo-list-form-filters .btn-toolbar #rname {
17785 width: 200px !important;
17786 }
17787 .vbo-calcrates-rateblock > span {
17788 flex-basis: 100%;
17789 margin: 5px 0 5px 0;
17790 border-bottom: 1px solid var(--vbo-config-border-color);
17791 padding-bottom: 5px;
17792 text-align: right;
17793 }
17794 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17795 border: 0;
17796 }
17797 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
17798 text-align: left;
17799 }
17800 .vbo-calcrates-rateblock > span > span {
17801 float: left;
17802 }
17803 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
17804 font-size: 18px;
17805 }
17806 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17807 margin-right: 0;
17808 font-size: 18px;
17809 }
17810 .vbo-modal-wguestmessages-chat-info-booking .badge {
17811 margin-bottom: 2px;
17812 }
17813 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
17814 display: flex;
17815 }
17816 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
17817 flex-basis: 25px !important;
17818 flex-grow: 0 !important;
17819 }
17820 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
17821 width: 25px;
17822 height: 25px;
17823 }
17824 .vbo-submenu-wrap {
17825 display: none;
17826 }
17827 .vbo-menu-ul li:hover .vbo-submenu-wrap {
17828 display: block;
17829 }
17830 .vbo-config-tabs-wrap dl.tabs dt {
17831 padding: 10px 0;
17832 width: 50%;
17833 }
17834 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
17835 width: 100%;
17836 }
17837 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
17838 display: inline-block;
17839 width: 100%;
17840 }
17841 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
17842 display: block;
17843 }
17844 .vbo-btn-toolbar .input-append input#code {
17845 max-width: 150px;
17846 }
17847 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17848 min-width: 180px;
17849 }
17850 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17851 width: 100%;
17852 }
17853 .vbo-info-overlay-content {
17854 height: 90%;
17855 }
17856 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
17857 margin-top: 0px;
17858 }
17859 .vbo-avcalendars-roomphoto img {
17860 width: 100%;
17861 }
17862 .vbcsvexport {
17863 margin: 2px !important;
17864 }
17865 .vbo-editbooking-totrefund {
17866 margin: 10px 0 0;
17867 }
17868 .vbo-param-setting #pin + .btn.vbo-config-btn {
17869 margin: 5px 0 !important;
17870 }
17871 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
17872 max-width: 100px !important;
17873 }
17874 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
17875 flex-basis: 100%;
17876 }
17877 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
17878 border-left: 1px solid var(--vbo-config-border-color);
17879 }
17880 .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 {
17881 border-radius: 6px !important;
17882 }
17883 }
17884 @media screen and (max-width : 550px) {
17885 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
17886 -webkit-flex: 100%;
17887 -ms-flex: 100%;
17888 flex: 100%;
17889 }
17890 .vbo-ratesoverview-tabscont div > i {
17891 margin-bottom: 3px;
17892 }
17893 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17894 flex-basis: 36%;
17895 }
17896 .vbo-trackings-chart-avgvals {
17897 flex: 1;
17898 padding-right: 0;
17899 }
17900 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
17901 width: 100% !important;
17902 margin-bottom: 3px;
17903 }
17904 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17905 flex: 100%;
17906 }
17907 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
17908 margin: 10px auto;
17909 }
17910 .vbmodelink {
17911 margin: 5px;
17912 }
17913 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
17914 flex-basis: 100%;
17915 }
17916 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
17917 margin: 0 0 10px;
17918 }
17919 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17920 width: 100%;
17921 }
17922 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
17923 flex-basis: 100%;
17924 }
17925 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17926 flex-basis: calc(100% - 34px);
17927 }
17928 fieldset.adminform .vbo-list-table-rounded {
17929 max-width: 400px;
17930 }
17931 .vbo-widget-finance-data-block-rankings {
17932 grid-template-columns: repeat(1, 1fr);
17933 }
17934 }
17935 @media screen and (max-width : 500px) {
17936 .vbo-translation-tab.vbo-translation-tab-ini {
17937 float: none;
17938 }
17939 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
17940 width: auto !important;
17941 }
17942 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
17943 width: 100%;
17944 margin: 5px 0;
17945 }
17946 .vbo-bookdet-container .vbo-bookdet-wrap {
17947 width: auto;
17948 border-bottom: 1px solid var(--vbo-config-border-color);
17949 padding: 0 0 5px;
17950 margin: 5px;
17951 box-sizing: border-box;
17952 display: block;
17953 }
17954 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
17955 border: 0;
17956 }
17957 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17958 width: 100%;
17959 display: inline-block;
17960 margin: 5px 3px;
17961 }
17962 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17963 flex-basis: 100%;
17964 }
17965 .vbo-calcrates-rateblock > span {
17966 width: 100%;
17967 }
17968 .modal-header .box-close {
17969 padding: 0 !important;
17970 border-bottom: 0 !important;
17971 }
17972 .modal .modal-header .box-close {
17973 border-left: 0 !important;
17974 }
17975 .vbo-cal-splitstay-details {
17976 min-width: initial;
17977 width: 100%;
17978 }
17979 .vbo-cal-splitstay-details > div {
17980 grid-template-columns: repeat(1, 1fr);
17981 }
17982 .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 {
17983 border-right: 0;
17984 }
17985 }
17986
17987 /* form fieldset */
17988 .admin-form-wrapper {
17989 display: flex;
17990 flex-wrap: wrap;
17991 justify-content: space-between;
17992 }
17993 .admin-form-fieldset {
17994 width: calc(100% / 2 - 10px);
17995 }
17996 @media screen and (max-width: 1440px) {
17997 .admin-form-fieldset select {
17998 max-width: 250px !important;
17999 }
18000 }
18001 @media screen and (max-width: 1280px) {
18002 .admin-form-fieldset {
18003 width: 100%;
18004 }
18005 }
18006 /* main menu screen size adjustments */
18007 @media screen and (max-width: 1400px) {
18008 .vbo-menu-updates > button span {
18009 display: none;
18010 }
18011 }
18012 @media screen and (max-width: 1280px) {
18013 .vbo-menu-left {
18014 max-width: 100px;
18015 }
18016 }
18017
18018 /* new medias drag&drop */
18019 .vbo-dropfiles-target {
18020 padding: 5% 20px;
18021 text-align:center;
18022 border: 2px dashed var(--vbo-config-border-color);
18023 border-radius: 4px;
18024 color: var(--vbo-config-text-color-light);
18025 background: var(--vbo-config-child-bg-color);
18026 }
18027 .vbo-dropfiles-target.drag-enter {
18028 border-color: var(--vbo-config-border-color);
18029 }
18030 .vbo-dropfiles-target .lead {
18031 font-size: 16px;
18032 font-weight: bold;
18033 }
18034 .vbo-dropfiles-target a:hover {
18035 text-decoration: none;
18036 }
18037
18038 .vbo-uploaded-files {
18039 display: flex;
18040 flex-wrap: wrap;
18041 }
18042 .vbo-uploaded-files i.fa-file {
18043 font-size: 128px;
18044 }
18045 .vbo-uploaded-files .file-elem {
18046 width: calc(100% / 5);
18047 margin-bottom: 20px;
18048 }
18049 .vbo-uploaded-files .file-elem-inner {
18050 width: auto;
18051 display: inline-block;
18052 position: relative;
18053 }
18054 .vbo-uploaded-files .file-elem a {
18055 position: relative;
18056 }
18057 .vbo-uploaded-files .file-elem.uploading a,
18058 .vbo-uploaded-files .file-elem.removing a {
18059 cursor: default;
18060 color: var(--vbo-config-text-color-light);
18061 }
18062 .vbo-uploaded-files .file-elem.removing a {
18063 opacity: 0.7;
18064 }
18065 .vbo-uploaded-files .file-elem a .file-extension {
18066 position: absolute;
18067 bottom: 20px;
18068 left: 50%;
18069 color: #fff;
18070 transform: translateX(-50%);
18071 font-size: 30px;
18072 text-transform: uppercase;
18073 font-weight: 500;
18074 }
18075 .vbo-uploaded-files .file-elem .file-summary {
18076 word-break: break-all;
18077 margin-top: 5px;
18078 }
18079 .vbo-uploaded-files .file-elem .file-summary .filename {
18080 font-weight: 500;
18081 }
18082 .vbo-uploaded-files .file-elem .file-summary .filesize {
18083 font-size: smaller;
18084 }
18085 .vbo-uploaded-files .file-elem .delete-file {
18086 position: absolute;
18087 top: -10px;
18088 left: -10px;
18089 background: var(--vbo-config-bg-color);
18090 width: 32px;
18091 height: 32px;
18092 border-radius: 50%;
18093 color: var(-vbo-body-text-color);
18094 line-height: 32px;
18095 text-align: center;
18096 visibility: hidden;
18097 }
18098 .vbo-uploaded-files .file-elem .delete-file i.fa {
18099 font-size: 34px;
18100 color: var(--vbo-body-text-color);
18101 }
18102 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
18103 color: var(--vbo-blue-color);
18104 }
18105 .vbo-uploaded-files .file-elem.do-shake .file-link {
18106 color: var(--vbo-config-text-color-light);
18107 cursor: default;
18108 }
18109 .vbo-uploaded-files .file-elem.do-shake .delete-file {
18110 visibility: visible;
18111 }
18112 .vbo-uploaded-files .file-elem.do-shake {
18113 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
18114 }
18115
18116 @-webkit-keyframes shake-files {
18117 from {
18118 -webkit-transform: rotate(4deg);
18119 }
18120 to {
18121 -webkit-transform-origin: center center;
18122 -webkit-transform: rotate(-4deg);
18123 }
18124 }
18125
18126 .stop-managing-files-hint {
18127 background: #333c;
18128 color: #fff;
18129 padding: 20px 30px;
18130 text-align: center;
18131 position: fixed;
18132 bottom: 20px;
18133 border-radius: 6px;
18134 left: 50%;
18135 transform: translateX(-50%);
18136 font-size: 20px;
18137 width: 80%;
18138 font-weight: 500;
18139 display: none;
18140 }
18141
18142 .drop-files-hint {
18143 float: right;
18144 margin-top: -25px;
18145 margin-right: 6px;
18146 }
18147 .drop-files-hint i.fa-question-circle {
18148 color: #999;
18149 }
18150
18151 @media screen and (max-width: 1440px) {
18152 .vbo-uploaded-files .file-elem {
18153 width: calc(100% / 4);
18154 }
18155 }
18156 @media screen and (max-width: 1280px) {
18157 .vbo-uploaded-files .file-elem {
18158 width: calc(100% / 5);
18159 }
18160 }
18161 @media screen and (max-width: 800px) {
18162 .vbo-uploaded-files .file-elem {
18163 width: calc(100% / 4);
18164 }
18165 }
18166 @media screen and (max-width: 550px) {
18167 .vbo-uploaded-files .file-elem {
18168 width: calc(100% / 3);
18169 }
18170 }
18171
18172 /*** @WPonly ***/
18173 .vbo-invoices-inv-frontleft {
18174 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
18175 border-right: 1px solid var(--vbo-config-border-color);
18176 float: left;
18177 height: 128px;
18178 max-height: 100%;
18179 min-height: 100%;
18180 vertical-align: middle;
18181 width: 128px;
18182 margin-right: 10px;
18183 }
18184 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
18185 position: relative;
18186 }
18187