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

18,311 lines 502.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @package VikBooking
3 * @subpackage back-end styles
4 * @author E4J s.r.l.
5 * @link https://vikwp.com
6 */
7
8 /* Variable declarations
9 * Guidelines input elements:
10 * -- Config Input and Select:
11 Background: --vbo-input-style / Border-color: --vbo-config-border-color
12 * -- Config Input and Select - Status DEACTIVE
13 Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color
14 * -- Nested Config Input and Select:
15 Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color
16 * -- Nested Config Input and Select - Status DEACTIVE:
17 Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive
18 * -- Generic btn gray:
19 Background: --vbo-basic-btn / --vbo-config-border-color
20 */
21
22 :root {
23 /* body color */
24 --vbo-body-bg-color: #fff;
25 --vbo-body-text-color: #444;
26
27 /* main bg and text color */
28 --vbo-main-bg-color: #eee;
29 --vbo-container-text-color: inherit;
30 --vbo-contrast-text-color: #fff;
31 --vbo-base-color: #2282bd;
32 --vbo-base-color-hover: #1890ce;
33 --vbo-link-text-color: #2271b1;
34 --vbo-basic-btn: #eee;
35 --vbo-basic-btn-hover: #ddd;
36 --vbo-basic-btn-focus: #cacaca;
37 --vbo-light-color-btn: #e9f3fa;
38 --vbo-middle-color-btn: #999;
39 --vbo-grey-blue-bg: #E4EAF4;
40 --vbo-light-blue: #f0f6fc;
41
42 /* Config bg and text color */
43 --vbo-config-bg-color: #fff;
44 --vbo-config-text-color: inherit;
45 --vbo-config-border-color: #ddd;
46 --vbo-config-titles-color-light: #666;
47 --vbo-config-child-bg-color: #f6f6f6;
48 --vbo-config-text-color-light: #999;
49 --vbo-config-title-color: #1d2327;
50
51 /* Input Style */
52 --vbo-input-style: #fff;
53 --vbo-input-style-deactive: #f6f7f7;
54 --vbo-input-style-nested-deactive: #eee;
55
56 /* Page Lists */
57 --vbo-toolbar-bg-color: #d4dae5;
58
59 /* General Colors */
60 --vbo-red-color: #b90c0d;
61 --vbo-red-color-hover: #e61717;
62 --vbo-red-color-focus: #9d0101;
63 --vbo-orange-color: #ffab48;
64 --vbo-orange-color-hover: #ad6704;
65 --vbo-green-color: #46a546;
66 --vbo-green-color-hover: #428242;
67 --vbo-green-color-focus: #65c265;
68 --vbo-blue-color: #31708f;
69 --vbo-blue-color-hover: #498fb3;
70
71 /* Notification Status */
72 --vbo-info-bg: #c8e4fb;
73 --vbo-info-border: #72abcc;
74 --vbo-warning-bg: #fbf3c8;
75 --vbo-warning-border: #d69b3c;
76 --vbo-error-bg: #ffe3e3;
77 --vbo-error-border: #ea6060;
78 }
79
80 legend.adminlegend {
81 color: var(--vbo-config-title-color);
82 border-bottom: 1px solid var(--vbo-config-border-color);
83 }
84
85 /*
86 * Classes .label and .badge
87 */
88 .label, .badge {
89 display: inline-block;
90 padding: 2px 4px;
91 font-size: 10.998px;
92 font-weight: bold;
93 line-height: 14px;
94 color: var(--vbo-contrast-text-color);
95 vertical-align: baseline;
96 white-space: nowrap;
97 background-color: var(--vbo-middle-color-btn);
98 }
99 .label {
100 border-radius: 3px;
101 }
102 .badge {
103 border-radius: 9px;
104 }
105 .label-success, .badge-success {
106 background-color: var(--vbo-green-color);
107 }
108 a.label-success:hover, a.badge-success:hover {
109 background-color: var(--vbo-green-color-hover);
110 }
111 .label-warning, .badge-warning {
112 background-color: var(--vbo-orange-color);
113 }
114 a.label-warning:hover, a.badge-warning:hover {
115 background-color: var(--vbo-orange-color-hover);
116 }
117 .label-info, .badge-info {
118 background-color: var(--vbo-blue-color);
119 }
120 a.label-info:hover, a.badge-info:hover {
121 background-color: var(--vbo-blue-color-hover);
122 }
123 a.label, a.badge, a.label:hover, a.badge:hover {
124 color: var(--vbo-contrast-text-color);
125 }
126 .vbo-label-nested {
127 padding: 1px 4px !important;
128 font-weight: 500;
129 line-height: 12px;
130 font-size: 11px;
131 }
132
133 /* @joomlaonly - forced border color for the Joomla top toolbar */
134 .subhead .btn-toolbar .btn {
135 border: 1px solid var(--vbo-config-border-color);
136 }
137 .subhead .btn-toolbar .btn-success {
138 border: 1px solid var(--vbo-green-color);
139 border: 1px solid rgba(0,0,0,0.2);
140 }
141
142 /*** @WPonly - Load Reservation from other booking plugins ***/
143 .vbo-modal-lock-scroll {
144 overflow: hidden !important;
145 }
146 .vbo-importbftpp-plugins-list {
147 border-radius: 4px;
148 padding: 20px;
149 border: 1px solid var(--vbo-config-border-color);
150 background: var(--vbo-config-bg-color);
151 }
152 .vbo-importbftpp-plugins-list-inner label {
153 display: block;
154 margin-bottom: 5px;
155 }
156 .vbo-importbftpp-plugins-list-bottom {
157 margin-top: 15px;
158 }
159 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
160 display: block;
161 margin-bottom: 5px;
162 }
163 .vbo-importbftpp-roomsmapping-wrap {
164 margin-bottom: 20px;
165 }
166 .vbo-importbftpp-roomsmapping-inner {
167 display: flex;
168 flex-wrap: wrap;
169 }
170 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
171 width: calc(33% - 48px);
172 margin: 5px;
173 border: 1px solid var(--vbo-config-border-color);
174 background: var(--vbo-config-bg-color);
175 padding: 20px;
176 border-radius: 4px;
177 }
178 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
179 display: block;
180 margin-bottom: 5px;
181 font-weight: 500;
182 }
183 .vbo-importbftpp-roomsmapping-block-thirdparty {
184 margin-bottom: 10px;
185 }
186 .vbo-importbftpp-subtitle {
187 font-size: 1.2em;
188 margin-bottom: 8px;
189 }
190 .vbo-importbftpp-reservations-inner {
191 display: flex;
192 flex-wrap: wrap;
193 }
194 .vbo-importbftpp-reservation-block {
195 flex-basis: 50%;
196 }
197 .vbo-importbftpp-reservation-inner {
198 border-radius: 4px;
199 border: 1px solid var(--vbo-config-border-color);
200 padding: 15px;
201 background: var(--vbo-config-bg-color);
202 margin: 5px;
203 }
204 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
205 margin: 4px 0;
206 }
207 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
208 display: inline-block;
209 min-width: 150px;
210 font-weight: 500;
211 }
212 .vbo-importbftpp-reservation-import {
213 margin-top: 14px;
214 border-top: 1px solid var(--vbo-config-border-color);
215 padding-top: 10px;
216 display: inline-block;
217 width: 100%;
218 box-sizing: border-box;
219 min-height: 40px;
220 }
221 .vbo-importbftpp-reservation-import-toggle {
222 display: inline-block;
223 }
224 .vbo-importbftpp-reservation-import-rooms {
225 float: right;
226 font-weight: bold;
227 font-size: 1.1em;
228 }
229 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
230 min-width: inherit;
231 margin-right: 10px;
232 }
233 .vbo-importbftpp-confirm-wrap {
234 text-align: center;
235 margin-top: 15px;
236 }
237 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
238 font-size: 1.3em;
239 font-weight: bold;
240 margin-bottom: 10px;
241 }
242 .vbo-importbftpp-reservation-noteligible {
243 opacity: .7;
244 }
245 .vbo-importbftpp-reservations-btns {
246 text-align: right;
247 padding-right: 5px;
248 }
249 div.modal .close {
250 color: inherit;
251 }
252 .modal .modal-footer {
253 border-top: 1px solid var(--vbo-config-border-color);
254 background: var(--vbo-config-bg-color);
255 box-shadow: none;
256 }
257 a:focus, a:hover {
258 text-decoration: none !important;
259 }
260 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
261 padding: 10px 10px;
262 border-color: var(--vbo-config-border-color);
263 }
264 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
265 padding: 10px 30px !important;
266 }
267 .btn-secondary {
268 color: var(--vbo-config-title-color);
269 background-color: var(--vbo-basic-btn);
270 border-color: var(--vbo-config-border-color);
271 }
272 .btn-secondary:hover {
273 color: var(--vbo-config-title-color);
274 background-color: var(--vbo-basic-btn-hover);
275 }
276 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
277 border-radius: 3px;
278 padding: 10px 14px;
279 margin-bottom: 0;
280 }
281 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
282 height: auto;
283 }
284 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
285 margin-right: 5px;
286 }
287 .btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) {
288 margin-right: 0;
289 margin-left: 5px;
290 }
291 body #content .input-append > input, body #wpcontent .input-append > input {
292 border-color: var(--vbo-config-border-color);
293 }
294 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
295 color: #fff;
296 background-color: var(--vbo-green-color);
297 border: 1px solid var(--vbo-green-color);
298 }
299 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
300 color: #fff;
301 font-weight: normal;
302 background-color: var(--vbo-green-color-hover);
303 border-color: var(--vbo-green-color-hover);
304 }
305 body #content .btn-success:focus, body #wpcontent .btn-success:focus, .vbo-modal-overlay-block .btn-success:focus, body #content .btn-success:active, body #wpcontent .btn-success:active, .vbo-modal-overlay-block .btn-success:active {
306 color: #fff;
307 font-weight: normal;
308 background-color: var(--vbo-green-color-focus);
309 border-color: var(--vbo-green-color-focus);
310 }
311 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
312 color: #fff;
313 background-color: var(--vbo-red-color);
314 border: 1px solid var(--vbo-red-color);
315 }
316 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
317 color: #fff;
318 background-color: var(--vbo-red-color-hover);
319 border-color: var(--vbo-red-color-hover)
320 }
321 body #content .btn-danger:focus, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:focus, body #content .btn-danger:active, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:active {
322 color: #fff;
323 background-color: var(--vbo-red-color-focus);
324 border-color: var(--vbo-red-color-focus)
325 }
326 body #content .btn.btn-primary, body #wpcontent .btn.btn-primary, body .vbo-checkin-update-wrap .btn.btn-primary, .vbo-modal-overlay-content .btn.btn-primary {
327 color: #fff;
328 background-color: var(--vbo-blue-color);
329 border: 1px solid var(--vbo-blue-color);
330 }
331 body #content .btn.btn-primary:hover, body #wpcontent .btn.btn-primary:hover, body .vbo-checkin-update-wrap .btn.btn-primary:hover, .vbo-modal-overlay-content .btn.btn-primary:hover {
332 color: #fff;
333 background-color: var(--vbo-blue-color-hover);
334 border: 1px solid var(--vbo-blue-color-hover);
335 }
336 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
337 color: #fff;
338 background-color: var(--vbo-orange-color);
339 border: 1px solid var(--vbo-orange-color);
340 }
341 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
342 color: #fff;
343 background-color: var(--vbo-orange-color-hover);
344 border: 1px solid var(--vbo-orange-color-hover);
345 }
346 .select2-container .select2-dropdown {
347 background-color: var(--vbo-config-bg-color);
348 border-color: var(--vbo-config-border-color) !important;
349 }
350 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
351 background-color: var(--vbo-blue-color);
352 }
353 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
354 line-height: 38px;
355 }
356 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
357 background-color: var(--vbo-config-bg-color);
358 color: var(--vbo-base-color);
359 border: 1px solid var(--vbo-base-color);
360 }
361 .select2-container.select2-container--default .select2-selection--single {
362 background-color: var(--vbo-input-style);
363 border: 1px solid var(--vbo-config-border-color) !important;
364 height: 40px;
365 border-radius: 2px;
366 }
367 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
368 height: 40px;
369 }
370 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
371 color: var(--vbo-config-titles-color-light);
372 }
373 /*** Chrome Hack for the select ***/
374 .selector:not(*:root), select {
375 border: 0 !important;
376 outline: 1px solid var(--vbo-config-border-color);
377 outline-offset: -1px;
378 height: 36px !important;
379 }
380 select[multiple] {
381 height: 120px !important;
382 }
383 /***/
384
385 .input-append .btn.vbo-btn-dont-append {
386 margin-left: 5px;
387 }
388
389 /* Skeleton structure */
390 .vbo-skeleton-loading {
391 position: relative;
392 overflow: hidden;
393 background-color: #DDDBDD;
394 display: inline-block;
395 }
396 .vbo-skeleton-loading:after {
397 position: absolute;
398 top: 0;
399 right: 0;
400 bottom: 0;
401 left: 0;
402 transform: translateX(-100%);
403 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
404 animation: shimmer 2s infinite;
405 content: '';
406 }
407
408 .fancybox-type-iframe.fancybox-opened {
409 height: 80% !important;
410 }
411 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
412 height: 100% !important;
413 }
414
415 .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
416 white-space: nowrap;
417 }
418 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
419 white-space: inherit;
420 }
421 .vbo-table-td-wrap .btn {
422 margin-top: 5px;
423 }
424 .successmade {
425 margin: 10px 0px;
426 padding: 12px 12px 12px 40px;
427 color: var(--vbo-green-color);
428 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
429 border: 2px solid var(--vbo-green-color);
430 background-size: 20px;
431 }
432 .info {
433 margin: 10px 0px;
434 padding: 12px;
435 background-color: #c8e4fb;
436 border: 1px solid #72abcc;
437 }
438 .err {
439 margin: 10px 0px;
440 padding: 12px 12px 12px 40px;
441 border: 2px solid var(--vbo-red-color);
442 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
443 background-size: 20px;
444 }
445 .warn {
446 margin: 10px 0px;
447 padding: 12px 12px 12px 40px;
448 border: 2px solid var(--vbo-orange-color);
449 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
450 background-size: 20px;
451 }
452 .label-error, .badge-error, .label-danger, .badge-danger {
453 background-color: var(--vbo-red-color) !important;
454 }
455 .ui-datepicker-multi .ui-datepicker-group-first {
456 border-right: 1px solid var(--vbo-config-border-color);
457 }
458 .select2-container--default .select2-results__option[role="group"] {
459 border-top: 1px solid var(--vbo-config-border-color);
460 }
461 #hmfooter {
462 font-size: x-small;
463 text-align: center;
464 margin: 20px 0;
465 }
466 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
467 margin-top: 5px;
468 }
469 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
470 margin-top: 15px;
471 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
472 display: grid;
473 }
474 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
475 background-color: var(--vbo-config-bg-color);
476 border-radius: 10px;
477 border: 1px solid var(--vbo-basic-btn);
478 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
479 margin: 10px;
480 }
481 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
482 height: 100%;
483 }
484 .vbadmincaltable td {
485 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
486 font-size: 11px;
487 width: 45px;
488 padding: 0 !important;
489 text-align: center !important;
490 height: 30px;
491 box-sizing: content-box;
492 vertical-align: middle !important;
493 }
494 .vbadmincaltable tr:last-child td {
495 border-bottom: 0 !important;
496 }
497 .vbadmincaltable tr:last-child td:first-child {
498 border-bottom-left-radius: 10px;
499 }
500 .vbadmincaltable tr:last-child td:last-child {
501 border-bottom-right-radius: 10px;
502 }
503 .vbadmincaltable td:last-child {
504 border-right: 0 !important;
505 }
506 .vbadmincaltable td:first-child {
507 border-left: 0 !important;
508 }
509 .vbadmincaltable td:hover {
510 background-color: var(--vbo-config-border-color);
511 }
512 .vbadmincaltable td:active {
513 background-color: var(--vbo-blue-color);
514 color: #fff;
515 }
516 .vbadmincaltable .busy {
517 background: var(--vbo-red-color);
518 }
519 .vbadmincaltable .busy:hover {
520 background: var(--vbo-red-color-hover);
521 }
522 .busy.busy-closure {
523 background: var(--vbo-config-title-color);
524 }
525 .busy.busy-closure:hover {
526 background: var(--vbo-config-titles-color-light);
527 }
528 .vbadmincaltable .busy > * {
529 font-weight:bold;
530 color:#fff;
531 }
532 .vbadmincaltable td.free {
533 cursor: pointer;
534 }
535 .vbadmincaltrmon td {
536 color: var(--vbo-config-title-color);
537 font-weight:bold;
538 font-size: 14px;
539 border: 0 !important;
540 padding: 6px 5px !important;
541 }
542 .vbadmincaltrmon td:hover {
543 background-color: transparent;
544 }
545 .vbadmincaltrmdays td {
546 font-weight: bold;
547 text-align:center;
548 background-color: var(--vbo-config-child-bg-color);
549 }
550 .vbadmincaltrmdays td:hover {
551 background-color: var(--vbo-config-child-bg-color);
552 }
553 .vborderof {
554 padding:10px 0;
555 font-size:14px;
556 }
557 .vborderof a {
558 font-size:12px;
559 }
560 .vborderpar {
561 margin:10px 0 5px 0;
562 padding:0;
563 font-weight:bold;
564 font-size:13px;
565 }
566 .vborderspan {
567 font-weight:bold;
568 }
569 p.vborderpartot {
570 padding:5px 10px;
571 margin:10px 5px;
572 background: var(--vbo-light-color-btn);
573 border: 1px solid var(--vbo-config-border-color);
574 border-radius:4px;
575 -moz-border-radius:4px;
576 -webkit-border-radius:4px;
577 font-weight:bold;
578 }
579 div.vborderpartot {
580 display: block;
581 padding:5px 10px;
582 margin:10px 5px;
583 background:var(--vbo-light-color-btn);
584 border: 1px solid var(--vbo-config-border-color);
585 border-radius:4px;
586 -moz-border-radius:4px;
587 -webkit-border-radius:4px;
588 font-weight:bold;
589 width: 300px;
590 }
591 .vborderseatasconf {
592 background:var(--vbo-green-color);
593 border: 1px solid var(--vbo-green-color);
594 border-radius:4px;
595 -moz-border-radius:4px;
596 -webkit-border-radius:4px;
597 margin:5px 0 10px;
598 width:133px;
599 display:block;
600 padding:10px;
601 }
602 .vborderseatasconf a {
603 color:#fff !important;
604 font-weight:bold;
605 text-decoration:none;
606 text-transform:uppercase;
607 }
608 .maxthirty {
609 cursor: pointer;
610 max-height: 30px;
611 height: expression(this.height > 30 ? "30px" : true);
612 max-width: 30px;
613 width: expression(this.width > 30 ? "30px" : true);
614 }
615 .maxfifty {
616 max-height: 60px;
617 height: expression(this.height > 50 ? "50px" : true);
618 border:0;
619 border-radius: 4px;
620
621 transition-delay: 0s;
622 transition-duration: 0.15s;
623 transition-property: transform, box-shadow;
624 transition-timing-function: ease-in-out;
625 -webkit-transition-delay: 0s;
626 -webkit-transition-duration: 0.15s;
627 -webkit-transition-property: transform, box-shadow;
628 -webkit-transition-timing-function: ease-in-out;
629 }
630 .maxfifty:hover {
631 box-shadow: 0 0 10px rgba(0,0,0,0.5);
632
633 transform: translateY(-2px);
634 -webkit-transform: translateY(-2px);
635 }
636 .maxninety {
637 max-height: 190px;
638 height: expression(this.height > 190 ? "190px" : true);
639 }
640 .imgresult {
641 max-height: 85px;
642 height: expression(this.height > 85 ? "85px" : true);
643 max-width: 130px;
644 width: expression(this.width > 130 ? "130px" : true);
645 }
646 .vbmenutable td {
647 position:relative;
648 padding:0 12px 0 0;
649 }
650 .vbmenuentries {
651 float:left;
652 width:117px;
653 margin:8px 0 0 85px;
654 }
655 .vbmenuentries a {
656
657 }
658 .vbsubmitfares {
659 background: none repeat scroll 0 0 #708827 !important;
660 border: 1px solid #5D7120 !important;
661 border-radius: 4px 4px 4px 4px;
662 color: #FFFFFF !important;
663 font-size: 14px;
664 padding: 5px 15px;
665 margin:10px 0 0 0;
666 }
667 .vbsubmithfares {
668 background: none repeat scroll 0 0 #0B9E9E !important;
669 border: 1px solid #007171 !important;
670 border-radius: 4px 4px 4px 4px;
671 color: #FFFFFF !important;
672 font-size: 14px;
673 padding: 5px;
674 margin:10px 0 0 0;
675 }
676
677 .vbsubmithcharges {
678 background: none repeat scroll 0 0 #386B16 !important;
679 border: 1px solid #2D5511 !important;
680 border-radius: 4px 4px 4px 4px;
681 color: #FFFFFF !important;
682 font-size: 14px;
683 padding: 5px;
684 margin:10px 0 0 0;
685 cursor:pointer;
686 }
687 .vbo-checkin-commands-wrap .btn.btn-success {
688 padding: 8px 14px;
689 }
690 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
691 border: 1px solid var(--vbo-green-color);
692 background-color: var(--vbo-green-color);
693 color: #fff;
694 border-radius: 3px;
695 margin-bottom: 0;
696 font-size: inherit;
697 }
698 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
699 padding: 10px 14px;
700 }
701 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
702 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
703 background-color: var(--vbo-green-color-hover) !important;
704 border: 1px solid var(--vbo-green-color-hover) !important;
705 }
706 .container-main .btn.btn-warning {
707 border: 1px solid var(--vbo-orange-color);
708 background-color: var(--vbo-orange-color);
709 border-radius: 3px;
710 padding: 10px 14px;
711 margin-bottom: 0;
712 }
713 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
714 background-color: var(--vbo-orange-color-hover) !important;
715 border: 1px solid var(--vbo-orange-color-hover) !important;
716 }
717 .vbo-checkin-commands-wrap .btn.btn-danger {
718 padding: 8px 14px;
719 }
720 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
721 border: 1px solid var(--vbo-red-color);
722 background-color: var(--vbo-red-color);
723 border-radius: 3px;
724 margin-bottom: 0;
725 font-size: inherit;
726 }
727 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
728 color: #fff;
729 }
730 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
731 background-color: var(--vbo-red-color-hover) !important;
732 border: 1px solid var(--vbo-red-color-hover) !important;
733 }
734 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
735 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
736 background-color: var(--vbo-red-color-focus) !important;
737 border: 1px solid var(--vbo-red-color-focus) !important;
738 }
739 /* UI Calendar */
740 .ui-widget-content {
741 background: var(--vbo-config-bg-color) !important;
742 color: inherit !important;
743 }
744 .ui-widget-header {
745 background: var(--vbo-config-bg-color) !important;
746 border: 1px solid var(--vbo-config-border-color) !important;
747 color: inherit !important;
748 }
749 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
750 background: var(--vbo-config-bg-color) !important;
751 border-color: var(--vbo-config-border-color) !important;
752 color: inherit !important;
753 }
754 .ui-widget.ui-widget-content {
755 border: 1px solid var(--vbo-config-border-color) !important;
756 }
757 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
758 background: var(--vbo-light-color-btn) !important;
759 }
760 .free{
761 color: var(--vbo-body-text-color);
762 }
763
764 .busy{
765 color: var(--vbo-body-text-color);
766 background: var(--vbo-red-color);
767 }
768
769 .notbusy{
770 color: var(--vbo-body-text-color);
771 background: var(--vbo-config-bg-color);
772 }
773 .bluedays{
774 min-width: 2.7%;
775 background: none repeat scroll 0 0 #02679a;
776 color: #FFFFFF;
777 font-weight: bold;
778 padding: 4px 0;
779 text-align: center;
780 cursor: pointer;
781 }
782 .skip-bluedays-click {
783 cursor: inherit;
784 }
785 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
786 background: #b0c0d1;
787 }
788 .bluedays.vbo-overv-todaycell {
789 background: #074666;
790 }
791 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
792 background: #d9b9d3;
793 }
794 .bluedays.vbo-overv-festcell {
795 cursor: pointer;
796 background: #a07e9a;
797 }
798 .vbo-overview-month {
799 font-size: 105%;
800 }
801 .vbo-overview-redday, .vbo-overview-subredday {
802 color: #fff;
803 }
804 .vboverviewtablerow .busy:not(.vbo-checkinday) {
805 cursor: pointer;
806 }
807 .vbo-checkinday {
808 border-top: 3px solid var(--vbo-green-color);
809 }
810 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
811 background: var(--vbo-red-color) !important;
812 }
813 .busy:hover {
814 background: var(--vbo-red-color-hover);
815 }
816 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
817 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
818 }
819 .vbo-partially {
820 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
821 }
822 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
823 background: var(--vbo-orange-color-hover) !important;
824 }
825 .busy-sharedcalendar {
826 position: relative;
827 }
828 .busy-sharedcalendar:before {
829 position: absolute;
830 z-index: 0;
831 width: 100%;
832 height: 100%;
833 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
834 content: "";
835 top: 0;
836 left: 0;
837 }
838 .vbo-avov-legend {
839 margin: 9px 10px 0;
840 }
841 .vbo-overview-legend-init {
842 display: inline-block;
843 vertical-align: middle;
844 font-size: 13px;
845 font-weight: bold;
846 margin-right: 10px;
847 }
848 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
849 display: inline-block;
850 margin-right: 10px;
851 font-size: 12px;
852 vertical-align: middle;
853 }
854 .vbo-overview-legend-box {
855 display: inline-block;
856 width: 15px;
857 height: 15px;
858 vertical-align: middle;
859 border-radius: 2px;
860 margin-right: 2px;
861 }
862 .vbo-overview-legend-red .vbo-overview-legend-box {
863 background: none repeat scroll 0 0 var(--vbo-red-color);
864 }
865 .vbo-overview-legend-yellow .vbo-overview-legend-box {
866 background: none repeat scroll 0 0 #f0ad4e;
867 }
868 .vbo-overview-legend-green .vbo-overview-legend-box {
869 border-top: 2px solid var(--vbo-green-color);
870 background: var(--vbo-config-bg-color);
871 }
872 .vbo-overview-legend-title {
873 display: inline-block;
874 vertical-align: middle;
875 }
876 #jmodal-vbo-new-res {
877 width: 90% !important;
878 top: 50%;
879 left: 50%;
880 transform: translate(-50%, -50%);
881 margin: 0 !important;
882 }
883 td.roomname {
884 background: var(--vbo-config-child-bg-color);
885 height: 40px;
886 padding: 5px 10px 5px 6px;
887 text-align: left;
888 }
889 td.roomname.subroomname {
890 background: var(--vbo-config-bg-color) !important;
891 }
892 .vbo-overview-room-info {
893 display: flex;
894 }
895 .vbo-overview-room-info > span {
896 align-self: center;
897 }
898 .vbo-overview-roomname {
899 font-weight: bold;
900 font-size: 14px;
901 display: inline-block;
902 max-width: 185px;
903 }
904 .vbo-overview-roomunits {
905 display: inline-block;
906 margin: 0 5px 0 2px;
907 background: none repeat scroll 0 0 #3e6372;
908 border-radius: 50%;
909 color: #fff;
910 font-size: 12px;
911 font-weight: bold;
912 min-height: 20px;
913 min-width: 20px;
914 padding: 4px;
915 text-align: center;
916 }
917 .vbo-overview-subroomname {
918 font-weight: bold;
919 font-size: 13px;
920 }
921 .vbo-overview-subroomunits {
922 display: inline-block;
923 margin: 0 5px 0 2px;
924 font-size: 12px;
925 min-height: 20px;
926 min-width: 20px;
927 padding: 4px;
928 text-align: center;
929 }
930 .vbo-overview-subroomunits i {
931 margin: 0;
932 }
933 .subroom-busy {
934 background: var(--vbo-red-color) none repeat scroll 0 0;
935 color: var(--vbo-body-text-color);
936 }
937 .subnotbusy {
938 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
939 color: #000000;
940 }
941 .dailypricesactive {
942 text-align: center;
943 float: left;
944 font-weight: bold;
945 width: 100%;
946 height: 34px;
947 font-size:14px;
948 line-height:34px;
949 text-transform:uppercase;
950 color:var(--vbo-green-color);
951 background:var(--vbo-input-style-nested-deactive);
952 }
953 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
954 border-radius: 4px;
955 }
956 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
957 flex-wrap: wrap;
958 }
959 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
960 margin: 15px 0;
961 }
962 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
963 margin: 0;
964 }
965 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
966 flex-basis: 100%;
967 font-weight: 500;
968 }
969 .vbo-tariffs-params-container .vbo-param-setting > h4 {
970 margin-top: 0;
971 font-size: 16px;
972 }
973 .vbo-insertrates-cont > div {
974 background-color: var(--vbo-config-bg-color);
975 box-shadow: 0 0 10px rgba(0,0,0,.15);
976 border-radius: 8px;
977 padding: 20px;
978 margin: 0 0 15px;
979 }
980 .vbo-insertrates-cont input[type="number"] {
981 width: 100px !important;
982 }
983 .vbo-ratestable-lbl {
984 font-weight: bold;
985 color: var(--vbo-config-titles-color-light);
986 font-size: 16px;
987 padding: 0px 0px 7px;
988 }
989 .vbo-ratestable-nights > div {
990 display: flex;
991 margin: 5px 0 8px;
992 }
993 .vbo-ratestable-nights > div > span {
994 display: inline-block;
995 min-width: 100px;
996 }
997 .vbo-insertrates-bottom .vbo-ratestable-newprice {
998 display: flex;
999 flex-wrap: wrap;
1000 margin: 5px 0;
1001 border: 1px solid var(--vbo-main-bg-color);
1002 padding: 10px 10px;
1003 }
1004 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
1005 align-self: center;
1006 }
1007 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
1008 font-weight: 500;
1009 }
1010 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1011 margin-left: auto;
1012 }
1013 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1014 flex-basis: 100%;
1015 margin-top: 5px;
1016 }
1017 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1018 display: block;
1019 margin-bottom: 5px;
1020 }
1021 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1022 display: block;
1023 }
1024 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1025 width: 100% !important;
1026 box-sizing: border-box;
1027 height: auto;
1028 }
1029 .vbo-insertrates-save {
1030 margin-top: 20px;
1031 }
1032 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1033 padding: 10px 25px;
1034 font-size: 13px;
1035 }
1036 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1037 background: transparent;
1038 }
1039 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1040 text-align: right;
1041 margin: 0 auto;
1042 }
1043 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1044 width: 100%;
1045 margin-top: 15px;
1046 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1047 }
1048 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1049 color: var(--vbo-config-titles-color-light);
1050 }
1051 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1052 border: 1px solid var(--vbo-config-border-color);
1053 border-radius: 2px;
1054 padding: 5px 10px;
1055 margin-bottom: 0;
1056 width: 120px !important;
1057 }
1058 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1059 display: block;
1060 text-transform: initial;
1061 max-width: 200px;
1062 white-space: normal;
1063 margin: 0 auto;
1064 font-weight: 600;
1065 }
1066 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1067 font-size: 10px;
1068 text-transform: initial;
1069 }
1070 .vbo-config-gr-services .vbo-config-gr-service {
1071 margin: 4px 0;
1072 }
1073 .vbo-config-gr-services .vbo-config-gr-service i {
1074 margin-right: 0 !important;
1075 }
1076 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1077 padding: 11px 14px;
1078 vertical-align: top;
1079 }
1080 .vbadminfaresctitle {
1081 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1082 border: 1px solid var(--vbo-config-border-color);
1083 border-radius: 4px 4px 4px 4px;
1084 font-size: 13px;
1085 font-weight: bold;
1086 margin: 0 0 10px;
1087 padding: 10px;
1088 text-transform: uppercase;
1089 width: 100%;
1090 display: inline-block;
1091 }
1092 .vbadminfaresctitle form {
1093 margin: 0;
1094 }
1095 .vbadminfaresctitle form select {
1096 margin: 0;
1097 }
1098 .vbdashparag {
1099 font-size:12px;
1100 }
1101 .vbdashparagred span {
1102 font-weight: bold;
1103 color:var(--vbo-red-color);
1104 display: inline-block;
1105 min-width: 200px;
1106 }
1107 .vbdashspanright {
1108 float: right;
1109 padding:0 0 20px 0;
1110 font-size:12px;
1111 }
1112 .vbdashspanright form {
1113 padding:0 0 0 3px;
1114 display:inline;
1115 }
1116 .vbdashdivleft {
1117 float:left;
1118 border: 1px solid var(--vbo-config-border-color);
1119 border-radius:10px;
1120 -moz-border-radius:10px;
1121 -webkit-border-radius:10px;
1122 background:var(--vbo-config-bg-color);
1123 padding:20px;
1124 box-shadow:0 0 2px rgba(0,0,0,0.2);
1125 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1126 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1127 margin:15px 30px 15px 0;
1128 width:55%;
1129 }
1130 .vbdashdivleft .vbdashdivlefthead {
1131 margin:0 0 10px 0;
1132 padding:0;
1133 text-transform:uppercase;
1134 font-size:14px;
1135 color:var(--vbo-green-color);
1136 }
1137 .vbdashdivleft .vbdashtable {
1138 width:100%;
1139 }
1140 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1141 padding:3px 0;
1142 }
1143 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1144 font-size:12px;
1145 color:var(--vbo-blue-color);
1146 }
1147 .vbdashdivright {
1148 float:right;
1149 border: 1px solid var(--vbo-config-border-color);
1150 border-radius:10px;
1151 -moz-border-radius:10px;
1152 -webkit-border-radius:10px;
1153 background:var(--vbo-config-bg-color);
1154 padding:20px;
1155 box-shadow:0 0 2px rgba(0,0,0,0.2);
1156 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1157 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1158 margin:15px 0 15px 0;
1159 width:30%;
1160 }
1161 .vbdashdivright .vbdashdivrighthead {
1162 margin:0 0 10px 0;
1163 padding:0;
1164 text-transform:uppercase;
1165 font-size:14px;
1166 color:var(--vbo-green-color);
1167 }
1168 .vbdashdivright .vbdashtable {
1169 width:100%;
1170 }
1171 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1172 font-size:12px;
1173 font-weight:bold;
1174 color:var(--vbo-config-title-color);
1175 text-transform:uppercase;
1176 padding:0 0 5px 0;
1177 }
1178 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1179 padding:0 5px;
1180 }
1181 #vbadultsdiffbox p {
1182 margin: 0px 0 10px;
1183 border: 1px solid var(--vbo-basic-btn);
1184 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1185 border-radius: 10px;
1186 padding: 10px;
1187 }
1188 #vbadultsdiffbox p:last-child {
1189 margin-bottom: 0;
1190 }
1191 #vbadultsdiffbox .vbo-adults-usage {
1192 margin-right: 15px;
1193 display: block;
1194 margin-bottom: 4px;
1195 font-weight: 500;
1196 }
1197
1198 .vbplusminus {
1199 cursor: pointer;
1200 vertical-align: middle;
1201 display: inline-block;
1202 margin: -7px 0 0 5px;
1203 text-align: center;
1204 width: 20px;
1205 height: 20px;
1206 font-size: 20px;
1207 }
1208
1209 .vbplusminuscont {
1210 display: inline-block;
1211 text-align: right;
1212 }
1213 .vbplusminuscont > span {
1214 display: inline-block;
1215 min-width: 35px;
1216 text-align: left;
1217 }
1218 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1219 display: inline-block;
1220 vertical-align: middle;
1221 }
1222 p.vbpfiltconfnumb {
1223 text-align: right;
1224 }
1225
1226 .vbotaspblock {
1227 display: block;
1228 background: none repeat scroll 0 0 var(--vbo-blue-color);
1229 border: 0;
1230 border-radius: 5px 5px 5px 5px;
1231 margin: 0 3px 5px 0;
1232 padding: 4px;
1233 color: var(--vbo-body-text-color);
1234 font-weight: bold;
1235 position: relative;
1236 }
1237 .vbotaspblock:before {
1238 content: "";
1239 height: 20px;
1240 left: -1px;
1241 position: absolute;
1242 top: -11px;
1243 width: 20px;
1244 }
1245 .vboverviewtable {
1246 width: 100%;
1247 border: 0;
1248 border-collapse: inherit;
1249 border-spacing: 0;
1250 }
1251 .vboverviewtable {
1252 font-size: 105%;
1253 }
1254 .vboverviewtablerowone {
1255 height: 30px;
1256 }
1257 .vbo-overv-montable-wrap {
1258 margin-bottom: 20px;
1259 }
1260 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1261 min-width: 80px;
1262 }
1263 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1264 min-width: 80px;
1265 max-width: 80px;
1266 }
1267 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1268 min-width: 250px;
1269 }
1270 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1271 display: block;
1272 }
1273 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1274 color: #fff;
1275 font-size: 12px;
1276 }
1277 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1278 font-size: 24px;
1279 margin: 3px 0;
1280 }
1281 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1282 position: sticky;
1283 left: 0;
1284 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1285 z-index: 10;
1286 background-clip: padding-box !important;
1287 }
1288 .vboverviewtablerow {
1289 height: 30px;
1290 }
1291 .vboverviewtdone {
1292 min-width: 130px !important;
1293 text-align: left !important;
1294 padding-left: 1px;
1295 }
1296 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1297 padding: 10px 10px 0;
1298 vertical-align: top;
1299 }
1300 .vbo-roverv-rplan-restrictions {
1301 font-size: 10px;
1302 position: absolute;
1303 left: 10px;
1304 bottom: 4px;
1305 }
1306 .vbo-roverv-rplan .vbo-rplan-name {
1307 width: 150px;
1308 overflow: hidden;
1309 display: inline-block;
1310 white-space: nowrap;
1311 text-overflow: ellipsis;
1312 font-size: 14px;
1313 }
1314 .vbo-roverv-rplan-haslosrates {
1315 bottom: 3px;
1316 }
1317 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1318 font-size: 10px;
1319 }
1320 .vbo-roverv-gonext-cell {
1321 vertical-align: middle;
1322 padding: 0 10px;
1323 }
1324 .vbcloseroom{
1325 float: right;
1326 text-align: right;
1327 }
1328 .vbcloseroomsp i {
1329 color: var(--vbo-red-color);
1330 padding: 4px;
1331 font-size: 15px;
1332 border-radius: 4px;
1333 margin-right: 3px;
1334 }
1335 .vbcloseroomsp label {
1336 display: inline;
1337 }
1338 .vbordersroomclosed {
1339 color: var(--vbo-red-color);
1340 font-weight: bold;
1341 }
1342 .vbordcancelled {
1343 color: var(--vbo-red-color);
1344 font-weight: bold;
1345 background-position: left center;
1346 background-repeat: no-repeat;
1347 padding: 5px 0 5px 18px;
1348 }
1349 .vbcsvexport {
1350 cursor: pointer;
1351 background: var(--vbo-config-bg-color);
1352 color: var(--vbo-config-titles-color-light);
1353 border-radius: 3px;
1354 display: inline-block;
1355 font-weight: bold;
1356 border: 1px solid var(--vbo-green-color);
1357 font-size: 12px;
1358 margin: 0 3px;
1359 }
1360 .vbcsvexport:hover {
1361 text-decoration: none;
1362 background: var(--vbo-green-color-hover);
1363 color: #fff;
1364 }
1365 .vbcsvexport > i {
1366 background: var(--vbo-green-color);
1367 color: #fff;
1368 padding: 11px 12px;
1369 font-size: 16px;
1370 display: inline-block;
1371 }
1372 .vbcsvexport:hover > i {
1373 background: var(--vbo-green-color-hover);
1374 }
1375 .vbo-perms-operators {
1376 cursor: pointer;
1377 background: var(--vbo-config-bg-color);
1378 color: var(--vbo-config-titles-color-light);
1379 border-radius: 3px;
1380 display: inline-block;
1381 font-weight: bold;
1382 border: 1px solid var(--vbo-blue-color);
1383 font-size: 12px;
1384 margin: 0 3px;
1385 }
1386 .vbo-perms-operators:hover {
1387 text-decoration: none;
1388 background: var(--vbo-blue-color-hover);
1389 color: #fff;
1390 }
1391 .vbo-perms-operators > i {
1392 background: var(--vbo-blue-color);
1393 color: #fff;
1394 padding: 11px 12px;
1395 font-size: 16px;
1396 display: inline-block;
1397 float: left;
1398 }
1399 .vbo-perms-operators:hover > i {
1400 background: var(--vbo-blue-color-hover);
1401 }
1402 .vbo-perms-operators > span {
1403 padding: 9px 12px 0 7px;
1404 display: inline-block;
1405 float: left;
1406 }
1407 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1408 margin: 0 2px;
1409 }
1410 .vbicsexport {
1411 cursor: pointer;
1412 background: var(--vbo-config-bg-color);
1413 color: var(--vbo-config-titles-color-light);
1414 border-radius: 3px;
1415 display: inline-block;
1416 font-weight: bold;
1417 border: 1px solid var(--vbo-orange-color);
1418 font-size: 12px;
1419 }
1420 .vbicsexport > i {
1421 background: var(--vbo-orange-color);
1422 color: #fff;
1423 padding: 10px 12px;
1424 font-size: 16px;
1425 }
1426 .vbicsexport:hover {
1427 text-decoration: none;
1428 background: var(--vbo-orange-color-hover);
1429 color: #fff;
1430 }
1431 .vbicsexport:hover > i {
1432 background: var(--vbo-orange-color-hover);
1433 }
1434 .vbcsvexport > span, .vbicsexport > span {
1435 padding: 9px 12px 0 7px;
1436 display: inline-block;
1437 vertical-align: top;
1438 }
1439 /* VikBooking 1.3 */
1440 .vbrestrdrangesp {
1441 display: inline-block;
1442 min-width: 80px;
1443 }
1444 .vbwdaytwodiv {
1445 margin-left:5px;
1446 }
1447 #vbwdaytwodivid > span {
1448 display: none;
1449 margin: 10px 4px 0 0;
1450 }
1451 .vbwdaycombodiv {
1452 margin-top: 10px;
1453 }
1454 .vbwdaycombodiv .vbwdaycombop > label {
1455 min-width: 125px
1456 }
1457 .vbwdaycombosp {
1458 display: block;
1459 font-weight:bold;
1460 }
1461 .vbwdaycombohelp {
1462 display: block;
1463 font-size:smaller;
1464 }
1465 .vbrestrroomssp {
1466 display: block;
1467 font-weight: bold;
1468 margin-top: 10px;
1469 }
1470 .vbo-bookingdet-noteslogs pre {
1471 word-break: break-all;
1472 white-space: break-spaces;
1473 }
1474 #vbpaymentlogdiv {
1475 display: none;
1476 height: 250px;
1477 margin-top: 5px;
1478 overflow-x: hidden;
1479 overflow-y: auto;
1480 padding: 5px;
1481 }
1482 #vbpaymentlogdiv .vcm-notif-pcidrq-container {
1483 float: right;
1484 display: inline-block;
1485 margin-bottom: 10px;
1486 }
1487 #vbpaymentlogdiv pre {
1488 border: 1px solid var(--vbo-main-bg-color);
1489 max-width: 70%;
1490 min-height: calc(100% - 22px);
1491 margin: 0;
1492 padding: 10px;
1493 }
1494 .vbordersp {
1495 font-weight:bold;
1496 }
1497 .vbordersphighlight {
1498 background: none repeat scroll 0 0 var(--vbo-base-color);
1499 border: 0 none;
1500 border-radius: 5px;
1501 color: #ffffff;
1502 display: inline-block;
1503 margin: 0 0 0 -1px;
1504 padding: 4px;
1505 }
1506 #vbadminnotesdiv, #vbinvnotesdiv {
1507 display: none;
1508 border-radius: 5px;
1509 min-height: 250px;
1510 max-width: 500px;
1511 margin-top: 5px;
1512 overflow-x: auto;
1513 overflow-y: auto;
1514 padding: 5px;
1515 }
1516 textarea.vbadminnotestarea {
1517 width: 490px !important;
1518 height: 240px !important;
1519 border: 1px solid var(--vbo-main-bg-color);
1520 border-radius: 5px;
1521 padding: 3px;
1522 margin-bottom: 10px;
1523 }
1524 .vbroomparamp {
1525 margin-bottom: 0;
1526 padding-bottom: 6px;
1527 }
1528 .vbroomparamp.vbroomparampactive {
1529 border-left: 1px solid var(--vbo-config-titles-color-light);
1530 }
1531 #defcalcostp {
1532 margin-bottom: 4px;
1533 }
1534 p.vbroomparamp label {
1535 padding-right: 8px;
1536 display: inline-block !important;
1537 min-width: 195px;
1538 }
1539 p.vbroomparamp span {
1540 font-size: smaller;
1541 font-style: italic;
1542 display: inline-block;
1543 padding-left: 8px;
1544 max-width: 300px;
1545 }
1546 .vbapplydiscsp {
1547 float: right;
1548 cursor: pointer;
1549 }
1550 .vbdiscenter {
1551 display: none;
1552 margin-top: 5px;
1553 font-weight: normal;
1554 padding:5px 0 0 0;
1555 border-top:1px solid var(--vbo-config-border-color);
1556 }
1557 .vbdiscenter-entry {
1558 padding:3px 0;
1559 }
1560 .vbdiscenter-label {
1561 font-weight:bold;
1562 display:inline-block;
1563 min-width:50%;
1564 }
1565 .vbdiscenter-entrycentered {
1566 text-align: right;
1567 }
1568 .vbdiscenter-entrycentered input {
1569 background:var(--vbo-green-color);
1570 color:#fff;
1571 border-radius:4px;
1572 }
1573 .vbflushsession {
1574 background: none repeat scroll 0 0 var(--vbo-blue-color);
1575 border: 1px solid var(--vbo-blue-color);
1576 border-radius: 1px;
1577 color: #FFFFFF;
1578 display: inline-block;
1579 font-size: 12px;
1580 padding: 4px 12px;
1581 border-radius: 4px;
1582 text-decoration: none;
1583 }
1584 .vbflushsession:hover {
1585 text-decoration: none;
1586 color: #FFFFFF;
1587 background: var(--vbo-blue-color-hover);
1588 border-color: var(--vbo-blue-color-hover);
1589 }
1590 .vbflushsession:active {
1591 background: var(--vbo-blue-color-hover);
1592 border-color: var(--vbo-blue-color-hover);
1593 color: #fff;
1594 }
1595 .vbotasp {
1596 background: none repeat scroll 0 0 var(--vbo-blue-color);
1597 border: 0 none;
1598 border-radius: 5px;
1599 color: #FFFFFF;
1600 display: inline-block;
1601 font-weight: bold;
1602 margin: 0 3px 0 0;
1603 min-width: 67px;
1604 padding: 4px;
1605 position: relative;
1606 }
1607 .vbotasp:before {
1608 content: "";
1609 height: 20px;
1610 left: -27px;
1611 position: absolute;
1612 top: 0;
1613 width: 20px;
1614 }
1615 .vbexplaination {
1616 font-style: italic;
1617 padding: 5px;
1618 }
1619 .vborderiddata {
1620 margin:10px 0 0 0;
1621 }
1622 .vborderiddata span {
1623 padding: 0 0 0 10px;
1624 }
1625 .vborderdatatab {
1626 line-height:1.4em;
1627 width:80%;
1628 }
1629 .vbordactionlink {
1630 background: none repeat scroll 0 0 var(--vbo-blue-color);
1631 border: 0 none;
1632 border-radius: 5px;
1633 color: #FFFFFF !important;
1634 display: inline-block;
1635 font-weight: bold;
1636 margin: 0 3px 0 0;
1637 padding: 4px;
1638 }
1639 .vbordroominfo {
1640 background: var(--vbo-config-child-bg-color);
1641 border-radius:5px;
1642 border: 1px solid var(--vbo-config-border-color);
1643 padding:10px;
1644 margin:0 0 10px 0;
1645 max-width:400px;
1646 }
1647 .vborderinfoblock {
1648 background: var(--vbo-config-child-bg-color);
1649 border-radius:5px;
1650 border: 1px solid var(--vbo-config-border-color);
1651 padding:10px;
1652 margin:0 0 10px 0;
1653 }
1654 .vbroomselfilter {
1655 margin-right: 5px;
1656 }
1657 .vbmodelink {
1658 border: 1px solid var(--vbo-config-border-color);
1659 border-radius: 3px;
1660 display: inline-block;
1661 color: var(--vbo-config-titles-color-light);
1662 }
1663 .vbmodelink:hover {
1664 border: 1px solid var(--vbo-base-color-hover);
1665 }
1666 .vbmodelink > span {
1667 display: inline-block;
1668 padding: 0 8px 0 3px;
1669 }
1670 .vbmodelink > i {
1671 background: var(--vbo-main-bg-color);
1672 font-size: 15px;
1673 padding: 8px 10px;
1674 border-right: 1px solid var(--vbo-config-border-color);
1675 }
1676 .vbmodelink:hover > i, .vbmodelink:active > i {
1677 background-color: var(--vbo-base-color);
1678 color: #fff;
1679 border-right: 1px solid var(--vbo-base-color);
1680 }
1681 .vbmodelink-active {
1682 background: var(--vbo-config-bg-color) !important;
1683 border-color: var(--vbo-base-color);
1684 color: var(--vbo-base-color);
1685 }
1686 .vbmodelink-active > i {
1687 background: var(--vbo-base-color);
1688 color: #fff;
1689 }
1690 .vbimagedetbox {
1691 border: 1px solid var(--vbo-config-border-color);
1692 border-radius: 3px;
1693 padding: 20px;
1694 position: absolute;
1695 width: 300px;
1696 background-color: var(--vbo-config-bg-color);
1697 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1698 color: var(--vbo-config-title-color);
1699 z-index: 1000;
1700 right: 0;
1701 }
1702 .captionlabel {
1703 padding:0 0 10px;
1704 display:inline-block;
1705 width: 95%;
1706 font-weight: bold;
1707 }
1708 .captionlabel span {
1709 display:block;
1710 margin:0 0 4px 0;
1711 }
1712 .captionlabel input {
1713 border-radius:3px;
1714 padding:2px;
1715 width: 100% !important;
1716 }
1717 .captionsubmit {
1718 background: none repeat scroll 0 0 var(--vbo-green-color);
1719 border: 1px solid var(--vbo-green-color) !important;
1720 border-radius: 2px;
1721 color: #fff;
1722 cursor: pointer;
1723 padding: 10px 14px !important;
1724 line-height: 18px;
1725 font-size: 13px;
1726 }
1727 .captionsubmit:hover {
1728 background-color: var(--vbo-green-color-hover) !important;
1729 }
1730 .captionsubmit:active {
1731 background-color: var(--vbo-green-color-hover) !important;
1732 }
1733 .captionremoveimg {
1734 float: right;
1735 text-align: right;
1736 }
1737 .captionremoveimg span {
1738 float: left;
1739 display: inline-block;
1740 margin: 8px 6px 0px;
1741 }
1742 .captionremoveimg a {
1743 float:left;
1744 display:inline-block;
1745 }
1746 .captionremoveimg .icon-remove {
1747 font-size: 10px;
1748 margin-left: -5px;
1749 margin-right: 5px;
1750 }
1751 .vbheadfourblue {
1752 background: #02679a;
1753 color: #fff;
1754 margin-bottom: -5px !important;
1755 padding: 6px 3px 6px 6px;
1756 border-radius: 3px;
1757 }
1758 .vbswitchrblock {
1759 float: right;
1760 display: block;
1761 padding: 5px;
1762 border: 1px solid #ccc;
1763 border-radius: 3px;
1764 clear: both;
1765 }
1766 .vbswitchrblock select {
1767 margin: 0 !important;
1768 }
1769 .vbo-ebusy-lbl {
1770 display: block;
1771 font-weight: bold;
1772 font-size: larger;
1773 margin-left: 3px;
1774 }
1775 .vbo-ebusy-opt-table tr td {
1776 padding-right: 15px !important;
1777 }
1778 .vbo-ebusy-opt-table tr td:last-child {
1779 text-align: center;
1780 padding: 0 !important;
1781 }
1782 .vbo-ebusy-tars-table tr td {
1783 padding-right: 15px !important;
1784 }
1785 .vbo-ebusy-toggle-aduchild {
1786 border-left: 1px solid rgb(255, 255, 255);
1787 color: #e6e6e6;
1788 cursor: pointer;
1789 display: inline-block;
1790 float: right;
1791 height: 100%;
1792 min-width: 25px;
1793 padding-left: 0.7em;
1794 padding-top: 1px;
1795 padding-bottom: 1px;
1796 }
1797 .vbo-ebusy-rmroom {
1798 border-left: 1px solid rgb(255, 255, 255);
1799 color: #ff0000;
1800 cursor: pointer;
1801 display: inline-block;
1802 float: right;
1803 height: 100%;
1804 min-width: 25px;
1805 padding-left: 0.7em;
1806 padding-top: 1px;
1807 padding-bottom: 1px;
1808 }
1809 .vbo-ebusy-toggle-aduchild-on {
1810 color: #fff;
1811 }
1812 .vbo-ebusy-addextracost {
1813 margin-left: 50px;
1814 }
1815 .vbo-ebusy-extracosts-table tr {
1816 border-bottom:1px solid #ddd;
1817 background: #eee;
1818 }
1819 .vbo-ebusy-extracosts-table td {
1820 padding: 10px !important;
1821 }
1822 .vbo-ebusy-extracosts-table td input {
1823 margin-bottom: 0;
1824 }
1825 .vbo-ebusy-extracosts-cellrm {
1826 vertical-align: top;
1827 }
1828 .vbo-ebusy-extracosts-cellrm .btn {
1829 margin: 0;
1830 }
1831 .vbo-ebusy-extracosts-celltax select {
1832 margin: 0 !important;
1833 }
1834 .vbo-add-room-overlay {
1835 padding: 10px 10px 20px;
1836 }
1837 .vbo-add-room-overlay .vbo-add-room-entry {
1838 display: flex;
1839 flex-wrap: wrap;
1840 width: 100%;
1841 }
1842 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1843 display: block;
1844 width: 100% !important;
1845 max-width: 100%;
1846 }
1847 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1848 display: inline-block;
1849 vertical-align: top;
1850 flex: 1;
1851 margin: 8px 0;
1852 }
1853 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1854 margin-right: 20px;
1855 }
1856 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1857 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1858 width: 100% !important;
1859 box-sizing: border-box;
1860 height: auto;
1861 }
1862 /* START: VikBooking v1.6 */
1863 .add-tax-breakdown-cont {
1864 margin-bottom: 0;
1865 border: 1px solid var(--vbo-config-border-color);
1866 padding: 10px;
1867 border-radius: 4px;
1868 margin: 4px 0 10px;
1869 display: flex;
1870 flex-wrap: wrap;
1871 }
1872 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1873 margin-left: auto;
1874 order: 3;
1875 align-self: end;
1876 }
1877 .add-tax-breakdown-cont > div {
1878 display: inline-block;
1879 vertical-align: top;
1880 margin: 3px 0;
1881 }
1882 .add-tax-breakdown-cont .add-tax-breakdown-name {
1883 flex-basis: 100%;
1884 }
1885 .add-tax-breakdown-cont div span {
1886 display: inline-block;
1887 min-width: 100px;
1888 }
1889 .add-tax-breakdown-cont .add-tax-breakdown-rate {
1890 display: block;
1891 }
1892 .add-tax-breakdown-remove {
1893 cursor: pointer;
1894 font-size: 20px;
1895 }
1896 .vbo-select-all {
1897 display: block;
1898 width: 180px;
1899 margin: 0 0 5px 0;
1900 padding: 5px 2px;
1901 background: var(--vbo-basic-btn);
1902 border: 1px solid var(--vbo-config-border-color);
1903 cursor: pointer;
1904 text-align: center;
1905 }
1906 .vbo-select-all:hover {
1907 background: var(--vbo-basic-btn-hover);
1908 }
1909 #vbo-pkg-calcexcld {
1910 display: inline-block;
1911 margin-right: 10px;
1912 }
1913 #vbo-pkg-excldates-td {
1914 display: inline-block;
1915 vertical-align: top;
1916 }
1917 #vbo-pkg-excldates-td select {
1918 height: 90px !important;
1919 }
1920 .promotr {
1921 display: none;
1922 }
1923 #promovalidity {
1924 display: inline-block;
1925 padding-left: 5px;
1926 }
1927 /* END: VikBooking v1.6 */
1928 /* Back-end Menu */
1929 .vbo-menu-container {
1930 display: flex;
1931 align-items: flex-start;
1932 margin-bottom: 50px;
1933 }
1934 .vbo-menu-container-closer {
1935 margin-bottom: 10px;
1936 }
1937 .vbo-menu-left {
1938 float: left;
1939 display: inline-block;
1940 margin-right: 15px;
1941 max-width: 150px;
1942 border-radius: 5px;
1943 padding: 10px;
1944 margin-top: -10px;
1945 }
1946 .vbo-menu-left:hover {
1947 background: #ddd;
1948 }
1949 .vbo-menu-left img {
1950 max-width: 100%;
1951 border: 0;
1952 position: relative;
1953 display: inline-block;
1954 -webkit-transform: translateZ(0);
1955 -moz-transform: translateZ(0);
1956 transform: translateZ(0);
1957 }
1958 .vbo-menu-left a {
1959 position: relative;
1960 display: block;
1961 overflow: hidden;
1962 }
1963 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
1964 text-decoration: none;
1965 }
1966 .vbo-menu-left a:after {
1967 opacity: 0;
1968 }
1969 .vbo-menu-left a:hover:after {
1970 animation: shine 5s ease-in-out infinite;
1971 animation-fill-mode: forwards;
1972 content: "";
1973 position: absolute;
1974 top: -110%;
1975 left: -210%;
1976 width: 100%;
1977 height: 200%;
1978 opacity: 0;
1979 transform: rotate(30deg);
1980
1981 background: rgba(255, 255, 255, 0.13);
1982 background: linear-gradient(
1983 to right,
1984 rgba(255, 255, 255, 0.13) 0%,
1985 rgba(255, 255, 255, 0.13) 77%,
1986 rgba(255, 255, 255, 0.5) 92%,
1987 rgba(255, 255, 255, 0.0) 100%
1988 );
1989 }
1990 @keyframes shine{
1991 10% {
1992 opacity: 1;
1993 top: -60%;
1994 left: -20%;
1995 transition-property: left, top, opacity;
1996 transition-duration: 0.7s, 0.7s, 0.15s;
1997 transition-timing-function: ease;
1998 }
1999 100% {
2000 opacity: 0;
2001 top: -60%;
2002 left: -20%;
2003 transition-property: left, top, opacity;
2004 }
2005 }
2006 .vbo-menu-right {
2007 flex: 1;
2008 background: #22485d;
2009 border-radius: 6px;
2010 }
2011 .vbo-menu-right ul {
2012 list-style-type: none;
2013 margin: 0;
2014 padding: 0 0 0 2px;
2015 }
2016 .vbo-menu-right > .vbo-menu-ul {
2017 display: inline-block;
2018 }
2019 .vbo-menu-updates {
2020 float: right;
2021 display: inline-block;
2022 }
2023 .vbo-menu-updates > button {
2024 float: right;
2025 display: inline-block;
2026 background: #3f708b;
2027 color: #fff;
2028 font-weight: bold;
2029 border: 1px solid #3f708b;
2030 padding: 13px 15px;
2031 border-radius: 36px;
2032 margin: 7px 8px 6px 2px;
2033 }
2034 .vbo-menu-updates button span {
2035 max-width: 120px;
2036 white-space: nowrap;
2037 overflow: hidden;
2038 text-overflow: ellipsis;
2039 display: inline-block;
2040 vertical-align: top;
2041 }
2042 .vbo-menu-updates button i {
2043 display: inline-block;
2044 vertical-align: middle;
2045 margin-right: 5px;
2046 }
2047 .vbo-menu-updates button.vbo-multitasking-apps i {
2048 margin-right: 0;
2049 vertical-align: middle;
2050 }
2051 .vbo-menu-updates.vbo-menu-needupdate button {
2052 background: var(--vbo-green-color);
2053 border: 1px solid var(--vbo-green-color);
2054 }
2055 .vbo-submenu-wrap {
2056 background: var(--vbo-config-bg-color);
2057 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2058 min-width: 180px;
2059 padding: 5px 0;
2060 border-radius: 10px;
2061 margin: 0;
2062 position: absolute;
2063 z-index: 100;
2064
2065 visibility: hidden;
2066 opacity: 0;
2067 transform: scale(0.99) translateY(-0.7em);
2068 transform-origin: top;
2069 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2070 transition-duration: 500ms;
2071 transition-property: opacity,transform;
2072 }
2073 @media screen and (min-width: 1012px) {
2074 .vbo-submenu-wrap {
2075 width: 230px;
2076 padding: 22px;
2077 }
2078 .vbo-submenu-wrap-multi {
2079 width: 400px;
2080 display: flex;
2081 }
2082 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2083 padding-right: 10px;
2084 min-width: 45%;
2085 border-right: 1px solid var(--vbo-config-border-color);
2086 }
2087 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2088 padding-left: 22px;
2089 }
2090 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2091 right: 0;
2092 }
2093 }
2094 @media screen and (max-width: 1012px) {
2095 .vbo-submenu-wrap {
2096 padding: 15px 20px;
2097 }
2098 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2099 border-bottom: 1px solid var(--vbo-config-border-color);
2100 padding-bottom: 10px;
2101 }
2102 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2103 margin-top: 10px;
2104 }
2105 }
2106 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2107 visibility: visible;
2108 opacity: 1;
2109 transform: scale(1) translateY(0);
2110 }
2111 .vbo-menu-ul li {
2112 display: inline-block;
2113 text-align: left;
2114 position: relative;
2115 padding: 5px 4px;
2116 }
2117 .vbo-submenu-wrap ul li {
2118 display: block;
2119 width: 100%;
2120 line-height: initial;
2121 padding: 0;
2122 }
2123 .vbo-submenu-wrap li > div {
2124 display: block;
2125 font-size: 14px;
2126 }
2127 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2128 font-weight: bold;
2129 font-size: 15px;
2130 margin-bottom: 5px;
2131 }
2132 .vbo-menu-parent-li > span {
2133 display: inline-block;
2134 color:#ffffff;
2135 cursor: pointer;
2136 padding: 14px 22px;
2137 font-size: 14px;
2138 font-weight: bold;
2139 position: relative;
2140 border-radius: 8px;
2141 }
2142 .vbo-menu-parent-li > span a {
2143 color: #fff !important;
2144 }
2145 .vbo-menu-parent-li > span a:hover {
2146 text-decoration: none !important;
2147 }
2148 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2149 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2150 transition-duration: 500ms;
2151 transition-property: opacity,transform;
2152 font-size: 12px;
2153 opacity: .7;
2154 margin-left: 4px;
2155 }
2156 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2157 transform: translateY(2px);
2158 }
2159 .vbo-menu-parent-li-active > span {
2160 background: #c2880e;
2161 }
2162 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2163 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2164 background: #3f708b;
2165 }
2166 .vbo-menu-parent-li > span > i {
2167 margin-left: -2px;
2168 margin-right: 7px;
2169 font-size: 17px;
2170 }
2171 .vbo-submenu-wrap li {
2172 margin: 0;
2173 }
2174 .vbo-submenu-wrap li > div a {
2175 padding: 8px 0;
2176 display: flex;
2177 }
2178 .vbo-submenu-wrap li > div a i {
2179 margin-right: 6px;
2180 margin-top: 2px;
2181 font-size: 16px;
2182 color: var(--vbo-config-titles-color-light);
2183 min-width: 22px;
2184 }
2185 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2186 display: inline-block;
2187 }
2188 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2189 max-width: 100%;
2190 border-radius: 50%;
2191 object-fit: cover;
2192 height: 20px;
2193 width: 20px;
2194 margin-right: 8px;
2195 }
2196 .vbo-submenu-wrap li .vbo-submenu-item {
2197 line-height: 1.4em;
2198 }
2199 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2200 display: block;
2201 }
2202 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2203 font-weight: bold;
2204 font-size: 16px;
2205 }
2206 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2207 font-size: 14px;
2208 color: var(--vbo-config-titles-color-light);
2209 }
2210 .vbo-submenu-wrap li:first-child a {
2211 padding-top: 0;
2212 }
2213 .vbo-submenu-wrap li:last-child a {
2214 padding-bottom: 0;
2215 }
2216 .vmenulink a {
2217 display: block;
2218 }
2219 .vmenulink a {
2220 color: var(--vbo-body-text-color) !important;
2221 }
2222 .vmenulinkactive a {
2223 display: block;
2224 color: var(--vbo-contrast-text-color) !important;
2225 }
2226 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2227 text-decoration: none;
2228 color: var(--vbo-base-color) !important;
2229 }
2230 .vbo-submenu-helper-ul > li > .vmenulink {
2231 display: flex;
2232 padding: 8px 0;
2233 }
2234 .vbo-submenu-helper-ul > li div a {
2235 padding: 0;
2236 margin-right: 13px;
2237 }
2238 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2239 align-self: center;
2240 margin-left: auto;
2241 font-size: 12px;
2242 display: inline-block;
2243 padding: 2px 3px;
2244 cursor: pointer;
2245 }
2246 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2247 opacity: 0;
2248 }
2249 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2250 color: var(--vbo-base-color);
2251 opacity: .7;
2252 }
2253 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2254 opacity: 1;
2255
2256 transition: all 200ms ease-in-out 200ms;
2257 -moz-transition: all 200ms ease-in-out 200ms;
2258 -webkit-transition: all 200ms ease-in-out 200ms;
2259 -o-transition: all 200ms ease-in-out 200ms;
2260 }
2261 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2262 color: var(--vbo-config-text-color-light);
2263 }
2264 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2265 opacity: 1;
2266 color: var(--vbo-base-color);
2267 }
2268
2269
2270 /* END Back-end Menu */
2271 .vbo-config-warn {
2272 display: block;
2273 font-style: italic;
2274 margin: 5px 0 0;
2275 }
2276 /* Bookings List - Begin */
2277 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2278 vertical-align: middle;
2279 font-size: 13px;
2280 }
2281 table.vbo-list-table tbody tr .vbo-highlighted-td {
2282 font-weight: bold;
2283 }
2284 .vbo-coupon-use-count a {
2285 display: inline-block;
2286 background: var(--vbo-base-color);
2287 padding: 0 5px;
2288 border-radius: 4px;
2289 color: var(--vbo-contrast-text-color);
2290 }
2291 .vbo-coupon-use-count a:hover {
2292 background: var(--vbo-base-color-hover);
2293 color: var(--vbo-contrast-text-color);
2294 }
2295 .vbo-list-table .btn {
2296 white-space: nowrap;
2297 }
2298 .vbo-list-table .btn i {
2299 margin-right: 3px;
2300 }
2301 a.vbo-bookingslist-viewdet-link {
2302 display: inline-block;
2303 cursor: pointer;
2304 color: #fff;
2305 min-width: 60%;
2306 }
2307 a.vbo-bookingslist-viewdet-link:hover {
2308 text-decoration: none;
2309 }
2310 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2311 border-radius: 50%;
2312 object-fit: cover;
2313 border: 1px solid var(--vbo-config-border-color);
2314 display: inline-block;
2315 vertical-align: top;
2316 width: 32px;
2317 height: 32px;
2318 line-height: 30px;
2319 font-weight: bold;
2320 margin: 2px 0;
2321 }
2322 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2323 display: inline-block;
2324 line-height: initial;
2325 }
2326 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2327 width: 20px;
2328 height: 20px;
2329 vertical-align: middle;
2330 object-fit: cover;
2331 }
2332 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2333 line-height: 34px;
2334 }
2335 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2336 border-radius: 50%;
2337 margin: 2px;
2338 width: 32px;
2339 height: 32px;
2340 text-align: center;
2341 }
2342 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2343 width: 20px;
2344 height: 20px;
2345 object-fit: cover;
2346 }
2347 .vbo-room-sharedcalendar {
2348 border: 1px solid var(--vbo-config-border-color);
2349 padding: 3px 6px;
2350 border-radius: 4px;
2351 background: var(--vbo-basic-btn);
2352 display: inline-block;
2353 margin-right: 3px;
2354 }
2355 .vbo-allbookings-fm, .vbo-list-form {
2356 background: var(--vbo-main-bg-color);
2357 }
2358 form[name="invoicesform"] {
2359 margin-bottom: 0;
2360 }
2361 form[name="invoicesform"] .btn-toolbar {
2362 margin-bottom: 0;
2363 }
2364 .vbo-allbookings-fm .btn-group {
2365 position: relative;
2366 }
2367 .vbo-list-form {
2368 padding-top: 10px;
2369 }
2370 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2371 margin-top: 0 !important;
2372 height: auto !important;
2373 background: var(--vbo-toolbar-bg-color);
2374 padding: 10px;
2375 box-sizing: border-box;
2376 }
2377 .vbo-allbookings-fm #vbo-search-tools-cont {
2378 margin-top: 5px;
2379 height: auto !important;
2380 padding: 10px;
2381 box-sizing: border-box;
2382 }
2383 .vbo-btn-toolbar #filter-bar {
2384 margin-top: 0;
2385 }
2386 .vbo-btn-toolbar .btn[type="submit"],
2387 .vbo-btn-toolbar .btn[type="button"] {
2388 padding: 8px 15px;
2389 box-shadow: none;
2390 border-color: var(--vbo-config-border-color);
2391 }
2392 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2393 font-weight: bold;
2394 }
2395 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2396 font-weight: normal;
2397 }
2398 .vbo-btn-toolbar .field-calendar .input-append,
2399 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2400 margin-bottom: 0;
2401 }
2402 .vbo-btn-toolbar .input-append .btn {
2403 padding: 8px 12px;
2404 border: 1px solid var(--vbo-config-border-color);
2405 border-radius: 0 2px 2px 0;
2406 }
2407 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2408 background: var(--vbo-blue-color);
2409 border: 1px solid var(--vbo-blue-color);
2410 color: #fff;
2411 padding: 7.5px 15px;
2412 }
2413 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2414 background: var(--vbo-config-bg-color);
2415 border-color: var(--vbo-blue-color)6;
2416 color: var(--vbo-blue-color);
2417 }
2418 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2419 border-top: 4px solid #fff !important;
2420 border-bottom: 0 !important;
2421 border-right: 4px solid transparent;
2422 border-left: 4px solid transparent;
2423 margin-left: 4px;
2424 }
2425 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2426 background: var(--vbo-config-bg-color);
2427 border-color: var(--vbo-blue-color);
2428 color: var(--vbo-blue-color);
2429 }
2430 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2431 border-bottom: 4px solid #fff !important;
2432 border-top: 0 !important;
2433 border-right: 4px solid transparent;
2434 border-left: 4px solid transparent;
2435 }
2436 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2437 border-top: 4px solid var(--vbo-blue-color) !important;
2438 border-bottom: 0 !important;
2439 border-right: 4px solid transparent;
2440 border-left: 4px solid transparent;
2441 }
2442 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2443 border-bottom: 4px solid #fff !important;
2444 border-top: 0 !important;
2445 border-right: 4px solid transparent;
2446 border-left: 4px solid transparent;
2447 }
2448 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2449 font-weight: normal;
2450 font-size: 14px !important;
2451 border: 1px solid var(--vbo-config-border-color) !important;
2452 border-radius: 2px !important;
2453 background: var(--vbo-input-style);
2454 }
2455 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2456 padding: 4px 5px;
2457 display: inherit;
2458 }
2459 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
2460 display: inline-block;
2461 margin-left: 3px;
2462 margin-right: 0;
2463 width: 18px;
2464 height: 18px;
2465 line-height: 15px;
2466 font-size: 16px;
2467 text-align: center;
2468 border-radius: 50%;
2469 color: var(--vbo-config-titles-color-light);
2470 float: right;
2471 }
2472 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover {
2473 background: var(--vbo-config-border-color);
2474 color: var(--vbo-config-titles-color-light);
2475 }
2476 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__arrow, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__arrow {
2477 height: 36px;
2478 }
2479 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice {
2480 background-color: #b6d8ee;
2481 border: 1px solid #b8d1e1;
2482 border-radius: 30px;
2483 padding: 5px 10px;
2484 color: var(--vbo-base-color);
2485 font-weight: bold;
2486 font-size: 12px;
2487 }
2488 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2489 display: inline-block;
2490 margin-left: 3px;
2491 margin-right: 0;
2492 width: 18px;
2493 height: 18px;
2494 line-height: 15px;
2495 font-size: 16px;
2496 text-align: center;
2497 border-radius: 50%;
2498 color: var(--vbo-base-color);
2499 float: right;
2500 }
2501 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2502 background: var(--vbo-base-color-hover);
2503 color: #fff;
2504 }
2505 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-search__field, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-search__field {
2506 margin-top: 5px;
2507 margin-bottom: 5px !important;
2508 padding: 0;
2509 }
2510
2511 .vbo-list-form-filters {
2512 padding: 10px 20px;
2513 }
2514 .vbo-list-form-filters form {
2515 margin-bottom: 0;
2516 display: flex;
2517 flex-wrap: wrap;
2518 }
2519 .vbo-list-form-filter-select {
2520 display: inline-block;
2521 margin-right: 10px;
2522 }
2523 .vbo-list-form-filters form > .vbo-right-btn-container {
2524 margin-left: auto;
2525 align-self: end;
2526 }
2527 .vbo-avov-toolbar select {
2528 margin-bottom: 0;
2529 border-radius: 2px;
2530 border: 1px solid var(--vbo-config-border-color);
2531 padding: 8px 10px;
2532 height: inherit;
2533 }
2534 #vbo-search-tools-cont {
2535 width: 100%;
2536 display: inline-block;
2537 padding: 0px !important;
2538 }
2539 .pagination.pagination-toolbar {
2540 margin-bottom: 20px;
2541 }
2542 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2543 width: 98%;
2544 margin: 10px auto 20px;
2545 border-radius: 10px;
2546 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2547 }
2548 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2549 margin-bottom: 0;
2550 }
2551 .vbo-list-form .table-responsive table {
2552 margin-top: 0;
2553 }
2554 .vbo-orders-review-link {
2555 display: inline-block;
2556 margin-left: 5px;
2557 }
2558 .vbo-orders-review-link a {
2559 color: #ffbd3f;
2560 }
2561 .vbo-bookslist-snapshot {
2562 cursor: pointer;
2563 }
2564 .vbo-bookslist-snapshot:hover {
2565 background-color: var(--vbo-blue-color-hover);
2566 }
2567 .vbo-orders-substatus {
2568 margin-top: 2px;
2569 }
2570 .vbo-orders-substatus .label {
2571 border-radius: 10px;
2572 }
2573 /* Search Tools Caret - Start */
2574 .btn-primary .caret {
2575 border-top: 0;
2576 border-bottom: 4px solid #FFF !important;
2577 margin-top: 7px;
2578 margin-bottom: 8px;
2579 }
2580 /* Search Tools Caret - End */
2581 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2582 color: var(--vbo-config-titles-color-light);
2583 }
2584 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2585 margin-left: 5px;
2586 }
2587 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2588 .vbo-bookingslist-table thead th a:hover,
2589 .vbo-list-table thead th .vbo-list-activesort,
2590 .vbo-list-table thead th a:hover {
2591 color: var(--vbo-base-color);
2592 text-decoration: none;
2593 }
2594 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2595 font-size: 14px;
2596 font-weight: bold;
2597 color: var(--vbo-config-titles-color-light);
2598 vertical-align: baseline;
2599 white-space: nowrap;
2600 }
2601 .vbo-bookingslist-viewdet:hover {
2602 color: var(--vbo-base-color-hover);
2603 }
2604 .vbo-bookingslist-viewdet-date {
2605 display: block;
2606 }
2607 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2608 font-size: 11px;
2609 font-weight: bold;
2610 color: var(--vbo-config-titles-color-light);
2611 }
2612 .vbo-bookingslist-viewdet-time span {
2613 display: inline-block;
2614 }
2615 .vbo-bookingslist-booktime-hour {
2616 color: var(--vbo-base-color);
2617 }
2618 .vbo-bookingslist-booktime-twrap {
2619 display: inline-block;
2620 min-width: 60px;
2621 }
2622 .vbo-bookingslist-roomunit {
2623 display: block;
2624 font-size: smaller;
2625 color: var(--vbo-config-titles-color-light);
2626 }
2627 .vbo-bookingslist-booktime-checkedin {
2628 display: inline-block;
2629 color: var(--vbo-green-color);
2630 }
2631 .vbo-bookingslist-booktime-checkedout {
2632 display: inline-block;
2633 color: var(--vbo-green-color);
2634 }
2635 .vbo-bookingslist-booktime-noshow {
2636 display: inline-block;
2637 color: var(--vbo-red-color);
2638 }
2639 .vbo-bookingslist-viewdet-fulldate {
2640 display: inline-block;
2641 margin-right: 15px;
2642 }
2643 .vbo-bookingslist-viewdet-open {
2644 float: right;
2645 }
2646 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2647 min-width: 20px;
2648 margin-right: -3px;
2649 }
2650 .vbo-provenience {
2651 display: inline-block;
2652 min-width: 85px;
2653 border: 0;
2654 border-radius: 3px;
2655 margin: 0 3px 0 0;
2656 padding: 7px 5px;
2657 color: var(--vbo-base-color);
2658 font-weight: bold;
2659 position: relative;
2660 font-size: 16px;
2661 word-break: break-all;
2662 }
2663 span.label.vbo-status-label {
2664 padding: 5px 14px !important;
2665 font-size: 12px;
2666 border-radius: 24px;
2667 letter-spacing: .3px;
2668 min-width: 70px;
2669 text-align: center;
2670 }
2671 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2672 background-color: var(--vbo-green-color);
2673 }
2674 span.vbo-label-small, .vbo-label-small {
2675 padding: 5px 8px !important;
2676 font-size: 11px;
2677 line-height: 14px;
2678 }
2679 .vbo-bookingslist-total-totpaid {
2680 font-size: 11px;
2681 font-weight: bold;
2682 }
2683 .vbo-bookingslist-total-refunded {
2684 color: var(--vbo-red-color);
2685 display: inline-block;
2686 margin-left: 4px;
2687 }
2688 .vbo-admin-tipsicon i {
2689 font-size: 20px;
2690 color: var(--vbo-config-titles-color-light);
2691 }
2692 .vbo-admin-notes-icn {
2693 cursor: pointer;
2694 }
2695 .vbo-admin-invoiceicon i {
2696 font-size: 20px;
2697 color: var(--vbo-config-titles-color-light);
2698 }
2699 .vbo-timeline-content {
2700 background: var(--vbo-config-bg-color);
2701 }
2702 .vbo-bookings-guestmessages-bubble-cont i {
2703 font-size: 20px;
2704 color: var(--vbo-config-titles-color-light);
2705 position: relative;
2706 }
2707 .vbo-bookings-guestmessages-bubble-cont i:after {
2708 position: absolute;
2709 content: attr(data-message-count);
2710 width: 20px;
2711 height: 20px;
2712 border-radius: 50%;
2713 background: var(--vbo-red-color);
2714 color: #fff;
2715 font-weight: bold;
2716 font-size: 11px;
2717 line-height: 20px;
2718 font-family: Arial;
2719 top: -7px;
2720 right: -11px;
2721 text-align: center;
2722 }
2723 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2724 display:none;
2725 }
2726 #vbo-geninv-form .vbo-calendar-cfield-entry {
2727 margin: 15px 0;
2728 }
2729 .vbo-info-overlay-content-invoices h4 {
2730 font-size: 20px;
2731 border-bottom: 1px solid var(--vbo-config-border-color);
2732 padding-bottom: 10px;
2733 }
2734 /* Bookings List - End */
2735 /* Rates, Restrictions and Seasons Calendar - Begin */
2736 .vbo-warning {
2737 margin: 10px 0px;
2738 padding: 12px;
2739 color: var(--vbo-orange-color);
2740 border: 1px solid var(--vbo-orange-color);
2741 background-color: var(--vbo-config-bg-color);
2742 }
2743 .vbo-ratesoverview-top-container {
2744 background: var(--vbo-config-child-bg-color);
2745 padding-bottom: 20px;
2746 padding-top: 20px;
2747 }
2748 .vbo-ratesoverview-right-block {
2749 float: right;
2750 }
2751 .vbo-ratesoverview-right-inner {
2752 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2753 border: 1px solid var(--vbo-config-border-color);
2754 border-radius: 3px;
2755 display: none;
2756 margin-left: 20px;
2757 min-height: 60px;
2758 padding: 10px 10px;
2759 position: relative;
2760 vertical-align: top;
2761 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2762 margin-bottom: 10px;
2763 }
2764 .vbo-ratesoverview-vcmwarn-close {
2765 cursor: pointer;
2766 position: absolute;
2767 right: -8px;
2768 top: -8px;
2769 }
2770 .vbo-ratesoverview-vcmwarn-close i {
2771 color: var(--vbo-red-color);
2772 font-size: 16px;
2773 margin: 0;
2774 }
2775 .vbo-ratesoverview-vcmwarn-count {
2776 display: block;
2777 padding: 5px 5px 0;
2778 text-align: center;
2779 }
2780 .vbo-ratesoverview-vcmwarn-count i {
2781 color: var(--vbo-blue-color);
2782 }
2783 .vbo-ratesoverview-vcmwarn-open {
2784 display: block;
2785 text-align: center;
2786 margin-top: 10px;
2787 }
2788 .vbo-ratesoverview-roomsel-block {
2789 margin: 0 20px;
2790 }
2791 .vbo-ratesoverview-roomsel-block > form {
2792 display: flex;
2793 margin-bottom: 0;
2794 background: var(--vbo-config-child-bg-color);
2795 border: 1px solid var(--vbo-config-border-color);
2796 border-bottom-color: var(--vbo-config-border-color);
2797 border-bottom-style: solid;
2798 border-bottom-width: 1px;
2799 border-radius: 4px;
2800 border-bottom: 2px solid var(--vbo-config-border-color);
2801 box-shadow: 0 0 10px rgba(0,0,0,.1);
2802 }
2803 .vbo-ratesoverview-roomsel-block label {
2804 display: block;
2805 font-weight: bold;
2806 margin-bottom: 9px;
2807 }
2808 .vbo-ratesoverview-roomsel-entry {
2809 display: inline-block;
2810 vertical-align: top;
2811 background: var(--vbo-config-bg-color);
2812 padding: 15px;
2813 flex: 1;
2814 flex-basis: auto;
2815 }
2816 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
2817 font-size: 16px;
2818 }
2819 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
2820 color: var(--vbo-config-titles-color-light);
2821 font-size: 14px;
2822 margin-right: 5px;
2823 }
2824 .vbo-ratesoverview-roomsel-entry-forecast {
2825 flex-basis: 35%;
2826 }
2827 .vbo-ratesoverview-roomsel-entry-forecast > label {
2828 float: left;
2829 }
2830 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
2831 margin-bottom: 20px;
2832 display: flex;
2833 justify-content: flex-end;
2834 }
2835 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
2836 width: 36%;
2837 float: left;
2838 display: inline-block;
2839 }
2840 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
2841 width: 100%;
2842 }
2843 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
2844 padding: 10px 20px;
2845 }
2846 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
2847 margin-bottom: 5px;
2848 }
2849 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
2850 font-size: 22px;
2851 }
2852 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
2853 width: 57% !important;
2854 height: auto !important;
2855 }
2856 .vbo-reportwidget-ratesoverv .chart-line-legend {
2857 margin-left: 0;
2858 }
2859 .vbo-ratesoverview-roomsel-entry-los {
2860 border-left: 1px solid var(--vbo-config-border-color);
2861 }
2862 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
2863 flex-basis: 18%;
2864 border-right: 1px solid var(--vbo-config-border-color);
2865 background-color: var(--vbo-config-bg-color);
2866 border-top-left-radius: 4px;
2867 border-bottom-left-radius: 4px;
2868 }
2869 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
2870 margin-bottom: 0;
2871 border-radius: 2px;
2872 border: 1px solid var(--vbo-config-border-color);
2873 padding: 8px 10px;
2874 height: inherit;
2875 }
2876 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
2877 margin-bottom: 0;
2878 }
2879 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
2880 width: 80% !important;
2881 }
2882 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
2883 border: 0;
2884 background: transparent;
2885 }
2886 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
2887 padding: 0;
2888 }
2889 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice {
2890 background-color: #b6d8ee;
2891 border: 1px solid #b8d1e1;
2892 border-radius: 30px;
2893 padding: 5px 10px;
2894 color: #2d5593;
2895 font-weight: bold;
2896 }
2897 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span {
2898 display: inline-block;
2899 margin-left: 3px;
2900 margin-right: 0;
2901 width: 18px;
2902 height: 18px;
2903 line-height: 15px;
2904 font-size: 16px;
2905 text-align: center;
2906 border-radius: 50%;
2907 color: var(--vbo-base-color);
2908 float: right;
2909 }
2910 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
2911 background: var(--vbo-base-color);
2912 color: #fff;
2913 }
2914 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
2915 width: 100%;
2916 }
2917 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
2918 width: 98% !important;
2919 background: var(--vbo-config-bg-color);
2920 border: 1px solid var(--vbo-config-border-color);
2921 border-radius: 2px;
2922 padding: 8px 10px;
2923 }
2924 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
2925 vertical-align: bottom;
2926 margin-bottom: 16px;
2927 }
2928 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
2929 border: 0;
2930 }
2931 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
2932 border-right: 1px solid var(--vbo-config-border-color);
2933 flex-basis: calc(53%);
2934 }
2935 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
2936 line-height: 35px;
2937 }
2938 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
2939 font-weight: normal;
2940 font-size: 14px;
2941 }
2942 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
2943 height: 36px;
2944 border: 1px solid var(--vbo-config-border-color);
2945 border-radius: 2px;
2946 }
2947 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
2948 height: 36px;
2949 }
2950 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
2951 background: var(--vbo-config-bg-color);
2952 border: 1px solid var(--vbo-config-border-color);
2953 border-radius: 2px;
2954 padding: 8px 10px;
2955 width: 70% !important;
2956 }
2957 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
2958 padding: 8px 10px;
2959 border-radius: 0 2px 2px 0;
2960 border: 1px solid var(--vbo-config-border-color);
2961 }
2962 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
2963 margin-right: 0;
2964 }
2965 .vbo-ratesoverview-roomsel-entry .select2-container {
2966 margin-bottom: 9px;
2967 min-width: 200px;
2968 }
2969 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
2970 display: none;
2971 }
2972 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
2973 flex-basis: 100%;
2974 }
2975 .vbo-ratesoverview-entryinline {
2976 display: inline-block;
2977 margin-right: 5px;
2978 vertical-align: top;
2979 }
2980 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
2981 min-width: 110px;
2982 }
2983 .vbo-ratesoverview-rcalc-srooms {
2984 display: block;
2985 }
2986 .vbo-ratesoverview-numnight {
2987 display: inline-block;
2988 padding: 2px 8px;
2989 margin-right: 13px;
2990 border-radius: 3px;
2991 border: 1px solid var(--vbo-base-color);
2992 color: var(--vbo-base-color);
2993 position: relative;
2994 font-weight: bold;
2995 }
2996 .vbo-ratesoverview-numnight:after {
2997 background: var(--vbo-red-color) none repeat scroll 0 0;
2998 border-radius: 50%;
2999 color: #fff;
3000 content: "x";
3001 cursor: pointer;
3002 font-size: 11px;
3003 height: 16px;
3004 line-height: 14px;
3005 position: absolute;
3006 right: -15px;
3007 text-align: center;
3008 top: -9px;
3009 width: 16px;
3010 border: 2px solid #fff;
3011 }
3012 .vbo-ratesoverview-numnight:hover:after {
3013 background-color: var(--vbo-red-color);
3014 }
3015 .vbo-ratesoverview-numnight:active:after {
3016 background-color: var(--vbo-red-color-hover);
3017 }
3018 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3019 width: 35px !important;
3020 margin: 0 0 0 5px;
3021 display: inline-block;
3022 }
3023 #vbo-addnumnight-act {
3024 cursor: pointer;
3025 display: inline-block;
3026 margin-top: 10px;
3027 vertical-align: top;
3028 }
3029 #vbo-addnumnight-act i {
3030 color: var(--vbo-green-color);
3031 font-size: 18px;
3032 }
3033 .vbo-apply-los-btn {
3034 margin-left: 10px;
3035 }
3036 .vbo-seasons-calendar-table {
3037 width: 100%;
3038 margin-bottom: 0 !important;
3039 }
3040 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3041 background: var(--vbo-config-child-bg-color);
3042 border-top: 0 !important;
3043 padding: 15px 0;
3044 }
3045 tr.vbo-seasons-calendar-nightsrow td:first-child {
3046 width: 20%;
3047 }
3048 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3049 text-align: center;
3050 }
3051 tr.vbo-seasons-calendar-nightsrow td span {
3052 font-weight: bold;
3053 font-size: 15px;
3054 }
3055 tr.vbo-seasons-calendar-offseasonrow {
3056 border-bottom: 1px solid var(--vbo-basic-btn);
3057 }
3058 tr.vbo-seasons-calendar-offseasonrow td {
3059 height: 40px;
3060 }
3061 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3062 text-align: center;
3063 }
3064 tr.vbo-seasons-calendar-seasonrow {
3065 border-bottom: 1px solid var(--vbo-basic-btn);
3066 }
3067 tr.vbo-seasons-calendar-seasonrow td {
3068 height: 40px;
3069 }
3070 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3071 text-align: center;
3072 }
3073 .vbo-seasons-calendar-offseasonname {
3074 font-style: italic;
3075 font-size: 15px;
3076 }
3077 .vbo-seasons-calendar-offseasoncosts {
3078 display: block;
3079 }
3080 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3081 display: block;
3082 margin: 8px 0;
3083 }
3084 .vbo-seasons-calendar-seasoncost-notaffected {
3085 opacity: 0.3;
3086 }
3087 .vbo-seasons-calendar-pricename {
3088 display: block;
3089 font-style: italic;
3090 }
3091 .vbo-seasons-calendar-pricecost {
3092 display: block;
3093 font-weight: bold;
3094 }
3095 .vbo-seasons-calendar-seasondates {
3096 display: block;
3097 }
3098 .vbo-seasons-calendar-seasonchargedisc {
3099 display: block;
3100 float: right;
3101 }
3102 .vbo-seasons-calendar-slabel {
3103 border-radius: 0.25em;
3104 color: #fff;
3105 display: inline;
3106 font-size: 95%;
3107 font-weight: 700;
3108 line-height: 1;
3109 padding: 0.2em 0.6em 0.3em;
3110 text-align: center;
3111 vertical-align: baseline;
3112 white-space: nowrap;
3113 }
3114 .vbo-seasons-calendar-season-charge {
3115 background-color: #777;
3116 }
3117 .vbo-seasons-calendar-season-discount {
3118 background-color: #f0ad4e;
3119 }
3120 .vbo-seasons-calendar-operator {
3121 display: inline-block;
3122 margin-right: 3px;
3123 font-weight: bold;
3124 font-size: 105%;
3125 }
3126 .vbo-seasons-calendar-seasonfrom {
3127 display: inline-block;
3128 }
3129 .vbo-seasons-calendar-seasondates-separe {
3130 display: inline-block;
3131 margin: 0 3px 0 3px;
3132 }
3133 .vbo-seasons-calendar-seasonto {
3134 display: inline-block;
3135 }
3136 .vbo-seasons-calendar-seasonname {
3137 display: block;
3138 font-weight: bold;
3139 white-space: initial;
3140 }
3141 .vbo-seasons-calendar-restrictions {
3142 display: block;
3143 }
3144 .vbo-seasons-calendar-restriction-minlos {
3145 display: inline-block;
3146 padding: 6px 6px 5px 7px;
3147 background: var(--vbo-config-border-color);
3148 font-size: 12px;
3149 font-weight: bold;
3150 border-radius: 2px;
3151 margin-top: 3px;
3152 }
3153 .vbo-seasons-calendar-restriction-minlos-badge {
3154 display: inline-block;
3155 min-width: 20px;
3156 min-height: 20px;
3157 background: var(--vbo-config-bg-color);
3158 color: var(--vbo-body-text-color);
3159 font-size: 13px;
3160 font-weight: bold;
3161 padding: 4px;
3162 border-radius: 50%;
3163 text-align: center;
3164 margin-left: 2px;
3165 }
3166 .vbo-seasons-calendar-restriction-maxlos {
3167 display: inline-block;
3168 padding: 2px 3px 2px 3px;
3169 background: var(--vbo-config-text-color-light);
3170 font-size: 12px;
3171 font-weight: bold;
3172 border-radius: 4px;
3173 }
3174 .vbo-seasons-calendar-restriction-maxlos-badge {
3175 display: inline-block;
3176 min-width: 20px;
3177 min-height: 20px;
3178 background: var(--vbo-config-bg-color);
3179 color: var(--vbo-body-text-color);
3180 font-size: 13px;
3181 font-weight: bold;
3182 padding: 4px;
3183 border-radius: 50%;
3184 text-align: center;
3185 margin-left: 2px;
3186 }
3187 .vbo-seasons-calendar-restriction-wdays {
3188 display: block;
3189 }
3190 .vbo-seasons-calendar-restriction-wdays label {
3191 display: block;
3192 font-style: italic;
3193 }
3194 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3195 display: inline-block;
3196 padding: 2px 3px 2px 3px;
3197 margin-right: 4px;
3198 background: var(--vbo-base-color);
3199 color: #fff;
3200 border-radius: 4px;
3201 }
3202 .vbo-ratesoverview-roomsel-entry-calc-inner {
3203 border-bottom: 1px solid var(--vbo-basic-btn);
3204 padding: 0 0 10px;
3205 margin: 10px 0 0;
3206 }
3207 .vbo-ratesoverview-calculation-response {
3208 margin: 10px 0 0;
3209 }
3210 .vbo-ratesoverview-calculation-response-room {
3211 margin: 10px 0 40px;
3212 }
3213 .vbo-ratesoverview-calculation-response-room:last-child {
3214 margin-bottom: 0;
3215 padding-bottom: 0;
3216 border: 0;
3217 }
3218 .vbo-ratesoverview-calculation-response-room h4 {
3219 font-weight: normal;
3220 font-size: 14px;
3221 }
3222 .vbo-ratesoverview-calculation-response-room-name {
3223 display: block;
3224 font-weight: bold;
3225 font-size: 16px;
3226 margin-bottom: 5px;
3227 }
3228 .vbo-calcrates-rateblock {
3229 padding: 15px;
3230 margin: 15px 0;
3231 background: var(--vbo-config-bg-color);
3232 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3233 border-radius: 10px;
3234 display: flex;
3235 flex-wrap: wrap;
3236 }
3237 .vbo-calcrates-rateblock > span {
3238 display: inline-block;
3239 flex: 1;
3240 margin-right: 15px;
3241 font-size: 15px;
3242 color: var(--vbo-config-titles-color-light);
3243 }
3244 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3245 font-weight: bold;
3246 font-size: 17px;
3247 flex-basis: 100%;
3248 margin-bottom: 8px;
3249 vertical-align: top;
3250 align-self: center;
3251 }
3252 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3253 display: inline-block;
3254 font-weight: bold;
3255 margin-right: 55px;
3256 font-size: 16px;
3257 }
3258 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3259 width: 15%;
3260 }
3261 .vbo-calcrates-rateblock > span > span {
3262 display: block;
3263 font-size: 12px;
3264 font-weight: bold;
3265 color: var(--vbo-config-titles-color-light);
3266 }
3267 .vbo-calcrates-rateblock .vbo-calcrates-info {
3268 margin-top: 14px;
3269 }
3270 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3271 align-self: center;
3272 background-color: var(--vbo-base-color);
3273 color: #fff;
3274 border: 0;
3275 padding: 9px 14px;
3276 font-weight: bold;
3277 display: inline-block;
3278 margin-left: auto;
3279 }
3280 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3281 background-color: var(--vbo-base-color-hover);
3282 }
3283 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3284 background-color: var(--vbo-link-text-color);
3285 }
3286 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3287 display: inline-block;
3288 min-width: 100px;
3289 margin: 0 15px 0 0;
3290 font-weight: bold;
3291 font-size: 12px;
3292 }
3293 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3294 display: inline-block;
3295 font-style: italic;
3296 margin-right: 5px;
3297 color: var(--vbo-config-titles-color-light);
3298 }
3299
3300 .vbo-ratesoverview-tabscont {
3301 margin: 0 0 10px 0;
3302 text-align: right;
3303 float: right;
3304 }
3305 .vbo-ratesoverview-tabscont div {
3306 cursor: pointer;
3307 display: inline-block;
3308 text-align: center;
3309 padding: 12px;
3310 margin: 0 5px;
3311 border-radius: 2px;
3312 font-size: 14px;
3313 }
3314 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3315 background: var(--vbo-blue-color);
3316 color: #fff;
3317 font-weight: bold;
3318 border: 2px solid var(--vbo-blue-color);
3319 }
3320 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3321 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3322 border: 2px solid var(--vbo-config-child-bg-color);
3323 }
3324 .vbo-roverw-rplan-on {
3325 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3326 color: var(--vbo-body-text-color);
3327 cursor: pointer;
3328 font-size: 15px;
3329 }
3330 .vbo-roverw-rplan-on:hover {
3331 background: var(--vbo-light-color-btn);
3332 }
3333 .vbo-roverw-rplan-off {
3334 background: var(--vbo-red-color) none repeat scroll 0 0;
3335 color: #fff;
3336 cursor: not-allowed;
3337 }
3338 .block-picked-start, .block-picked-middle, .block-picked-end,
3339 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3340 background: var(--vbo-orange-color) none repeat scroll 0 0;
3341 }
3342 .vbo-smallersp {
3343 font-size: smaller;
3344 }
3345 .vbo-roverw-infoblock {
3346 display: block;
3347 padding-bottom: 8px;
3348 margin-bottom: 8px;
3349 text-align: center;
3350 border-bottom: 1px solid var(--vbo-config-border-color);
3351 }
3352 .vbo-roverw-infoblock span {
3353 display: inline-block;
3354 font-weight: bold;
3355 font-size: 13px;
3356 }
3357 .vbo-roverw-infoblock span#rovervw-roomname {
3358 display: block;
3359 text-align: center;
3360 font-weight: bold;
3361 font-size: 18px;
3362 margin-bottom: 7px;
3363 }
3364 .vbo-roverw-alldays {
3365 display: table;
3366 width: 100%;
3367 }
3368 .vbo-roverw-alldays-inner {
3369 display: table-cell;
3370 text-align: center;
3371 vertical-align: middle;
3372 }
3373 .vbo-roverw-daymod {
3374 display: inline-block;
3375 vertical-align: top;
3376 margin: 4px 6px;
3377 padding: 12px 10px;
3378 background: var(--vbo-blue-color) none repeat scroll 0 0;
3379 border-radius: 4px;
3380 text-align: center;
3381 width: 19%;
3382 }
3383 .vbo-roverw-daymod-innercell {
3384 position: relative;
3385 }
3386 .vbo-roverw-daymod-infospids {
3387 bottom: -10px;
3388 color: #d6e2ff;
3389 cursor: pointer;
3390 font-size: 15px;
3391 font-weight: bold;
3392 right: -8px;
3393 padding: 0;
3394 position: absolute;
3395 }
3396 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3397 color: #fff;
3398 }
3399 .vbo-roverw-daymod-infospids span {
3400 display: inline-block;
3401 margin: 0;
3402 }
3403 .vbo-roverw-daymod-infospids-outcont {
3404 display: none;
3405 position: absolute;
3406 transform: translate(-50%, 0%);
3407 padding: 10px;
3408 border: 2px solid var(--vbo-config-border-color);
3409 border-radius: 2px;
3410 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3411 box-shadow: 0 0 10px rgba(0,0,0,.15);
3412 top: 72px;
3413 left: 50%;
3414 min-width: 150px;
3415 z-index: 101;
3416 }
3417 .vbo-roverw-daymod-infospids-incont ul {
3418 margin: 0;
3419 }
3420 .vbo-roverw-daymod-infospids-incont ul li {
3421 list-style-type: none;
3422 border-bottom: 1px solid var(--vbo-config-border-color);
3423 padding: 5px 0;
3424 }
3425 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3426 border: 0;
3427 }
3428 .vbo-roverw-daymod-infospids-incont ul li a {
3429 color: var(--vbo-config-title-color);
3430 font-weight: bold;
3431 }
3432 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3433 color: var(--vbo-blue-color);
3434 }
3435 .vbo-roverw-daydate {
3436 display: inline-block;
3437 text-align: center;
3438 width: 96%;
3439 color: #fff;
3440 padding-bottom: 5px;
3441 margin-bottom: 0;
3442 }
3443 .vbo-roverw-dayprice {
3444 display: inline-block;
3445 text-align: center;
3446 color: #fff;
3447 font-weight: bold;
3448 border: 1px solid var(--vbo-base-color);
3449 border-radius: 4px;
3450 padding: 7px;
3451 width: 100%;
3452 box-sizing: border-box;
3453 font-size: 15px;
3454 }
3455 .vbo-roverw-setnewrate {
3456 display: block;
3457 margin-top: 20px;
3458 width: 100%;
3459 border-top: 1px solid var(--vbo-config-border-color);
3460 padding: 10px 0;
3461 }
3462 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3463 display: flex;
3464 margin-bottom: 10px;
3465 }
3466 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3467 flex: 1;
3468 text-align: center;
3469 border: 1px solid var(--vbo-config-border-color);
3470 border-radius: 4px;
3471 margin: 5px 10px;
3472 padding: 12px;
3473 box-shadow: 0 0 10px rgba(0,0,0,.1);
3474 }
3475 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3476 background: var(--vbo-config-bg-color);
3477 border: 1px solid var(--vbo-config-border-color);
3478 border-radius: 2px;
3479 padding: 8px 10px;
3480 }
3481 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3482 display: inline-block;
3483 }
3484 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3485 width: 100px !important;
3486 }
3487 .vbo-roverw-closeopenrp {
3488 display: table;
3489 margin: 0 auto 20px;
3490 margin-top: 30px;
3491 padding: 0;
3492 background: var(--vbo-config-child-bg-color);
3493 border-radius: 5px;
3494 }
3495 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3496 padding: 4px 0;
3497 text-align: center;
3498 margin: 0 0 7px;
3499 font-size: 16px;
3500 }
3501 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3502 color: var(--vbo-config-titles-color-light);
3503 font-size: 14px;
3504 margin-right: 5px;
3505 }
3506
3507 .vbo-roverw-closeopenrp h4 {
3508 cursor: pointer;
3509 background: var(--vbo-middle-color-btn);
3510 border-radius: 5px;
3511 padding: 15px 20px;
3512 margin: 0;
3513 color: #fff;
3514 font-weight: normal;
3515 }
3516 .vbo-roverw-closeopenrp-btns {
3517 display: none;
3518 text-align: center;
3519 margin-top: 30px;
3520 margin-bottom: 20px;
3521 }
3522 .vbo-roverw-closeopenrp-btns button {
3523 margin: 0 3px;
3524 padding: 8px 12px;
3525 }
3526 .vbo-roverw-setnewrate-inner {
3527 display: block;
3528 text-align: center;
3529 }
3530 .vbo-roverw-setnewrate-btns {
3531 display: block;
3532 text-align: center;
3533 margin-top: 15px;
3534 }
3535 .vbo-roverw-setnewrate-btns button {
3536 margin: 0 3px;
3537 }
3538 .vbo-roverw-setnewrate-btns button.btn-danger {
3539 border-radius: 3px;
3540 padding: 10px 14px;
3541 margin-bottom: 0;
3542 }
3543 .vbo-info-overlay-loading {
3544 display: none;
3545 position: fixed;
3546 left: 40%;
3547 top: 40%;
3548 width: 20%;
3549 height: 20%;
3550 z-index: 101;
3551 padding: 10px;
3552 color: #fff;
3553 font-size: 30px;
3554 text-align: center;
3555 }
3556 .vbo-modal-overlay-content-body-scroll {
3557 height: calc(100% - 200px);
3558 overflow: hidden;
3559 overflow-y: scroll;
3560 }
3561 .vbo-roverviewrowone .bluedays {
3562 background: var(--vbo-base-color);
3563 color: #fff;
3564 padding: 6px 15px;
3565 cursor: pointer;
3566 }
3567 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3568 color: var(--vbo-body-text-color);
3569 }
3570 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3571 background: #095880;
3572 }
3573 .vbo-roverviewrowone .vbo-roverv-festcell {
3574 background: #a07e9a !important;
3575 cursor: pointer;
3576 }
3577 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3578 background-color: #bf8cb6 !important;
3579 }
3580 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3581 background-color: #cca5c5 !important;
3582 }
3583 .vbo-roverviewrowone .bluedays > span {
3584 display: block;
3585 }
3586 .vbo-roverw-roomdaynote-icn {
3587 position: relative;
3588 }
3589 .vbo-roverw-roomdaynote-icn i {
3590 position: absolute;
3591 right: -10px;
3592 top: 2px;
3593 font-size: 12px;
3594 }
3595 .vbo-roverw-roomdaynote-icn:hover i {
3596 color: var(--vbo-body-text-color);
3597 }
3598 .vbo-roverviewrowone .vbo-roverw-tablewday {
3599 color: #fff;
3600 font-size: 12px;
3601 }
3602 .vbo-roverviewrowone .vbo-roverw-tablemday {
3603 font-size: 24px;
3604 margin: 3px 0;
3605 }
3606 .vbo-roverw-tablemonth {
3607 font-size: 12px;
3608 color: #fff;
3609 text-transform: uppercase;
3610 font-weight: normal;
3611 }
3612 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3613 display: inline-block;
3614 vertical-align: top;
3615 }
3616 .vbo-roverview-datecmd {
3617 margin-bottom: 3px;
3618 }
3619 .vbo-roverview-datecmd form {
3620 margin: 0 !important;
3621 }
3622 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3623 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3624 color: var(--vbo-blue-color);
3625 font-size: 15px;
3626 text-decoration: none;
3627 margin-top: 5px;
3628 background: var(--vbo-body-bg-color);
3629 padding: 3px 5px;
3630 display: inline-block;
3631 width: 15px;
3632 border-radius: 2px;
3633 vertical-align: top;
3634 }
3635 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3636 text-decoration: none;
3637 color: var(--vbo-config-titles-color-light);
3638 }
3639 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3640 margin-right: 10px;
3641 }
3642 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3643 margin-bottom: 0;
3644 padding: 0 10px;
3645 }
3646 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3647 font-size: 15px;
3648 text-decoration: none;
3649 margin-top: 5px;
3650 background: var(--vbo-input-style);
3651 padding: 8px 5px;
3652 display: inline-block;
3653 width: 112px;
3654 border-radius: 2px;
3655 vertical-align: top;
3656 }
3657 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3658 width: 70px !important;
3659 cursor: pointer;
3660 margin: -3px 0 0 3px;
3661 border: 0;
3662 padding: 0;
3663 font-weight: bold;
3664 }
3665 .vbo-roverview-datecmd a {
3666 display: inline-block;
3667 }
3668 .vbo-roverviewtablerow td {
3669 padding: 15px 10px;
3670 }
3671 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3672 padding: 9px 10px 18px;
3673 }
3674 .vbo-roverviewtableavrow td {
3675 padding: 10px 10px;
3676 }
3677 .vbo-roverviewtablerow td:first-child {
3678 font-weight: bold;
3679 background: var(--vbo-config-child-bg-color);
3680 background-clip: padding-box;
3681 }
3682 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3683 background: var(--vbo-config-bg-color) !important;
3684 font-weight: bold;
3685 padding: 10px;
3686 font-size: 14px;
3687 }
3688 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3689 border: 0;
3690 }
3691 td.vbo-roverw-daynotbusy {
3692 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3693 color: var(--vbo-body-text-color);
3694 cursor: not-allowed;
3695 }
3696 td.vbo-roverw-daybusy {
3697 background: var(--vbo-red-color) none repeat scroll 0 0;
3698 color: #fff;
3699 cursor: not-allowed;
3700 }
3701 td.vbo-roverw-daybusypartially {
3702 background: var(--vbo-orange-color) none repeat scroll 0 0;
3703 color: #fff;
3704 cursor: not-allowed;
3705 }
3706 .vbo-roverview-roomunits {
3707 background: #3e6372 none repeat scroll 0 0;
3708 border-radius: 50%;
3709 color: #fff;
3710 display: inline-block;
3711 font-size: 11px;
3712 font-weight: bold;
3713 margin: 0 5px 0 0;
3714 height: 14px;
3715 width: 14px;
3716 line-height: 14px;
3717 padding: 3px;
3718 text-align: center;
3719 }
3720 .vbo-info-overlay-content-rovervw {
3721 padding: 20px 10px !important;
3722 height: 80% !important;
3723 }
3724 .ui-datepicker-multi-2 .ui-datepicker-group {
3725 width: 49% !important;
3726 }
3727 .vbo-roverw-setnewrate-vcm {
3728 padding: 4px;
3729 display: block;
3730 width: 50%;
3731 margin: 0 auto;
3732 }
3733 .vbo-roverw-setnewrate-vcm-head {
3734 margin-bottom: 5px;
3735 font-weight: bold;
3736 }
3737 .vbo-roverw-setnewrate-vcm-body {
3738 text-align: center;
3739 }
3740 .vbo-vcm-notinstalled {
3741 color: var(--vbo-red-color);
3742 }
3743 .vbo-vcm-installed {
3744 color: var(--vbo-config-title-color);
3745 }
3746 /* Rates, Restrictions and Seasons Calendar - End */
3747 /* Toggle Switch - Start */
3748 /* The switch - the box around the slider */
3749 .vbo-switch {
3750 position: relative;
3751 display: inline-block;
3752 width: 60px;
3753 height: 34px;
3754 }
3755 /* Hide default HTML checkbox */
3756 .vbo-switch input {
3757 display: none;
3758 }
3759 /* The slider */
3760 .vbo-slider {
3761 position: absolute;
3762 cursor: pointer;
3763 top: 0;
3764 left: 0;
3765 right: 0;
3766 bottom: 0;
3767 background-color: #ccc;
3768 -webkit-transition: .4s;
3769 transition: .4s;
3770 }
3771 .vbo-slider.vbo-slider-disabled {
3772 cursor: not-allowed;
3773 }
3774 .vbo-slider:before {
3775 position: absolute;
3776 content: "";
3777 height: 26px;
3778 width: 26px;
3779 left: 4px;
3780 bottom: 4px;
3781 background-color: white;
3782 -webkit-transition: .4s;
3783 transition: .4s;
3784 }
3785 input:checked + .vbo-slider {
3786 background-color: #2196F3;
3787 }
3788 input:focus + .vbo-slider {
3789 box-shadow: 0 0 1px #2196F3;
3790 }
3791 input:checked + .vbo-slider:before {
3792 -webkit-transform: translateX(26px);
3793 -ms-transform: translateX(26px);
3794 transform: translateX(26px);
3795 }
3796 /* Rounded sliders */
3797 .vbo-slider.vbo-round {
3798 border-radius: 34px;
3799 }
3800 .vbo-slider.vbo-round:before {
3801 border-radius: 50%;
3802 }
3803 /* Toggle Switch - End */
3804 .new_depovr_container {
3805 margin: 4px 0 15px;
3806 padding: 10px;
3807 border: 1px solid var(--vbo-config-border-color);
3808 border-radius: 4px;
3809 }
3810 .new_depovr_container > span {
3811 display: inline-block;
3812 vertical-align: top;
3813 margin-right: 23px;
3814 }
3815 .new_depovr_container > span:last-child {
3816 margin-right: 0;
3817 float: right;
3818 }
3819 .new_depovr_container > span > span {
3820 display: inline-block;
3821 margin: 0 5px;
3822 }
3823 .new_depovr_container > span > .btn-danger {
3824 padding: 8px 13px 11px;
3825 font-weight: bold;
3826 font-size: 20px;
3827 line-height: 16px;
3828 }
3829 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
3830 margin: 0 !important;
3831 }
3832 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
3833 width: 100px !important;
3834 }
3835 .cur_depoverrides {
3836 margin: 0 0 4px 0;
3837 display: inline-block;
3838 }
3839 .cur_depoverrides span {
3840 margin: 3px;
3841 border-bottom: 1px solid var(--vbo-config-text-color-light);
3842 border: 1px solid var(--vbo-config-border-color);
3843 padding: 5px 8px;
3844 border-radius: 3px;
3845 background: var(--vbo-config-child-bg-color);
3846 display: inline-block;
3847 }
3848 .cur_depoverrides span:first-child {
3849 margin-left: 0;
3850 }
3851 .cur_depoverrides + .btn {
3852 display: inline-block;
3853 vertical-align: top;
3854 margin-top: 3px;
3855 padding: 5px 10px;
3856 }
3857 /* Timeline Rates Overview - Start */
3858 .vbo-ratesoverview-lostab-cont .table-responsive {
3859 width: 98%;
3860 margin: 10px auto 20px;
3861 border-radius: 10px;
3862 box-shadow: 0 0px 8px rgba(0,0,0,.15);
3863 }
3864 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
3865 border-top: 1px solid var(--vbo-config-border-color);
3866 }
3867 .vbo-timeline-container {
3868 display: block;
3869 width: 100%;
3870 margin: auto auto 0;
3871 overflow: auto;
3872 }
3873 #vbo-timeline {
3874 list-style: none;
3875 margin: 70px auto 0;
3876 padding: 0;
3877 border-top: 8px solid var(--vbo-blue-color);
3878 display: table;
3879 border-spacing: 30px 0;
3880 text-align: center;
3881 }
3882 #vbo-timeline li {
3883 display: table-cell;
3884 height: 160px;
3885 }
3886 #vbo-timeline li .vbo-timeline-relative {
3887 position: relative;
3888 }
3889 #vbo-timeline p {
3890 margin: 0;
3891 }
3892 .vbo-timeline-date {
3893 text-align: center;
3894 top: -45px;
3895 left: 0;
3896 right: 0;
3897 font-size: 0.95em;
3898 line-height: 25px;
3899 position: absolute;
3900 font-weight: bold;
3901 }
3902 .vbo-timeline-circle {
3903 margin: 0 auto;
3904 top: -14px;
3905 left: 0;
3906 right: 0;
3907 width: 10px;
3908 height: 10px;
3909 background: var(--vbo-config-bg-color);
3910 border: 5px solid var(--vbo-blue-color);
3911 border-radius: 50%;
3912 display: block;
3913 position: absolute;
3914 cursor: pointer;
3915 }
3916 .vbo-timeline-content {
3917 border-color: var(--vbo-main-bg-color);
3918 width: 180px;
3919 max-height: 120px;
3920 margin-top: 25px;
3921 vertical-align: top;
3922 padding: 35px 15px 15px;
3923 transition: width 0.2s linear, max-height 0.2s linear;
3924 border-width: 2px;
3925 border-style: solid;
3926 border-radius: 0.5em;
3927 position: relative;
3928 }
3929 .vbo-timeline-content:before, .vbo-timeline-content:after {
3930 content: "";
3931 width: 0;
3932 height: 0;
3933 border: solid transparent;
3934 position: absolute;
3935 pointer-events: none;
3936 bottom: 100%;
3937 }
3938 .vbo-timeline-content:before {
3939 border-bottom-color: inherit;
3940 border-width: 15px;
3941 left: 50%;
3942 margin-left: -15px;
3943 }
3944 .vbo-timeline-content:after {
3945 border-bottom-color: var(--vbo-config-bg-color);
3946 border-width: 12px;
3947 left: 50%;
3948 margin-left: -12px;
3949 }
3950 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
3951 background-color: transparent !important;
3952 border: 1px solid var(--vbo-blue-color);
3953 color: var(--vbo-blue-color);
3954 padding: 8px 6px !important;
3955 vertical-align: top;
3956 }
3957 .vbo-timeline-content .label-info .badge {
3958 background: var(--vbo-blue-color) !important;
3959 margin-left: 2px;
3960 }
3961 .vbo-timeline-content .btn {
3962 padding: 8px 15px;
3963 box-shadow: none;
3964 border-color: var(--vbo-config-border-color);
3965 vertical-align: top;
3966 }
3967 .vbo-timeline-content .btn i {
3968 margin-right: 5px;
3969 }
3970 .vbo-timeline-content p {
3971 max-height: 0;
3972 color: transparent;
3973 text-align: center;
3974 /* text-align: justify; */
3975 word-break: break-word;
3976 -moz-hyphens: auto;
3977 overflow: hidden;
3978 }
3979 .vbo-ratesoverview-bottom-container {
3980 background: var(--vbo-config-bg-color);
3981 }
3982 label.vbo-timeline-label {
3983 font-size: 1.2em;
3984 position: absolute;
3985 z-index: 1;
3986 cursor: pointer;
3987 width: 180px;
3988 white-space: nowrap;
3989 text-overflow: ellipsis;
3990 overflow: hidden;
3991 display: block;
3992 top: 35px;
3993 left: 15px;
3994 }
3995 .vbo-timeline-radio {
3996 display: none;
3997 }
3998 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
3999 cursor: auto;
4000 width: 300px;
4001 }
4002 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
4003 background: var(--vbo-green-color);
4004 }
4005 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
4006 max-height: 180px;
4007 border-color: var(--vbo-blue-color);
4008 width: 300px;
4009 }
4010 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
4011 max-height: 180px;
4012 min-height: 35px;
4013 color: var(--vbo-config-title-color);
4014 transition: color 0.3s linear 0.3s;
4015 -webkit-transition: color 0.3s linear 0.3s;
4016 }
4017 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4018 max-height: 0;
4019 max-width: 0;
4020 color: transparent;
4021 word-break: break-word;
4022 -moz-hyphens: auto;
4023 overflow: hidden;
4024 }
4025 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4026 max-height: 180px;
4027 min-height: 35px;
4028 color: #fff;
4029 transition: color 0.3s linear 0.3s;
4030 -webkit-transition: color 0.3s linear 0.3s;
4031 }
4032 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4033 background-color: var(--vbo-orange-color);
4034 }
4035 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4036 background-color: var(--vbo-input-style-nested-deactive);
4037 color: var(--vbo-body-text-color);
4038 }
4039 /* Timeline Rates Overview - End */
4040 /* Translations - Start */
4041 .vbo-translation-langtabs {
4042 display: block;
4043 margin: 0;
4044 padding: 0;
4045 background: var(--vbo-config-bg-color);
4046 border: 1px solid var(--vbo-config-border-color);
4047 }
4048 .vbo-translation-tab {
4049 display: inline-block;
4050 cursor: pointer;
4051 vertical-align: middle;
4052 font-weight: bold;
4053 min-width: 120px;
4054 text-align: center;
4055 color: var(--vbo-config-titles-color-light);
4056 border-right: 1px solid var(--vbo-config-border-color);
4057 border-bottom: none;
4058 margin: 0 0 -1px;
4059 padding: 12px 14px;
4060 }
4061 .vbo-translation-tab .vbo-translation-flag {
4062 margin-right: 5px;
4063 }
4064 .vbo-translation-tab:hover {
4065 background: var(--vbo-config-child-bg-color);
4066 }
4067 .vbo-translation-tab-default {
4068 border-bottom: 2px solid var(--vbo-blue-color);
4069 color: var(--vbo-blue-color);
4070 }
4071 .vbo-translation-tabscontents {
4072 display: block;
4073 margin: 0;
4074 padding: 0;
4075 border: 1px solid var(--vbo-config-border-color);
4076 min-height: 200px;
4077 }
4078 .vbo-translation-langcontent {
4079 background: var(--vbo-main-bg-color);
4080 }
4081 .vbo-translation-langcontent .adminlegend {
4082 margin: 10px 20px 0;
4083 border-bottom: 0;
4084 color: var(--vbo-config-title-color);
4085 }
4086 .vbo-translations-tab-container {
4087 padding: 0 10px;
4088 }
4089 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4090 background: var(--vbo-config-bg-color);
4091 border-radius: 8px;
4092 padding: 20px;
4093 margin: 15px 10px;
4094 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4095 }
4096 .vbo-translations-element-title {
4097 border-bottom: 1px solid var(--vbo-basic-btn);
4098 font-size: 16px;
4099 font-weight: bold;
4100 padding-bottom: 10px;
4101 margin-bottom: 10px;
4102 }
4103 .vbo-translations-element-row {
4104 display: flex;
4105 margin: 25px 0;
4106 font-size: 14px;
4107 }
4108 .vbo-translations-element-row-nested {
4109 margin: 0 0 0 10px;
4110 padding: 10px;
4111 background: var(--vbo-config-child-bg-color);
4112 border-bottom: 1px solid var(--vbo-basic-btn);
4113 }
4114 .vbo-translations-element-row .vbo-translations-element-lbl {
4115 flex-basis: 250px;
4116 margin-right: 20px;
4117 margin-bottom: 5px;
4118 }
4119 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4120 margin-right: 0;
4121 }
4122 .vbo-translations-element-row .vbo-translations-element-val {
4123 flex: 1;
4124 }
4125 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4126 height: 250px !important;
4127 }
4128 .vbo-translations-element-row .vbo-translations-element-val textarea {
4129 width: 100%;
4130 }
4131 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4132 padding-left: 35px;
4133 }
4134 .vbo-translations-language-element .vbo-translations-element-lbl {
4135 position: relative;
4136 }
4137 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal {
4138 position: absolute;
4139 padding: 4px 8px;
4140 background-color: var(--vbo-basic-btn);
4141 border: 1px solid var(--vbo-config-border-color);
4142 cursor: pointer;
4143 margin-top: 5px;
4144 border-radius: 4px;
4145 }
4146 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal:hover {
4147 background-color: var(--vbo-basic-btn-hover);
4148 }
4149 .vbo-translate-column-cell {
4150 background: none repeat scroll 0 0 #e9e9e9;
4151 border-right: 1px solid #ddd;
4152 text-align: right !important;
4153 vertical-align: middle !important;
4154 }
4155 .vbo-translate-reference-cell {
4156 background: none repeat scroll 0 0 #e9e9e9;
4157 text-align: left !important;
4158 font-size: 105%;
4159 font-weight: bold;
4160 }
4161 .vbo-missing-translation,.vbo-field-translated {
4162 position: relative;
4163 }
4164 .vbo-missing-translation:before {
4165 border: 1px solid var(--vbo-orange-color);
4166 border-radius: 50%;
4167 color: var(--vbo-orange-color);
4168 content: "!";
4169 font-size: 12px;
4170 font-weight: bold;
4171 height: 18px;
4172 left: 2px;
4173 position: absolute;
4174 text-align: center;
4175 top: 0px;
4176 width: 18px;
4177 }
4178 .vbo-field-translated:before {
4179 border: 1px solid var(--vbo-green-color);
4180 border-radius: 50%;
4181 color: var(--vbo-green-color);
4182 content: "\2713";
4183 font-size: 12px;
4184 font-weight: bold;
4185 height: 18px;
4186 left: 2px;
4187 position: absolute;
4188 text-align: center;
4189 top: 0px;
4190 width: 18px;
4191 }
4192 .vbo-translation-tab.vbo-translation-tab-ini {
4193 float: right;
4194 border-right: 0;
4195 }
4196 .vbo-translation-tab-ini.vbo-translation-tab-default {
4197 border-bottom: 0;
4198 }
4199 .vbo-translation-iniflag {
4200 display: inline-block;
4201 padding: 1px 4px;
4202 background: none repeat scroll 0 0 #365868;
4203 color: #fff;
4204 border-radius: 2px;
4205 }
4206 .vbo-inifile-totrows {
4207 display: inline-block;
4208 margin-right: 8px;
4209 padding: 2px 4px;
4210 border: 1px solid #fff;
4211 border-radius: 5px;
4212 text-align: center;
4213 }
4214 .vbo-inifile-path {
4215 display: inline-block;
4216 margin-right: 8px;
4217 padding: 2px 4px;
4218 border: 1px solid #fff;
4219 border-radius: 5px;
4220 text-align: center;
4221 font-size: 90%;
4222 }
4223 .vbo-inifile-exists {
4224 background: none repeat scroll 0 0 #DFF2BF;
4225 color: #4F8A10;
4226 }
4227 .vbo-inifile-notfound {
4228 background: none repeat scroll 0 0 #FEEFB3;
4229 color: #9F6000;
4230 }
4231 /* Translations - End */
4232
4233 /* Dashboard - Start */
4234 .vbo-dashboard-fullcontainer {
4235 background: var(--vbo-main-bg-color);
4236 padding: 10px 0;
4237 }
4238 .vbo-dashboard-top-outer {
4239 display: flex;
4240 flex-wrap: wrap;
4241 padding: 18px
4242 }
4243 .vbo-dashboard-today-bookings {
4244 flex-basis: 70%;
4245 display: flex;
4246 -ms-flex-wrap: wrap;
4247 -webkit-flex-wrap: wrap;
4248 flex-wrap: wrap;
4249 }
4250 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4251 flex: 1;
4252 }
4253 .vbo-dashboard-forecast-wrap {
4254 background-color: #fff;
4255 border-radius: 16px;
4256 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4257 }
4258 .vbo-dashboard-forecast-wrap h4 {
4259 font-size: 20px;
4260 font-weight: bold;
4261 padding: 23px 0px 22px 15px;
4262 margin-top: 0;
4263 border-bottom: 1px solid #ddd;
4264 text-align: center;
4265 }
4266 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4267 display: flex;
4268 border: 2px solid var(--vbo-red-color);
4269 border-radius: 6px;
4270 padding: 14px;
4271 margin: 10px 20px 0;
4272 }
4273 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4274 border: 0;
4275 }
4276 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4277 flex-basis: 52px;
4278 }
4279 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4280 width: 36px;
4281 height: 36px;
4282 border-radius: 50%;
4283 line-height: 36px;
4284 background: var(--vbo-base-color);
4285 color: #fff;
4286 font-size: 16px;
4287 text-align: center;
4288 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4289 }
4290 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4291 cursor: pointer;
4292 display: inline-block;
4293
4294 transition-timing-function: ease-in;
4295 transition: 0.2s;
4296 transform: translateY(-10px);
4297 }
4298 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4299 cursor: inherit;
4300 }
4301 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4302 overflow: hidden;
4303 padding-bottom: 5px;
4304 padding-top: 10px;
4305 margin-top: 0;
4306 }
4307 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4308 backface-visibility: hidden;
4309 transform: translateZ(0);
4310 transition: all 0.2s ease-in;
4311 padding-bottom: 14px;
4312 }
4313 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4314 margin-top: 0;
4315
4316 transition-timing-function: ease-out;
4317 transition: 0.25s;
4318 transform: translateY(0px);
4319 }
4320 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4321 position: absolute;
4322 }
4323 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4324 transform: translateY(-25px);
4325 }
4326 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4327 transform: translateY(-60px);
4328 }
4329 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4330 flex: 1;
4331 position: relative;
4332 }
4333 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4334 margin-top: 0;
4335 margin-bottom: 5px;
4336 color: var(--vbo-base-color);
4337 font-size: 14px;
4338 }
4339 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4340 position: absolute;
4341 right: -24px;
4342 top: -24px;
4343 background: var(--vbo-config-title-color);
4344 border: 2px solid var(--vbo-basic-btn);
4345 color: var(--vbo-basic-btn);
4346 width: 20px;
4347 height: 20px;
4348 text-align: center;
4349 line-height: 20px;
4350 border-radius: 50%;
4351 cursor: pointer;
4352 }
4353 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4354 font-weight: bold;
4355 margin: 0;
4356 }
4357 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4358 margin: 0;
4359 }
4360 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4361 margin-top: 8px;
4362 }
4363 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4364 margin-right: 4px;
4365 }
4366 .vbo-admin-widget-head-commands {
4367 position: relative;
4368 }
4369 .vbo-reportwidget-commands {
4370 text-align: right;
4371 padding-right: 15px;
4372 margin-bottom: 10px;
4373 display: flex;
4374 justify-content: flex-end;
4375 }
4376 .vbo-reportwidget-commands > div {
4377 display: inline-block;
4378 }
4379 .vbo-reportwidget-commands-main {
4380 display: flex;
4381 align-self: center;
4382 }
4383 .vbo-reportwidget-commands-main > div {
4384 display: inline-block;
4385 vertical-align: top;
4386 }
4387 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4388 font-size: 16px;
4389 color: var(--vbo-base-color);
4390 cursor: pointer;
4391 }
4392 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4393 color: var(--vbo-blue-color);
4394 }
4395 .vbo-reportwidget-command-dates {
4396 margin-right: 5px;
4397 }
4398 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4399 font-weight: bold;
4400 font-size: 1.1em;
4401 }
4402 .vbo-reportwidget-command-chevron {
4403 margin-top: 4px;
4404 }
4405 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4406 margin-right: 5px;
4407 }
4408 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4409 margin-left: 5px;
4410 }
4411 .vbo-reportwidget-command-chevron > span {
4412 display: inline-block;
4413 font-size: 14px;
4414 border: 1px solid #ddd;
4415 padding: 5px 10px;
4416 border-radius: 2px;
4417 background: #f6f6f6;
4418 cursor: pointer;
4419 }
4420 .vbo-reportwidget-command-chevron > span:hover {
4421 background: #eee;
4422 }
4423 .vbo-reportwidget-command-chevron > span:active {
4424 background: #fff;
4425 }
4426 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4427 vertical-align: top;
4428 margin: 2px 0 0 4px;
4429 padding: 8px 0 8px 10px;
4430 font-size: 16px;
4431 cursor: pointer;
4432 display: inline-block;
4433 }
4434 .vbo-reportwidget-command-dots:hover {
4435 color: var(--vbo-base-color);
4436 }
4437 .vbo-reportwidget-filters {
4438 display: none;
4439 position: absolute;
4440 right: 30px;
4441 background: var(--vbo-config-bg-color);
4442 padding: 20px;
4443 border-radius: 10px;
4444 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4445 z-index: 1;
4446 min-width: 150px;
4447 }
4448 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4449 background-color: var(--vbo-input-style);
4450 border: 1px solid var(--vbo-config-border-color);
4451 border-radius: 2px;
4452 margin-bottom: 0;
4453 display: inline-block;
4454 box-sizing: border-box;
4455 padding: 0 0 0 10px;
4456 width: 100%;
4457 display: flex;
4458 }
4459 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4460 border: 0;
4461 height: auto;
4462 padding: 9px 10px 9px 15px;
4463 margin-bottom: 0;
4464 }
4465 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4466 color: var(--vbo-config-titles-color-light);
4467 font-size: 15px;
4468 margin-top: 15px;
4469 float: left;
4470 }
4471 .vbo-reportwidget-filters select {
4472 width: 100% !important;
4473 margin-bottom: 0;
4474 border-radius: 2px;
4475 border: 1px solid var(--vbo-config-border-color);
4476 padding: 8px 10px;
4477 height: inherit;
4478 }
4479 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4480 margin: 5px 0 8px;
4481 }
4482 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4483 width: 240px;
4484 }
4485 .vbo-reportwidget-filter-confirm button {
4486 width: 100%;
4487 }
4488 .vbo-reportwidget-chart {
4489 padding-bottom: 15px;
4490 }
4491 .vbo-reportwidget-chart .err {
4492 margin: 20px;
4493 }
4494 #vbo-report-chart-canvas {
4495 max-width: 100%;
4496 margin: 0 auto;
4497 }
4498 .vbo-reportwidget-chart-metas {
4499 display: flex;
4500 flex-wrap: wrap;
4501 justify-content: center;
4502 margin: 0 10px 15px;
4503 }
4504 .vbo-reportwidget-chart-meta {
4505 flex-basis: calc(33% - 10px);
4506 flex-grow: 1;
4507 }
4508 .vbo-reportwidget-chart-meta-inner {
4509 background: var(--vbo-config-bg-color);
4510 border: 1px solid var(--vbo-basic-btn);
4511 border-bottom: 3px solid var(--vbo-basic-btn);
4512 padding: 20px;
4513 border-radius: 16px;
4514 margin: 5px;
4515 position: relative;
4516 }
4517 .vbo-reportwidget-chart-meta-inner:after {
4518 height: 30px;
4519 width: 4px;
4520 background: var(--vbo-config-border-color);
4521 content: "";
4522 position: absolute;
4523 left: -3px;
4524 top: 17px;
4525 }
4526 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4527 background-color: var(--vbo-blue-color);
4528 }
4529 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4530 background-color: var(--vbo-red-color);
4531 }
4532 .vbo-reportwidget-chart-meta-lbl {
4533 font-weight: bold;
4534 color: var(--vbo-config-titles-color-light);
4535 margin-bottom: 6px;
4536 }
4537 .vbo-reportwidget-chart-meta-val {
4538 font-size: 26px;
4539 font-weight: bold;
4540 }
4541 .vbo-reportwidget-chart-meta-val-main {
4542 display: inline-block;
4543 margin: 4px 0 6px;
4544 white-space: nowrap;
4545 font-size: 20px;
4546 font-weight: bold;
4547 }
4548 .vbo-guestactivitywidget-commands {
4549 text-align: right;
4550 padding: 5px 15px 10px 0;
4551 }
4552 .vbo-guestactivitywidget-commands > div {
4553 display: inline-block;
4554 }
4555 .vbo-guestactivitywidget-commands-main > div {
4556 display: inline-block;
4557 vertical-align: top;
4558 }
4559 .vbo-guestactivitywidget-commands-main {
4560 display: flex;
4561 }
4562 .vbo-guestactivitywidget-command-chevron {
4563 margin-top: 4px;
4564 }
4565 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4566 margin-right: 5px;
4567 }
4568 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4569 margin-left: 5px;
4570 }
4571 .vbo-guestactivitywidget-command-chevron > span {
4572 display: inline-block;
4573 font-size: 14px;
4574 border: 1px solid var(--vbo-config-border-color);
4575 padding: 5px 10px;
4576 border-radius: 2px;
4577 background: var(--vbo-config-child-bg-color);
4578 cursor: pointer;
4579 }
4580 .vbo-guestactivitywidget-command-chevron > span:hover {
4581 background: var(--vbo-basic-btn);
4582 }
4583 .vbo-guestactivitywidget-command-chevron > span:active {
4584 background: var(--vbo-config-bg-color);
4585 }
4586 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4587 display: grid;
4588 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
4589 gap: 10px;
4590 padding: 10px;
4591 width: 100%;
4592 box-sizing: border-box;
4593 }
4594 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4595 background: var(--vbo-config-bg-color);
4596 border: 1px solid var(--vbo-basic-btn);
4597 border-bottom: 3px solid var(--vbo-basic-btn);
4598 padding: 15px;
4599 border-radius: 16px;
4600 }
4601 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4602 background: var(--vbo-config-bg-color);
4603 border: 1px solid var(--vbo-basic-btn);
4604 border-bottom: 3px solid var(--vbo-basic-btn);
4605 padding: 15px;
4606 border-radius: 16px;
4607 position: relative;
4608 }
4609 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4610 border-color: #4e9b0059;
4611 background: #4e9b000f;
4612 }
4613 .vbo-widget-finance-stat-info {
4614 display: flex;
4615 }
4616 .vbo-widget-finance-stat-cmd {
4617 margin-left: auto;
4618 cursor: pointer;
4619 display: inline-block;
4620 padding: 0 0 0px 10px;
4621 }
4622
4623 .vbo-widget-finance-stat-cmd:hover i {
4624 color: var(--vbo-base-color);
4625 }
4626 .vbo-widget-finance-stat-name {
4627 font-weight: 500;
4628 margin-bottom: 6px;
4629 }
4630 .vbo-widget-finance-stat-amount {
4631 margin-top: 6px;
4632 }
4633 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4634 font-weight: bold;
4635 font-size: 18px;
4636 }
4637 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4638 margin-top: 8px;
4639 font-size: 14px;
4640 margin-bottom: 3px;
4641 font-weight: 500;
4642 border-top: 1px solid var(--vbo-config-border-color);
4643 padding-top: 8px;
4644 }
4645 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4646 font-size: 12px;
4647 display: inline-block;
4648 margin-left: 2px;
4649 color: var(--vbo-config-titles-color-light);
4650 }
4651 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4652 color: var(--vbo-green-color);
4653 }
4654 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4655 color: var(--vbo-red-color);
4656 }
4657 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4658 color: var(--vbo-blue-color);
4659 }
4660 .vbo-widget-finance-data-block-rankings {
4661 padding: 0 10px 10px 10px;
4662 display: grid;
4663 grid-template-columns: repeat(2, 1fr);
4664 gap: 10px;
4665 }
4666 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4667 font-size: 14px;
4668 margin-bottom: 10px;
4669 }
4670 .vbo-widget-finance-stat-rank {
4671 display: flex;
4672 margin-bottom: 10px;
4673 }
4674 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4675 margin-right: 10px;
4676 }
4677 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4678 width: 25px;
4679 text-align: center;
4680 height: 25px;
4681 line-height: 25px !important;
4682 border: 1px solid var(--vbo-config-border-color);
4683 border-radius: 50%;
4684 background: var(--vbo-config-child-bg-color);
4685 font-size: 11px;
4686 }
4687 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4688 width: 25px;
4689 height: 25px;
4690 object-fit: cover;
4691 border-radius: 50%;
4692 }
4693 .vbo-widget-finance-stat-rank-score {
4694 display: flex;
4695 flex-wrap: wrap;
4696 width: 100%;
4697 }
4698 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4699 flex-basis: 100%;
4700 }
4701 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4702 .vbo-upload-progress progress {
4703 width: 100%;
4704 border-radius: 20px;
4705 height: 10px;
4706 -webkit-appearance: none;
4707 appearance: none;
4708 }
4709 .vbo-upload-progress progress {
4710 width: 200px;
4711 }
4712 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
4713 .vbo-upload-progress progress::-webkit-progress-bar {
4714 background: var(--vbo-basic-btn);
4715 border-radius: 20px;
4716 }
4717 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
4718 .vbo-upload-progress progress::-webkit-progress-value {
4719 background: var(--vbo-base-color);
4720 border-radius: 20px;
4721 }
4722 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
4723 .vbo-upload-progress progress::-moz-progress-bar {
4724 background: var(--vbo-base-color);
4725 border-radius: 20px;
4726 }
4727 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
4728 .vbo-upload-progress progress::-moz-progress-value {
4729 background: var(--vbo-basic-btn);
4730 border-radius: 20px;
4731 }
4732 .vbo-widget-finance-stat-rank-amount {
4733 margin-left: auto;
4734 font-weight: bold;
4735 }
4736 .vbo-widget-finance-skeleton-block {
4737
4738 }
4739
4740 /* Tooltip - Start **/
4741 .vbo-tooltip {
4742 position: relative;
4743 }
4744 .vbo-tooltip::before,
4745 .vbo-tooltip::after {
4746 position: absolute;
4747 opacity: 0;
4748 visibility: hidden;
4749 -webkit-transition:
4750 opacity 0.3s ease-in-out,
4751 visibility 0.3s ease-in-out,
4752 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4753 -moz-transition:
4754 opacity 0.3s ease-in-out,
4755 visibility 0.3s ease-in-out,
4756 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4757 transition:
4758 opacity 0.3s ease-in-out,
4759 visibility 0.3s ease-in-out,
4760 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
4761 -webkit-transform: translate3d(0, 0, 0);
4762 -moz-transform: translate3d(0, 0, 0);
4763 transform: translate3d(0, 0, 0);
4764 pointer-events: none;
4765 }
4766 .vbo-tooltip:hover::before,
4767 .vbo-tooltip:hover::after,
4768 .vbo-tooltip:focus::before,
4769 .vbo-tooltip:focus::after {
4770 opacity: 1;
4771 visibility: visible;
4772 }
4773 .vbo-tooltip::before {
4774 content: attr(data-tooltiptext);
4775 z-index: 10001;
4776 width: calc(100% + 40px);
4777 color: var(--vbo-body-text-color);
4778 background: var(--vbo-body-bg-color);
4779 border-radius: 15px;
4780 border: 1px solid var(--vbo-config-border-color);
4781 padding: 5px;
4782 font-size: 12px;
4783 line-height: 1.2;
4784 text-align: center;
4785 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
4786 font-weight: normal;
4787 }
4788 .vbo-inspector-hover.vbo-tooltip::before {
4789 width: auto;
4790 font-weight: bold;
4791 }
4792 .vbo-tooltip::after {
4793 content: "";
4794 width: 0;
4795 height: 0;
4796 }
4797 .vbo-tooltip.vbo-tooltip-top::before,
4798 .vbo-tooltip.vbo-tooltip-top::after {
4799 bottom: 100%;
4800 left: 50%;
4801 transform: translate(-50%);
4802 margin-bottom: 2px;
4803 }
4804 .vbo-tooltip.vbo-tooltip-bottom::before,
4805 .vbo-tooltip.vbo-tooltip-bottom::after {
4806 top: 100%;
4807 left: 50%;
4808 transform: translate(-50%);
4809 margin-top: 2px;
4810 }
4811 /* Tooltip - End **/
4812
4813 .vbo-dashboard-firstsetup-container {
4814 width: 80%;
4815 margin: 0 auto;
4816 border: 1px solid var(--vbo-config-border-color);
4817 border-radius: 4px;
4818 padding: 30px;
4819 background: var(--vbo-config-bg-color);
4820 }
4821 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
4822 font-size: 24px;
4823 margin-top: 0;
4824 }
4825 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
4826 font-weight: normal;
4827 font-size: 18px;
4828 }
4829 .vbo-dashboard-firstsetup-body {
4830 display: flex;
4831 flex-wrap: wrap;
4832 margin: 20px auto;
4833 }
4834 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
4835 flex-basis: 25%;
4836 }
4837 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
4838 border: 1px solid var(--vbo-config-border-color);
4839 border-radius: 8px;
4840 margin: 10px;
4841 padding: 20px;
4842 font-size: 14px;
4843 background: var(--vbo-config-bg-color);
4844 box-shadow: 0 0 10px rgba(0,0,0,.05);
4845 height: 94%;
4846 }
4847 .vbo-dashboard-firstsetup-task-number {
4848 color: #82b8d5;
4849 font-size: 32px;
4850 margin-bottom: 20px;
4851 font-weight: bold;
4852 }
4853 .vbo-dashboard-firstsetup-task-details {
4854 text-align: center;
4855 font-weight: bold;
4856 }
4857 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
4858 font-size: 14px;
4859 }
4860 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
4861 margin-top: 10px;
4862 font-size: 26px;
4863 }
4864 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
4865 display: inline-block;
4866 min-height: 10px;
4867 }
4868 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
4869 display: block;
4870 margin-top: 22px;
4871 font-size: 22px;
4872 color: var(--vbo-green-color);
4873 }
4874 .vbo-dashboard-firstsetup-task-action {
4875 text-align: center;
4876 margin-top: 20px;
4877 }
4878 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
4879 background: var(--vbo-base-color);
4880 color: #fff;
4881 border: 1px solid var(--vbo-base-color);
4882 padding: 5px 15px;
4883 font-weight: bold;
4884 }
4885 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
4886 background: var(--vbo-base-color-hover);
4887 }
4888 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
4889 background: var(--vbo-link-text-color);
4890 }
4891 .vbo-dashboard-firstsetup-task-description {
4892 border-top: 1px solid var(--vbo-config-border-color);
4893 padding: 5px 10px;
4894 margin-top: 15px;
4895 color: var(--vbo-config-titles-color-light);
4896 text-align: center;
4897 background: var(--vbo-config-child-bg-color);
4898 }
4899 .vbo-dashboard-firstsetup-importbftpp-title {
4900 font-size: 16px;
4901 margin-bottom: 10px;
4902 margin-top: 20px;
4903 }
4904 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
4905 border-color: var(--vbo-red-color);
4906 }
4907 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
4908 color: var(--vbo-red-color);
4909 }
4910 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
4911 font-size: 18px;
4912 font-weight: normal;
4913 margin: 0;
4914 padding: 0;
4915 }
4916 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
4917 display: inline-block;
4918 margin-bottom: 10px;
4919 margin-right: 5px;
4920 }
4921 .btn.vbo-sampledata-btn {
4922 background: var(--vbo-base-color);
4923 color: #fff;
4924 font-weight: bold;
4925 border: 1px solid var(--vbo-base-color);
4926 }
4927 .btn.vbo-sampledata-btn:hover {
4928 background-color: var(--vbo-config-bg-color);
4929 color: var(--vbo-base-color);
4930 }
4931 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
4932 font-size: 16px;
4933 }
4934 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
4935 font-size: 16px;
4936 line-height: 1.4em;
4937 }
4938 .vbo-dashboard-today-bookings > div {
4939 margin: 0 18px 18px 0;
4940 }
4941 .vbo-admin-widgets-widget {
4942 display: block;
4943 border-radius: 16px;
4944 margin: 12px 0;
4945 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4946 background: var(--vbo-config-bg-color);
4947 }
4948 .vbo-admin-widget-head {
4949 border-top-right-radius: 16px;
4950 border-top-left-radius: 16px;
4951 border-bottom: 1px solid var(--vbo-config-border-color);
4952 display: inline-block;
4953 width: 100%;
4954 box-sizing: border-box;
4955 }
4956 .vbo-admin-widget-head .btn-toolbar {
4957 margin: 10px 15px 10px 10px;
4958 display: inline-block;
4959 }
4960 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
4961 margin-top: 4px;
4962 }
4963 .vbo-admin-widget-head .form-control {
4964 border: 1px solid var(--vbo-config-border-color);
4965 border-radius: 2px;
4966 padding: 8px 10px;
4967 margin-bottom: 0;
4968 box-sizing: border-box;
4969 height: auto;
4970 }
4971 .vbo-admin-widget-head .btn {
4972 padding: 8px 10px;
4973 border-radius: 0 2px 2px 0;
4974 border: 1px solid var(--vbo-config-border-color);
4975 }
4976 .vvbo-admin-widget-head .btn i {
4977 margin-right: 0;
4978 }
4979 .btn.btn-small {
4980 padding: 2px 10px;
4981 font-size: 12px;
4982 -webkit-border-radius: 3px;
4983 -moz-border-radius: 3px;
4984 border-radius: 3px;
4985 }
4986 body #content .btn.vbo-context-menu-btn, body #wpcontent .btn.vbo-context-menu-btn, body.wp-admin .btn.vbo-context-menu-btn, .btn.vbo-context-menu-btn {
4987 padding: 0 !important;
4988 height: 40px;
4989 }
4990 body #content .btn-small.vbo-context-menu-btn, body #wpcontent .btn-small.vbo-context-menu-btn, body.wp-admin .btn-small.vbo-context-menu-btn, .btn-small.vbo-context-menu-btn {
4991 padding: 0 !important;
4992 background: var(--vbo-base-color);
4993 border: 1px solid var(--vbo-base-color) !important;
4994 color: var(--vbo-contrast-text-color);
4995 display: flex;
4996 height: auto;
4997 }
4998 body #content .btn-small.vbo-context-menu-btn:hover, body #wpcontent .btn-small.vbo-context-menu-btn:hover, body.wp-admin .btn-small.vbo-context-menu-btn:hover, .btn-small.vbo-context-menu-btn:hover, .btn-small.vbo-context-menu-btn:focus, .btn-small.vbo-context-menu-btn:active {
4999 background: var(--vbo-base-color) !important;
5000 border: 1px solid var(--vbo-base-color);
5001 color: var(--vbo-contrast-text-color);
5002 }
5003 .vbo-context-menu-btn .vbo-context-menu-lbl {
5004 padding: 10px;
5005 display: inline-block;
5006 }
5007 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
5008 padding: 3px 10px 3px;
5009 }
5010 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
5011 background: var(--vbo-base-color-hover);
5012 color: var(--vbo-contrast-text-color);
5013 border: 0;
5014 border-top-left-radius: 3px;
5015 border-bottom-left-radius: 3px;
5016 }
5017 body #content .btn-warning.vbo-context-menu-btn, body #wpcontent .btn-warning.vbo-context-menu-btn, body.wp-admin .btn-warning.vbo-context-menu-btn, .btn-warning.vbo-context-menu-btn {
5018 background: var(--vbo-orange-color);
5019 }
5020 .btn-warning.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5021 background: var(--vbo-orange-color-hover);
5022 color: var(--vbo-contrast-text-color);
5023 border: 0;
5024 }
5025 body #content .btn-danger.vbo-context-menu-btn, body #wpcontent .btn-danger.vbo-context-menu-btn, body.wp-admin .btn-danger.vbo-context-menu-btn, .btn-danger.vbo-context-menu-btn {
5026 background: var(--vbo-red-color);
5027 }
5028 .btn-danger.vbo-context-menu-btn .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5029 background: var(--vbo-red-color-hover);
5030 color: var(--vbo-contrast-text-color);
5031 border: 0;
5032 }
5033 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5034 background-color: var(--vbo-green-color);
5035 border-color: var(--vbo-green-color);
5036 }
5037 body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:hover, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:hover, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:hover, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:hover {
5038 background-color: var(--vbo-green-color-hover);
5039 border-color: var(--vbo-green-color-hover);
5040 }
5041 body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus {
5042 background-color: var(--vbo-green-color-focus);
5043 border-color: var(--vbo-green-color-focus);
5044 }
5045 .vbo-context-menu-btn .vbo-context-menu-ico {
5046 padding: 12px 8px;
5047 text-align: center;
5048 border-top-right-radius: 3px;
5049 border-bottom-right-radius: 3px;
5050 }
5051 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5052 padding: 3px 8px 3px;
5053 }
5054 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5055 margin-right: 0;
5056 position: relative;
5057 top: -1px;
5058 vertical-align: initial;
5059 }
5060 .vbo-context-menu-btn .vbo-context-menu-ico:hover {
5061 background: var(--vbo-base-color-hover);
5062 }
5063 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5064 background: var(--vbo-base-color-hover);
5065 border-color: var(--vbo-base-color-hover);
5066 }
5067 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5068 border-radius: 3px;
5069 display: initial;
5070 vertical-align: initial;
5071 }
5072 .vik-context-menu.vbo-dropdown-cxmenu {
5073 background: var(--vbo-config-bg-color);
5074 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5075 z-index: 2147483647 !important;
5076 border: 1px solid rgba(0,0,0,.15);
5077 border-radius: .25rem;
5078 }
5079 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5080 color: var(--vbo-contrast-text-color);
5081 background: var(--vbo-base-color);
5082 cursor: pointer;
5083 }
5084 .vik-context-menu.vbo-dropdown-cxmenu li, .vik-context-menu.vbo-dropdown-cxmenu li:last-child, .vik-context-menu.vbo-dropdown-cxmenu li:first-child {
5085 padding: 0;
5086 margin: 0;
5087 }
5088 .vik-context-menu.vbo-dropdown-cxmenu li a {
5089 color: var(--vbo-body-text-color);
5090 padding: 8px 12px;
5091 }
5092 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5093 background: var(--vbo-red-color);
5094 }
5095 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:active {
5096 background: var(--vbo-red-color-focus);
5097 }
5098 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5099 background: var(--vbo-orange-color-hover);
5100 }
5101 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5102 color: var(--vbo-config-text-color-light);
5103 font-size: 14px;
5104 min-width: 16px;
5105 }
5106 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5107 color: var(--vbo-contrast-text-color);
5108 }
5109 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5110 border-radius: 3px;
5111 }
5112 .vbo-admin-widget-head h4 {
5113 font-size: 18px;
5114 font-weight: bold;
5115 padding: 7px 0 3px 15px;
5116 margin: 12px 0;
5117 position: relative;
5118 display: inline-block;
5119 }
5120 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5121 vertical-align: middle;
5122 }
5123 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5124 display: inline-block;
5125 float: right;
5126 margin-top: 10px;
5127 }
5128 .vbo-dashboard-search-input {
5129 display: inline-block;
5130 vertical-align: middle;
5131 margin-left: 10px;
5132 margin-bottom: 2px;
5133 }
5134 .vbo-admin-widget-body {
5135 padding: 10px;
5136 }
5137 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5138 display: flex;
5139 padding: 10px 15px;
5140 border-bottom: 1px solid var(--vbo-basic-btn);
5141 cursor: pointer;
5142 }
5143 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5144 background: var(--vbo-light-color-btn);
5145 }
5146 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5147 border-bottom: 0;
5148 }
5149 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5150 width: 40px;
5151 margin-right: 15px;
5152 }
5153 .vbo-dashboard-guest-activity-avatar-icon {
5154 width: 40px;
5155 text-align: center;
5156 height: 40px;
5157 line-height: 40px !important;
5158 border: 1px solid var(--vbo-config-border-color);
5159 border-radius: 50%;
5160 background: var(--vbo-config-child-bg-color);
5161 font-size: 16px;
5162 }
5163 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5164 max-width: 100%;
5165 border-radius: 50%;
5166 object-fit: cover;
5167 }
5168 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5169 flex: 1;
5170 }
5171 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5172 margin: 0;
5173 }
5174 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5175 display: flex;
5176 }
5177 .vbo-dashboard-guest-activity-content-info-details {
5178 margin-bottom: 7px;
5179 flex: 1;
5180 }
5181 .vbo-w-guestmessages-message-staydates {
5182 font-size: 12px;
5183 position: relative;
5184 padding-left: 10px;
5185 color: var(--vbo-config-titles-color-light);
5186 }
5187 .vbo-w-guestmessages-message-staydates:after {
5188 content: "";
5189 width: 2px;
5190 height: 2px;
5191 background: var(--vbo-config-titles-color-light);
5192 top: 7px;
5193 left: 2px;
5194 position: absolute;
5195 border-radius: 50%;
5196 }
5197 .vbo-w-guestmessages-message-new {
5198 background: var(--vbo-toolbar-bg-color);
5199 }
5200 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle i {
5201 color: var(--vbo-base-color);
5202 font-size: 18px;
5203 margin: 0 0 0 5px;
5204 }
5205 .vbo-bookings-status-separator {
5206 margin-top: 5px;
5207 text-align: center;
5208 }
5209 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5210 height: calc(100% - 100px);
5211 }
5212 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5213 display: flex;
5214 padding: 12px 20px 6px;
5215 background: transparent;
5216 border-bottom: 1px solid var(--vbo-config-border-color);
5217 }
5218 .vbo-modal-wguestmessages-chat-wrap {
5219 height: 100%;
5220 }
5221 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5222 max-height: 540px;
5223 }
5224 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) {
5225 flex: 1;
5226 }
5227 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) span {
5228 display: inline-block;
5229 vertical-align: middle;
5230 }
5231 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) span.vbo-modal-wguestmessages-chat-info-booking {
5232 display: block;
5233 }
5234 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5235 display: inline-block;
5236 vertical-align: middle;
5237 line-height: 1em;
5238 }
5239 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label {
5240 margin-left: 10px;
5241 }
5242 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5243 background-color: var(--vbo-red-color);
5244 }
5245 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5246 margin-right: 10px;
5247 font-weight: bold;
5248 }
5249 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5250 margin-right: 10px;
5251 }
5252 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5253 width: 40px;
5254 height: 40px;
5255 object-fit: cover;
5256 border-radius: 50%;
5257 }
5258 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5259 margin-left: auto;
5260 align-self: center;
5261 }
5262 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5263 margin-right: 10px;
5264 margin-top: 2px;
5265 display: inline-block;
5266 width: 100%;
5267 }
5268 .vbo-dashboard-guest-activity-content-info-icon i {
5269 color: var(--vbo-base-color);
5270 font-size: 14px;
5271 }
5272 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5273 color: var(--vbo-orange-color);
5274 }
5275 .vbo-rdaybooking-subunits {
5276 margin-top: 6px;
5277 }
5278 .vbo-rdaybooking-subunits .label-warning {
5279 padding: 10px 6px !important;
5280 }
5281 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5282 display: inline-block;
5283 }
5284 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5285 min-height: 34px;
5286 line-height: 1.3em;
5287 margin: 3px 0;
5288 }
5289 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5290 font-weight: bold;
5291 margin-left: 2px;
5292 }
5293 .vbo-dashboard-guest-activity-content-info-date {
5294 margin-left: auto;
5295 font-size: .9em;
5296 text-align: right;
5297 color: var(--vbo-config-titles-color-light);
5298 }
5299 .vbo-dashboard-guest-activity-content-info-date span {
5300 display: block;
5301 }
5302 .vbo-dashboard-guest-activity-content-info-msg {
5303 color: var(--vbo-config-titles-color-light);
5304 font-size: 13px;
5305 }
5306 .vbo-dashboard-guest-activity-content-info-msg p {
5307 margin: 0;
5308 }
5309 .vbo-dashboard-guest-activity-skeleton {
5310 padding: 17px 15px;
5311 }
5312 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5313 width: 40px;
5314 height: 40px;
5315 border-radius: 50%;
5316 object-fit: cover;
5317 }
5318 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5319 width: 150px;
5320 height: 15px;
5321 }
5322 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5323 width: 70%;
5324 height: 15px;
5325 }
5326 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5327 width: 100%;
5328 height: 22px;
5329 }
5330 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5331 width: 50px;
5332 height: 11px;
5333 }
5334 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5335 width: 100%;
5336 height: 22px;
5337 }
5338 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5339 position: relative;
5340 overflow: hidden;
5341 display: inline-block;
5342 }
5343 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5344 position: absolute;
5345 top: 0;
5346 right: 0;
5347 bottom: 0;
5348 left: 0;
5349 transform: translateX(-100%);
5350 animation: shimmer 2s infinite;
5351 content: '';
5352 }
5353 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5354 margin-bottom: 5px;
5355 margin-top: 3px;
5356 }
5357
5358 @keyframes shimmer {
5359 100% {
5360 transform: translateX(100%);
5361 }
5362 }
5363
5364 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5365 display: flex;
5366 padding: 10px 15px;
5367 border-bottom: 1px solid var(--vbo-basic-btn);
5368 width: 100%;
5369 box-sizing: border-box;
5370 }
5371 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5372 width: 40px;
5373 margin-right: 15px;
5374 }
5375 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5376 max-width: 100%;
5377 border-radius: 50%;
5378 object-fit: cover;
5379 }
5380 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar .vbo-widget-ratesflow-avatar-icon, .vbo-widget-latestevents-list .vbo-widget-history-avatar .vbo-widget-history-avatar-icon {
5381 width: 40px;
5382 text-align: center;
5383 height: 40px;
5384 line-height: 40px;
5385 border: 1px solid var(--vbo-config-border-color);
5386 border-radius: 50%;
5387 background: var(--vbo-config-child-bg-color);
5388 font-size: 16px;
5389 }
5390 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5391 flex: 1;
5392 }
5393 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-head, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5394 display: flex;
5395 }
5396 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5397 flex-wrap: wrap;
5398 }
5399 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5400 margin-bottom: 3px;
5401 flex: 1;
5402 }
5403 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details h4, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details h4 {
5404 margin: 0;
5405 font-size: 16px;
5406 }
5407 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details .vbo-widget-ratesflow-content-info-dates, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-widget-history-content-info-dates {
5408 margin-right: 10px;
5409 margin-top: 2px;
5410 font-size: .9em;
5411 }
5412 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5413 margin-left: auto;
5414 }
5415 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5416 text-align: right;
5417 font-weight: bold;
5418 font-size: 1.2em;
5419 }
5420 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5421 display: flex;
5422 font-size: .95em;
5423 justify-content: right;
5424 }
5425 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5426 margin-right: 6px;
5427 }
5428 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5429 margin-top: 6px;
5430 float: left;
5431 margin-right: 3px;
5432 }
5433 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5434 margin-top: 2px;
5435 float: left;
5436 margin-right: 3px;
5437 }
5438 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5439 margin: 0 0 5px;
5440 }
5441 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5442 margin: 0;
5443 }
5444 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5445 color: var(--vbo-green-color);
5446 }
5447 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5448 color: var(--vbo-red-color);
5449 }
5450 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5451 flex-basis: 100%;
5452 margin-bottom: 3px;
5453 }
5454 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5455 float: right;
5456 margin: 1px;
5457 }
5458 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5459 font-size: 12px;
5460 padding: 5px 8px !important;
5461 }
5462 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5463 margin-bottom: 3px;
5464 }
5465 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5466 display: flex;
5467 width: 100%;
5468 }
5469 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5470 margin-left: auto;
5471 text-align: right;
5472 }
5473 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5474 margin-right: 3px;
5475 color: var(--vbo-middle-color-btn);
5476 }
5477 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5478 display: flex;
5479 flex-wrap: wrap;
5480 }
5481 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline {
5482 flex: 1;
5483 }
5484
5485 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5486 cursor: pointer;
5487 background: var(--vbo-light-color-btn);
5488 }
5489
5490 .vbo-widget-currconv-wrap {
5491 padding: 15px;
5492 }
5493 .vbo-widget-currconv-filters {
5494 display: flex;
5495 flex-wrap: wrap;
5496 }
5497 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5498 margin-bottom: 5px;
5499 }
5500 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5501 align-self: end;
5502 }
5503 .vbo-widget-currconv-filters label {
5504 display: block;
5505 margin-bottom: 5px;
5506 font-weight: 500;
5507 }
5508 .vbo-widget-currconv-filters-main {
5509 display: flex;
5510 flex-wrap: wrap;
5511 }
5512 .vbo-widget-currconv-filters-submit .btn {
5513 margin-left: 10px;
5514 }
5515 .vbo-widget-currconv-filters-main > div {
5516 margin-right: 10px;
5517 }
5518 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5519 height: 40px;
5520 border-radius: 2px;
5521 }
5522 .vbo-admin-widgets-widget-output .select2-container .select2-selection__rendered {
5523 font-weight: normal;
5524 font-size: 14px;
5525 line-height: 40px !important;
5526 }
5527 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5528 height: 40px;
5529 }
5530 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5531 align-self: end;
5532 flex-basis: 100%;
5533 }
5534 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5535 width: 100%;
5536 margin-left: 0;
5537 }
5538 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5539 margin-left: 0;
5540 }
5541
5542 .vbo-widget-checkav-wrap {
5543 padding: 15px;
5544 }
5545 .vbo-widget-checkav-filters {
5546 display: flex;
5547 flex-wrap: wrap;
5548 }
5549 .vbo-widget-checkav-filters > div {
5550 margin-bottom: 8px;
5551 }
5552 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5553 margin: 5px 0;
5554 }
5555 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5556 display: flex;
5557 flex-wrap: wrap;
5558 }
5559 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary:last-child {
5560 margin-left: 10px;
5561 }
5562 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5563 margin-left: 8px;
5564 }
5565 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5566 flex: 1;
5567 }
5568 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5569 margin-right: 8px;
5570 }
5571 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5572 margin-left: 8px;
5573 }
5574 .vbo-widget-checkav-results {
5575 margin-top: 5px;
5576 }
5577 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5578 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5579 display: grid;
5580 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5581 }
5582 .vbo-widget-checkav-result-splitstays-wrap {
5583 width: 100%;
5584 }
5585 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5586 border: 1px solid var(--vbo-basic-btn);
5587 margin: 5px;
5588 border-radius: 6px;
5589 }
5590 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5591 border-color: var(--vbo-base-color);
5592 }
5593 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5594 display: grid;
5595 grid-template-columns: repeat(2, 1fr);
5596 }
5597 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
5598 padding: 8px;
5599 }
5600 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
5601 font-weight: bold;
5602 font-size: 1.2em;
5603 margin-bottom: 4px;
5604 }
5605 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
5606 color: var(--vbo-base-color);
5607 margin-right: 3px;
5608 width: 16px;
5609 }
5610 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
5611 display: block;
5612 margin-bottom: 3px;
5613 }
5614 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
5615 margin-right: 3px;
5616 width: 16px;
5617 color: var(--vbo-config-text-color-light);
5618 }
5619 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
5620 text-align: center;
5621 margin-bottom: 10px;
5622 }
5623 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
5624 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
5625 display: flex;
5626 flex-wrap: wrap;
5627 }
5628 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
5629 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
5630 flex-basis: 100%;
5631 }
5632 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5633 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
5634 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5635 flex-basis: 100%;
5636 }
5637 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
5638 display: flex;
5639 flex-wrap: wrap;
5640 }
5641 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5642 margin: 5px;
5643 }
5644 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5645 flex-basis: 100%;
5646 }
5647 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
5648 flex-basis: 100%;
5649 text-align: center;
5650 margin-bottom: 5px;
5651 padding-top: 5px;
5652 }
5653 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
5654 margin-right: 10px;
5655 }
5656 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
5657 display: flex;
5658 flex-wrap: wrap;
5659 justify-content: center;
5660 width: 100%;
5661 }
5662 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5663 flex-basis: calc(33% - 34px);
5664 border: 1px solid var(--vbo-config-border-color);
5665 border-radius: 4px;
5666 padding: 10px;
5667 margin: 5px;
5668 text-align: center;
5669 }
5670 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
5671 margin-right: 4px;
5672 }
5673 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5674 white-space: nowrap;
5675 overflow: hidden;
5676 text-overflow: ellipsis;
5677 max-width: 300px;
5678 }
5679 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5680 flex-basis: 100%;
5681 max-width: 100%;
5682 margin-bottom: 4px;
5683 }
5684 @media screen and (min-width: 1800px) {
5685 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5686 flex-basis: calc(33% - 30px);
5687 }
5688 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates, .vbo-admin-widgets-container-large .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates.vbo-admin-widgets-container-medium .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate, .vbo-modal-overlay-content .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
5689 flex-basis: calc(50% - 30px);
5690 margin: 5px;
5691 }
5692 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap, .vbo-admin-widgets-container-medium .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
5693 width: 100%;
5694 display: grid;
5695 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5696 }
5697 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner, .vbo-admin-widgets-container-medium .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5698 grid-template-columns: repeat(3, 1fr);
5699 }
5700 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
5701 border-color: var(--vbo-input-style);
5702 }
5703 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
5704 border-color: var(--vbo-base-color);
5705 }
5706 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
5707 display: inline-block;
5708 }
5709 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5710 display: block;
5711 }
5712 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5713 text-align: right;
5714 min-width: 80px;
5715 }
5716 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5717 text-align: left;
5718 min-width: initial;
5719 }
5720 }
5721 @media screen and (max-width: 1800px) {
5722 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
5723 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5724 flex-basis: 100%;
5725 }
5726 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
5727 flex-basis: calc(100% - 30px);
5728 }
5729 }
5730 @media screen and (min-width: 2500px) {
5731 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates.vbo-admin-widgets-container-medium .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5732 flex-basis: calc(33% - 30px);
5733 margin: 5px;
5734 }
5735 }
5736 @media screen and (min-width: 3000px) {
5737 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5738 display: inline-block;
5739 }
5740 }
5741 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
5742 font-weight: bold;
5743 font-size: 1.2em;
5744 margin-bottom: 5px;
5745 }
5746 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5747 display: flex;
5748 margin: 5px 0 8px;
5749 padding-bottom: 5px;
5750 border-bottom: 1px solid var(--vbo-config-border-color);
5751 }
5752 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
5753 border-bottom: 0;
5754 padding-bottom: 0px;
5755 }
5756 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
5757 display: inline-block;
5758 }
5759 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5760 padding: 10px;
5761 background-color: var(--vbo-input-style);
5762 margin: 0px 0 8px;
5763 border-radius: 6px;
5764 }
5765 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
5766 flex: 1;
5767 display: flex;
5768 }
5769 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5770 align-self: center;
5771 margin: 0 10px;
5772 }
5773 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
5774 display: block;
5775 }
5776 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
5777 font-weight: bold;
5778 }
5779 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5780 display: inline-block;
5781 min-width: 150px;
5782 align-self: center;
5783 }
5784 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5785 margin-left: auto;
5786 margin-right: 0;
5787 }
5788 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
5789 padding: 7px 12px;
5790 }
5791 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
5792 margin: 0 0 6px;
5793 }
5794 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5795 margin: 5px;
5796 }
5797 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
5798 display: flex;
5799 flex-wrap: wrap;
5800 }
5801 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5802 align-self: center;
5803 margin-right: 10px;
5804 flex: 1;
5805 }
5806 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
5807 flex-basis: 100%;
5808 }
5809 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
5810 margin-bottom: 3px;
5811 }
5812 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5813 margin-top: 8px;
5814 width: 100%;
5815 text-align: center;
5816 }
5817 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose .btn {
5818 width: 100%;
5819 }
5820 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
5821 margin-right: 10px;
5822 }
5823 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
5824 color: var(--vbo-config-text-color-light);
5825 width: 16px;
5826 margin-right: 3px;
5827 }
5828 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
5829 margin-left: auto;
5830 }
5831 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5832 width: 100%;
5833 display: flex;
5834 flex-wrap: wrap;
5835 }
5836 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5837 flex: initial;
5838 }
5839 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input, .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
5840 width: 110px !important;
5841 }
5842 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
5843 align-self: center;
5844 margin-right: 5px;
5845 }
5846 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
5847 flex: 1;
5848 width: 80px !important;
5849 }
5850 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
5851 .admin.com_vikbooking .vbo-widget-checkav-filters input {
5852 padding: 8px 10px;
5853 box-sizing: border-box;
5854 height: auto;
5855 }
5856 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5857 margin-top: 0;
5858 }
5859 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5860 display: flex;
5861 flex-wrap: wrap;
5862 }
5863 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
5864 flex: 1;
5865 }
5866 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
5867 margin-right: 8px;
5868 }
5869 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5870 width: 75px !important;
5871 }
5872 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5873 margin-left: 0;
5874 }
5875 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5876 width: 100%;
5877 margin-left: 0;
5878 }
5879 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
5880 width: 100%;
5881 }
5882 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
5883 margin-right: 10px;
5884 min-width: initial;
5885 }
5886 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
5887 display: block;
5888 margin-bottom: 5px;
5889 }
5890 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5891 align-self: end;
5892 }
5893 @media screen and (max-width: 1000px) {
5894 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
5895 flex: 1;
5896 flex-basis: 100%;
5897 margin-bottom: 8px;
5898 }
5899 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
5900 width: 100%;
5901 display: flex;
5902 }
5903 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
5904 flex: 1;
5905 width: 100%;
5906 }
5907 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
5908 margin: 0;
5909 width: 100%;
5910 display: inline-block;
5911 }
5912 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
5913 flex: 1;
5914 }
5915 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
5916 margin-right: 10px;
5917 align-self: center;
5918 }
5919 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
5920 align-self: auto;
5921 }
5922 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
5923 display: block;
5924 }
5925 }
5926 @media screen and (max-width: 2200px) {
5927 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5928 width: auto;
5929 flex-basis: 100%;
5930 }
5931 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5932 flex: 1;
5933 display: flex;
5934 }
5935 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
5936 flex-basis: 100%;
5937 }
5938 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
5939 width: 100% !important;
5940 }
5941 }
5942 @media screen and (max-width: 1800px) {
5943 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
5944 flex-wrap: wrap;
5945 }
5946 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
5947 flex-basis: 100%;
5948 margin-right: 0;
5949 }
5950 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
5951 margin-left: 0;
5952 margin-right: 16px;
5953 }
5954 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
5955 margin-left: auto;
5956 }
5957 }
5958 @media screen and (min-width: 2200px) {
5959 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5960 width: auto;
5961 flex: inherit;
5962 }
5963 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
5964 margin-right: 5px;
5965 }
5966 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5967 width: auto;
5968 }
5969 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5970 width: auto;
5971 margin-left: 8px;
5972 align-self: end;
5973 }
5974 }
5975 @media screen and (min-width: 1800px) {
5976 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
5977 display: flex;
5978 flex-wrap: wrap;
5979 }
5980 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
5981 flex-basis: 100%;
5982 }
5983 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
5984 flex-basis: calc(33% - 40px);
5985 }
5986 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
5987 flex-basis: 100%;
5988 }
5989 }
5990
5991 .vbo-widget-commands-right {
5992 text-align: right;
5993 padding: 5px 15px 10px 0;
5994 }
5995 .vbo-widget-commands > div {
5996 display: inline-block;
5997 }
5998 .vbo-widget-commands-main > div {
5999 display: inline-block;
6000 vertical-align: top;
6001 }
6002 .vbo-widget-commands-main .vbo-widget-command-chevron {
6003 margin-top: 4px;
6004 }
6005 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
6006 display: inline-block;
6007 font-size: 14px;
6008 border: 1px solid var(--vbo-config-border-color);
6009 padding: 5px 10px;
6010 border-radius: 2px;
6011 background: var(--vbo-config-child-bg-color);
6012 cursor: pointer;
6013 }
6014
6015 .vbo-dashboard-forecast-wrap h4 {
6016 padding: 23px 0px 22px 15px;
6017 margin-bottom: 20px;
6018 text-align: center;
6019 display: block;
6020 }
6021 .vbo-dash-chart-title .vbo-dash-chart-nav {
6022 display: inline-block;
6023 font-size: 14px;
6024 border: 1px solid #ddd;
6025 padding: 5px 10px;
6026 border-radius: 2px;
6027 background: #f6f6f6;
6028 cursor: pointer;
6029 }
6030 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6031 background: #eee;
6032 }
6033 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6034 margin-right: 0;
6035 }
6036 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6037 border: 0;
6038 }
6039 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6040 border: 1px solid var(--vbo-blue-color);
6041 display: inline-block;
6042 padding: 5px 8px;
6043 border-radius: 4px;
6044 text-transform: capitalize;
6045 font-size: 14px;
6046 margin-left: 7px;
6047 font-weight: bold;
6048 color: var(--vbo-blue-color);
6049 vertical-align: top;
6050 margin-top: -5px;
6051 }
6052 .vbo-admin-widget-wrapper h4 i {
6053 margin-right: 8px;
6054 font-size: 17px;
6055 }
6056 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6057 margin-right: 0;
6058 font-size: 14px;
6059 vertical-align: initial;
6060 }
6061 .vbo-admin-widget-wrapper table thead tr:first-child th,
6062 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6063 color: var(--vbo-config-titles-color-light);
6064 font-weight: bold;
6065 padding: 15px 15px;
6066 text-transform: uppercase;
6067 }
6068 .vbo-admin-widget-wrapper .table .searchable.center {
6069 white-space: inherit;
6070 }
6071 .vbo-admin-widget-wrapper .table td {
6072 padding: 11px 15px !important;
6073 border-top: 1px solid var(--vbo-basic-btn) !important;
6074 border-bottom: 0;
6075 }
6076 .vbo-dashboard-charts {
6077 width: 100%;
6078 display: inline-block;
6079 margin: 20px 0;
6080 padding: 15px 0;
6081 border-top:1px solid var(--vbo-config-border-color);
6082 border-bottom:1px solid var(--vbo-config-border-color);
6083 }
6084 .vbo-dashboard-charts-wrapper {
6085 margin: 0 auto 20px;
6086 padding: 18px;
6087 display: grid;
6088 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6089 }
6090 .vbo-dashboard-chart-container {
6091 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6092 display: inline-block;
6093 margin: 8px;
6094 padding: 0;
6095 border-radius: 16px;
6096 border: 1px solid var(--vbo-basic-btn);
6097 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6098 }
6099 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6100 display: inline-block;
6101 font-size: 16px;
6102 font-weight: bold;
6103 padding: 20px 0 0;
6104 text-align: center;
6105 width: 100%;
6106 border-top-left-radius: 8px;
6107 border-top-right-radius: 8px;
6108 }
6109 .vbo-dashboard-chart-container .donutChart {
6110 display: block;
6111 margin: 0 auto;
6112 padding: 0 8px;
6113 }
6114 .vbo-dashboard-next-bookings-block {
6115 background: #fff;
6116 border-radius: 8px;
6117 box-shadow: 0 0 20px rgba(0,0,0,.1);
6118 margin: 0 28px 18px;
6119 }
6120 .vbo-table-search-cout {
6121 margin-bottom: 0 !important;
6122 }
6123 .vbo-admin-widget-wrapper {
6124 padding-bottom: 8px;
6125 }
6126 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6127 display: inline-block;
6128 border-radius: 4px;
6129 border: 1px solid var(--vbo-base-color);
6130 padding: 3px 8px;
6131 color: var(--vbo-base-color);
6132 }
6133 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6134 text-decoration: none;
6135 background: var(--vbo-base-color-hover);
6136 color: #fff;
6137 }
6138 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td, .vbo-dashboard-today-checkout.table-responsive > .table > thead > tr > th, .vbo-dashboard-today-checkin.table-responsive > .table > thead > tr > th {
6139 white-space: initial;
6140 }
6141 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6142 word-break: inherit;
6143 }
6144 .vbo-dashboard-next-bookings .table {
6145 margin-bottom: 0;
6146 }
6147 .vbo-dashboard-next-bookings-block h4 {
6148 font-size: 20px;
6149 font-weight: bold;
6150 color: var(--vbo-config-title-color);
6151 border-top-right-radius: 16px;
6152 border-top-left-radius: 16px;
6153 border-bottom: 1px solid var(--vbo-config-border-color);
6154 margin: 0;
6155 padding: 22px 15px;
6156 }
6157 .vbo-dashboard-next-bookings-block h4 i {
6158 margin-right: 15px;
6159 }
6160 .vbo-dashboard-refresh-container {
6161 margin: 20px 28px 0;
6162 float: right;
6163 border-radius: 40px;
6164 border: 1px solid var(--vbo-config-border-color);
6165 padding: 10px 20px;
6166 }
6167 .vbo-dashboard-refresh-container > span {
6168 display: inline-block;
6169 margin: 0 2px;
6170 }
6171 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6172 font-size: 1.3em;
6173 padding: 10px 13px 7px 0;
6174 position: relative;
6175 text-align: center;
6176 display: inline-block;
6177 font-weight: bold;
6178 }
6179 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6180 display: inline-block;
6181 margin:0 8px 0 0;
6182 font-weight: normal;
6183 }
6184 .vbo-dashboard-refresh-play {
6185 color: var(--vbo-base-color);
6186 text-align: center;
6187 display: inline-block;
6188 position: relative;
6189 cursor: pointer;
6190 }
6191 .vbo-dashboard-refresh-play:after {
6192 content: "\25b6";
6193 display: inline-block;
6194 border-radius: 50%;
6195 background: var(--vbo-config-bg-color);
6196 border: 1px solid var(--vbo-config-bg-color);
6197 height: 35px;
6198 line-height: 38px;
6199 padding: 0;
6200 width: 35px;
6201 font-size: 16px;
6202 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6203 text-align: center;
6204 }
6205 .vbo-dashboard-refresh-stop {
6206 color: var(--vbo-base-color);
6207 text-align: center;
6208 display: inline-block;
6209 position: relative;
6210 cursor: pointer;
6211 }
6212 .vbo-dashboard-refresh-stop:after {
6213 content: "\25A0";
6214 display: inline-block;
6215 border-radius: 50%;
6216 border: 1px solid var(--vbo-config-bg-color);
6217 background: var(--vbo-config-bg-color);
6218 height: 35px;
6219 line-height: 30px;
6220 padding: 0;
6221 width: 35px;
6222 font-size: 24px;
6223 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6224 text-align: center;
6225 }
6226 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6227 border: 1px solid var(--vbo-base-color);
6228 }
6229 .vbo-dashboard-rooms-locked-block {
6230 background: var(--vbo-config-bg-color);
6231 border-radius: 8px;
6232 box-shadow: 0 0 20px rgba(0,0,0,.1);
6233 margin: 0 28px 18px;
6234 }
6235 .vbo-dashboard-rooms-locked h4 {
6236 font-size: 22px;
6237 font-weight: normal;
6238 background: var(--vbo-config-child-bg-color);
6239 border-top-right-radius: 8px;
6240 border-top-left-radius: 8px;
6241 border-bottom: 1px solid var(--vbo-config-border-color);
6242 text-transform: uppercase;
6243 margin: 0;
6244 padding: 22px 15px;
6245 }
6246 .vbo-dashboard-rooms-locked h4 i {
6247 margin-right: 0.25em;
6248 }
6249 .vbo-dashboard-rooms-locked h4 span {
6250 border: 1px solid #FF9326;
6251 display: inline-block;
6252 padding: 5px 8px;
6253 border-radius: 4px;
6254 text-transform: capitalize;
6255 font-size: 14px;
6256 margin-left: 7px;
6257 font-weight: bold;
6258 color: #FF9326;
6259 vertical-align: top;
6260 margin-top: -5px;
6261 }
6262 .vbo-dashboard-rooms-locked table {
6263 margin-bottom: 0;
6264 }
6265 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6266 background: var(--vbo-config-child-bg-color);
6267 }
6268 .vbo-dashboard-today-occ-listcont {
6269 display: grid;
6270 padding: 10px;
6271 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6272 }
6273 .vbo-dashboard-today-roomocc-rows td {
6274 background: transparent !important;
6275 }
6276 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6277 padding: 0;
6278 width: 100%;
6279 }
6280 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6281 display: inline-block;
6282 width: 100%;
6283 }
6284 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6285 width: 100%;
6286 box-sizing: border-box;
6287 margin: 0;
6288 text-align: right;
6289 padding-right: 15px;
6290 }
6291 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6292 margin: 10px;
6293 background: var(--vbo-config-bg-color);
6294 border-radius: 10px;
6295 border: 1px solid var(--vbo-basic-btn);
6296 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6297 }
6298 .vbo-dashboard-today-roomocc-row-checkout {
6299 display: flex;
6300 margin-left: auto;
6301 justify-content: end;
6302 }
6303 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6304 align-self: center;
6305 }
6306 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6307 padding: 5px 8px;
6308 margin-left: 5px;
6309 }
6310 .vbo-dashboard-today-roomocc-det-rname {
6311 display: inline-block;
6312 overflow: hidden;
6313 text-overflow: ellipsis;
6314 white-space: nowrap;
6315 vertical-align: middle;
6316 max-width: 82%;
6317 }
6318 .vbo-dashboard-today-occ-block {
6319 margin: 0 0 30px 0;
6320 padding: 0 0 30px 0;
6321 border-bottom:1px solid var(--vbo-config-border-color);
6322 }
6323 .vbo-dashboard-today-roomocc-firstrow {
6324 font-weight: bold;
6325 margin: 0;
6326 }
6327 .vbo-dashboard-today-occ {
6328 margin: 10px 30px;
6329 }
6330 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6331 font-size: 20px;
6332 font-weight: bold;
6333 color: var(--vbo-config-title-color);
6334 padding: 0 25px 0 0;
6335 position: relative;
6336 display: inline-block;
6337 }
6338 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6339 border: 1px solid var(--vbo-config-border-color);
6340 border-radius: 2px;
6341 padding: 8px 10px;
6342 margin-bottom: 0;
6343 box-sizing: border-box;
6344 height: auto;
6345 }
6346 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6347 padding: 8px 10px;
6348 border-radius: 0 2px 2px 0;
6349 border: 1px solid var(--vbo-config-border-color);
6350 }
6351 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6352 margin-right: 0;
6353 }
6354 .vbo-dashboard-today-roomocc-det > h5 {
6355 font-weight: bold;
6356 padding: 15px;
6357 margin: 0;
6358 font-size: 1.1em;
6359 text-align: left;
6360 border-top-right-radius: 16px;
6361 border-top-left-radius: 16px;
6362 border-bottom: 1px solid var(--vbo-config-border-color);
6363 }
6364 .vbo-dashboard-today-roomocc-firstrow th {
6365 background: var(--vbo-config-bg-color);
6366 font-weight: bold;
6367 font-size: 12px;
6368 padding: 15px 15px !important;
6369 text-transform: uppercase;
6370 color: var(--vbo-config-titles-color-light);
6371 }
6372 .vbo-dashboard-today-roomocc-firstrow th.left {
6373 white-space: nowrap;
6374 }
6375 .vbo-dashboard-today-roomocc-rows td {
6376 padding: 11px 15px !important;
6377 }
6378 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6379 width: 15px;
6380 }
6381 .vbo-dashboard-today-roomocc-rows td.left a {
6382 font-weight: bold;
6383 color: var(--vbo-config-title-color);
6384 }
6385 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6386 color: var(--vbo-base-color);
6387 }
6388 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6389 display: inline-block;
6390 border-radius: 6px;
6391 padding: 2px 7px;
6392 margin-top: -5px;
6393 margin-left: 10px;
6394 float: right;
6395 }
6396 .vbo-roomocc-units-free {
6397 background: #e5ffd6;
6398 border: 1px solid #8fd569;
6399 color: #639448;
6400 }
6401 .vbo-roomocc-units-half {
6402 color: #a88706;
6403 background: #fff6a9;
6404 border: 1px solid #e1c903;
6405 }
6406 .vbo-roomocc-units-threefourth {
6407 background: #ffdfbe;
6408 border: 1px solid #ffbd79;
6409 color: #e27300;
6410 }
6411 .vbo-roomocc-units-full {
6412 background: #ffdbd3;
6413 border: 1px solid #ffa7a7;
6414 color: #d44b2d;
6415 }
6416 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6417 display: inline-block;
6418 text-align: center;
6419 border-radius: 4px;
6420 padding: 2px 0;
6421 }
6422 .vbo-dashboard-today-roomocc-customers.table-responsive {
6423 height: 200px;
6424 overflow-y: scroll;
6425 width: 100%;
6426 }
6427 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6428 white-space: normal;
6429 vertical-align: middle;
6430 }
6431 th.vbo-tdright, td.vbo-tdright {
6432 text-align: right !important;
6433 }
6434 th.vbo-tdright, td.vbo-tdright .btn {
6435 white-space: nowrap;
6436 }
6437 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6438 display: none;
6439 }
6440 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6441 display: table-row;
6442 }
6443 tr.no-results > td {
6444 background-color: #fcf8e3;;
6445 }
6446 .hidden-for-search {
6447 display: none;
6448 }
6449 .vbo-info-overlay-content-orphans > h3 > i {
6450 color: #cc0000;
6451 }
6452 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6453 display: grid;
6454 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6455 }
6456 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6457 margin: 5px;
6458 border-radius: 10px;
6459 border: 1px solid var(--vbo-config-border-color);
6460 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6461 display: flex;
6462 flex-wrap: wrap;
6463 flex-direction: column;
6464 }
6465 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6466 border-color: var(--vbo-base-color);
6467 }
6468 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6469 margin: 0 0 5px;
6470 padding: 10px;
6471 font-size: 1.1em;
6472 border-bottom: 1px solid var(--vbo-basic-btn);
6473 }
6474 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6475 margin-bottom: 10px;
6476 max-height: 150px;
6477 overflow: hidden;
6478 overflow-y: scroll;
6479 padding: 10px;
6480 }
6481 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6482 margin-top: 10px;
6483 }
6484 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6485 margin-top: auto;
6486 text-align: center;
6487 padding: 0 10px 10px;
6488 }
6489 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6490 text-align: center;
6491 margin-top: 20px;
6492 }
6493 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6494 display: inline-block;
6495 margin: 5px;
6496 }
6497 .vbo-center {
6498 text-align: center;
6499 }
6500 .vbo-enormous-icn {
6501 font-size: 100px;
6502 }
6503 .vbo-list-table {
6504 margin-top: 15px;
6505 }
6506 .vbo-bookingslist-table thead, .vbo-list-table thead {
6507 background: var(--vbo-config-bg-color);
6508 }
6509 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6510 padding: 18px 10px;
6511 text-transform: uppercase;
6512 font-size: 12px;
6513 color: var(--vbo-config-titles-color-light);
6514 }
6515 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6516 background: var(--vbo-config-bg-color) !important;
6517 border-top: 1px solid var(--vbo-config-border-color);
6518 }
6519 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6520 background: var(--vbo-config-child-bg-color) !important;
6521 }
6522 .vbo-bookingslist-table tbody > tr:last-child td {
6523 padding-bottom: 30px;
6524 vertical-align: top;
6525 }
6526 /* Dashboard - End */
6527 span.label {
6528 padding:3px 6px !important;
6529 }
6530 .vbo-export-customer-entry {
6531 display: block;
6532 margin: 10px 0;
6533 }
6534 .vbo-export-customer-entry span label {
6535 display: inline-block;
6536 margin: 0;
6537 min-width: 185px;
6538 }
6539 /* Calendar - Start */
6540 .vbo-quickres-wrapper {
6541 display: block;
6542 float: left;
6543 width: 48%;
6544 }
6545 .vbo-quickres-head {
6546 margin: 0 0 10px;
6547 width: 100%;
6548 display: inline-block;
6549 border-bottom: 1px solid var(--vbo-config-border-color);
6550 padding-bottom: 10px;
6551 }
6552 .vbo-quickres-head h4 {
6553 display: inline-block;
6554 font-size: 13px;
6555 font-weight: bold;
6556 text-transform: uppercase;
6557 }
6558 .vbo-quickres-head .vbo-quickres-head-right {
6559 display: inline-block;
6560 float: right;
6561 }
6562 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6563 .vbo-editbooking-room-switch .select2-selection--single {
6564 font-weight: normal;
6565 font-size: 14px !important;
6566 height: 36px !important;
6567 border: 1px solid var(--vbo-config-border-color) !important;
6568 border-radius: 2px !important;
6569 }
6570 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6571 .vbo-btn-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow, .vbo-editbooking-room-switch .select2-container--default .select2-selection--single .select2-selection__arrow {
6572 height: 36px;
6573 }
6574 .select2-dropdown {
6575 border: 1px solid var(--vbo-config-border-color) !important;
6576 }
6577 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6578 .vbo-btn-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered, .vbo-editbooking-room-switch .select2-container--default .select2-selection--single .select2-selection__rendered {
6579 line-height: 36px;
6580 }
6581 .vbo-quickres-head .vbo-quickres-head-right form {
6582 margin-top: 5px;
6583 margin-bottom: 0;
6584 }
6585 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6586 display: inline-block;
6587 margin: 8px 0 0 20px;
6588 vertical-align: top;
6589 }
6590 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6591 margin-bottom: 5px;
6592 }
6593 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6594 margin-bottom: 5px;
6595 }
6596 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
6597 display: inline-block;
6598 margin: 9px 5px 0 0;
6599 }
6600 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
6601 margin-right: 5px;
6602 }
6603
6604 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
6605 height: 350px !important;
6606 }
6607 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
6608 width: 100% !important;
6609 }
6610 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
6611 margin: 5px 0;
6612 }
6613 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
6614 border: 1px solid var(--vbo-base-color);
6615 }
6616 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
6617 margin-top: 15px;
6618 }
6619 .vbo-params-fieldset-label {
6620 font-weight: bold;
6621 margin-bottom: 5px;
6622 }
6623 .vbo-params-fieldset-label .label.label-success {
6624 font-size: 13px;
6625 display: inline-block;
6626 font-weight: 500;
6627 line-height: initial;
6628 }
6629 .vbo-params-fieldset-label .label.label-success i {
6630 margin-right: 3px;
6631 }
6632 textarea.vbo-textarea-copyable {
6633 width: 0 !important;
6634 height: 0 !important;
6635 opacity: 0 !important;
6636 min-height: 0 !important;
6637 padding: 0 !important;
6638 float: right;
6639 cursor: default;
6640 }
6641 .vbo-params-block {
6642 border: 1px solid var(--vbo-input-style-nested-deactive);
6643 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6644 border-radius: 10px;
6645 padding: 0 20px 10px;
6646 margin-bottom: 20px;
6647 }
6648 .vbo-params-block-nested {
6649 padding: 10px;
6650 margin: 10px 0 10px 10px;
6651 border-radius: 6px;
6652 background: var(--vbo-config-bg-color);
6653 }
6654 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
6655 background: rgba(255, 143, 143, 0.60) !important;
6656 border-color: #900;
6657 }
6658 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
6659 align-self: center;
6660 }
6661 .vbo-params-block .vbo-param-container {
6662 border-top: 1px solid var(--vbo-main-bg-color);
6663 padding: 10px 0px;
6664 }
6665 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
6666 border-top: 0;
6667 }
6668 .vbo-params-block > .vbo-param-container:only-child {
6669 margin-bottom: 0;
6670 }
6671 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
6672 background: var(--vbo-config-bg-color);
6673 border-top: 1px solid var(--vbo-main-bg-color);
6674 }
6675 .vbo-cal-splitstay-details {
6676 display: inline-block;
6677 border-radius: 10px;
6678 border: 1px solid var(--vbo-basic-btn);
6679 min-width: 400px;
6680 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6681 }
6682 .vbo-cal-splitstay-details > div {
6683 display: grid;
6684 grid-template-columns: repeat(2, 1fr);
6685 }
6686 .vbo-cal-splitstay-details > div > span {
6687 padding: 8px 14px;
6688 display: inline-block;
6689 }
6690 .vbo-cal-splitstay-details > div > span i {
6691 margin-right: 3px;
6692 color: var(--vbo-config-text-color-light);
6693 }
6694 .vbo-cal-splitstay-details .vbo-cal-splitstay-room .vbo-cal-splitstay-room-name, .vbo-cal-splitstay-details .vbo-cal-splitstay-dates .vbo-cal-splitstay-dates-in {
6695 border-right: 1px solid var(--vbo-basic-btn);
6696 }
6697 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
6698 color: var(--vbo-red-color);
6699 }
6700 #vbo-geo-map .gm-style .gm-style-iw-c {
6701 background: var(--vbo-config-bg-color);
6702 }
6703 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
6704 display: inline-block;
6705 }
6706 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
6707 cursor: pointer;
6708 }
6709 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
6710 text-align: center;
6711 padding: 10px 15px;
6712 margin: 5px;
6713 border: 1px solid var(--vbo-config-border-color);
6714 border-radius: 2px;
6715 position: relative;
6716 }
6717 #vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner {
6718 border-color: var(--vbo-base-color);
6719 }
6720 #vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner:before, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner:before {
6721 position: absolute;
6722 content: "";
6723 width: 10px;
6724 height: 10px;
6725 top: -6px;
6726 left: -7px;
6727 border: 2px solid var(--vbo-config-bg-color);
6728 background-color: var(--vbo-base-color);
6729 border-radius: 50%;
6730 }
6731 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner > span, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner > span {
6732 display: block;
6733 }
6734 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
6735 font-weight: bold;
6736 font-size: 1.2em;
6737 }
6738 #vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-cost, #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover .vbo-cal-wbrate-cost {
6739 color: var(--vbo-base-color);
6740 }
6741 .vbo-avcalendars-wrapper {
6742 text-align: center;
6743 border: 1px solid var(--vbo-config-border-color);
6744 background: var(--vbo-config-bg-color);
6745 padding: 10px 10px 20px 10px;
6746 margin-top: 20px;
6747 border-radius: 6px;
6748 }
6749 .vbo-avcalendars-roomphoto {
6750 display: block;
6751 text-align: center;
6752 margin: 5px 0 15px;
6753 }
6754 .vbo-avcalendars-roomphoto img {
6755 border-radius: 2px;
6756 max-height: 250px;
6757 border-radius: 4px;
6758 }
6759 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
6760 margin-bottom: 10px;
6761 margin-bottom: 5px;
6762 border-bottom: 1px solid var(--vbo-config-border-color);
6763 padding-bottom: 10px;
6764 }
6765 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
6766 display: inline-block;
6767 margin-right: 10px;
6768 position: relative;
6769 }
6770 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
6771 margin-bottom: 5px;
6772 font-weight: bold;
6773 }
6774 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
6775 width: auto !important;
6776 }
6777 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
6778 float: right;
6779 margin-left: 5px;
6780 margin-top: 10px;
6781 }
6782 .vbo-calendar-cfields-inner {
6783 display: grid;
6784 grid-template-columns: repeat(2, auto);
6785 gap: 10px 50px;
6786 width: 100%;
6787 padding: 5px 0;
6788 }
6789 .vbo-calendar-cfields-bottom {
6790 margin: 10px 0 15px 0;
6791 }
6792 .vbo-calendar-cfields-bottom .btn {
6793 border: 1px solid var(--vbo-config-border-color);
6794 border-radius: 2px;
6795 padding: 10px 14px;
6796 margin-bottom: 0;
6797 }
6798 .vbo-calendar-cfields-bottom .btn i {
6799 margin-right: 5px;
6800 }
6801 .vbo-calendar-cfields-bottom .btn-success {
6802 border: 1px solid var(--vbo-green-color);
6803 }
6804 .vbo-calendar-cfields-bottom .btn-success i {
6805 margin-right: 6px;
6806 }
6807 .vbo-calendar-cfields-bottom .icon-edit::before {
6808 color: #fff;
6809 }
6810 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
6811 display: inline-block;
6812 }
6813 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
6814 width: 100%;
6815 display: inline-block;
6816 }
6817 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6818 max-width: 100%;
6819 }
6820 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
6821 border: 1px solid var(--vbo-config-border-color);
6822 border-radius: 2px;
6823 padding: 5px 10px;
6824 margin-bottom: 0;
6825 width: 100% !important;
6826 box-sizing: border-box;
6827 height: auto;
6828 }
6829 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
6830 background-color: var(--vbo-input-style-deactive);
6831 }
6832 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
6833 border-radius: 2px;
6834 background-color: var(--vbo-config-bg-color);
6835 border: 1px solid var(--vbo-input-style);
6836 padding: 5px 10px;
6837 height: inherit;
6838 width: 100% !important;
6839 }
6840 .vbo-assign-customer {
6841 cursor: pointer;
6842 background: var(--vbo-config-bg-color);
6843 color: var(--vbo-base-color);
6844 border-radius: 3px;
6845 display: inline-block;
6846 font-weight: bold;
6847 border: 1px solid var(--vbo-base-color);
6848 }
6849 .vbo-assign-customer > i {
6850 background: var(--vbo-base-color);
6851 color: var(--vbo-config-bg-color);
6852 padding: 8px 10px;
6853 font-size: 18px;
6854 }
6855 .vbo-assign-customer > span {
6856 padding: 0 8px 0 3px;
6857 display: inline-block;
6858 vertical-align: middle;
6859 }
6860 .vbo-assign-customer:hover {
6861 background: var(--vbo-base-color);
6862 color: #fff;
6863 }
6864 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
6865 background: var(--vbo-base-color-hover);
6866 }
6867 #vbfillcustfields .icon-edit::before {
6868 color: #fff;
6869 font-weight: normal;
6870 }
6871 #quickbsubmit i:before {
6872 color: #fff;
6873 }
6874 #vbspanbstat strong {
6875 display: inline-block;
6876 min-width: 125px;
6877 }
6878 #vbspanbpay strong {
6879 display: inline-block;
6880 min-width: 125px;
6881 }
6882 #vbspancmail strong {
6883 display: inline-block;
6884 min-width: 125px;
6885 }
6886 #vbo-highlight-cfields mark {
6887 padding: 0 3px;
6888 margin: -1px -4px;
6889 border-radius: 0.5em;
6890 }
6891 .vbo-calendar-cfield-entry label {
6892 display: block;
6893 font-weight: bold;
6894 color: var(--vbo-config-titles-color-light);
6895 margin-bottom: 4px;
6896 }
6897 #vbo-searchcust-loading, .vbo-searchcust-loading {
6898 display: none;
6899 }
6900 #vbo-searchcust-res, .vbo-searchcust-res {
6901 position: absolute;
6902 z-index: 2;
6903 width: 100%;
6904 max-width: 300px;
6905 }
6906 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
6907 width: 90%;
6908 }
6909 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
6910 list-style: none;
6911 text-align: left;
6912 padding: 0;
6913 margin: 0 0 0 -1px;
6914 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
6915 background-color: var(--vbo-config-bg-color);
6916 border: 1px solid var(--vbo-config-border-color);
6917 white-space: nowrap;
6918 max-height: 200px;
6919 width: 100%;
6920 overflow-y: scroll;
6921 }
6922 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
6923 padding: 6px 10px;
6924 outline: none;
6925 cursor: pointer;
6926 }
6927 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
6928 background: rgba(0,0,0,0.05);
6929 }
6930 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
6931 margin-right: 8px;
6932 display: inline-block;
6933 vertical-align: top;
6934 }
6935 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
6936 display: inline-block;
6937 vertical-align: top;
6938 }
6939 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
6940 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
6941 border-bottom-right-radius: 4px;
6942 border-bottom-left-radius: 4px;
6943 }
6944 .vbo-custsearchres-name {
6945 display: inline-block;
6946 min-width: 130px;
6947 }
6948 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
6949 margin-right: 5px;
6950 }
6951 /* Calendar - End */
6952 /* Outer Info message - Start */
6953 .vbo-outer-info-message {
6954 border: 2px solid var(--vbo-base-color);
6955 border-radius: 4px;
6956 padding: 5px;
6957 margin-bottom: 10px;
6958 cursor: pointer;
6959 }
6960 .vbo-outer-info-message .vboicn-info {
6961 margin-right: 5px;
6962 font-size: 16px;
6963 color: var(--vbo-base-color);
6964 }
6965 .vbo-outer-info-message span {
6966 display: inline-block;
6967 vertical-align: top;
6968 }
6969 .vbo-info-message-cont {
6970 padding: 5px;
6971 font-weight: bold;
6972 }
6973 .vbo-dyninpnum-cont input[type="number"],
6974 #vbjstotnights input[type="number"] {
6975 width: 100px !important;
6976 }
6977 .vbo-dyninpnum-cont select {
6978 max-width: 130px;
6979 }
6980 /* Outer Info message - End */
6981 .vbo-country-flag-left {
6982 float: left;
6983 margin: 0 5px 0 0;
6984 }
6985 .vbo-country-flag {
6986 width: 16px;
6987 height: 16px;
6988 object-fit: cover;
6989 }
6990 .vbo-country-flag.vbo-customer-avatar-flag {
6991 border-radius: 50%;
6992 }
6993 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
6994 object-fit: cover;
6995 }
6996 .vbo-roomentries-cont {
6997 float: left;
6998 display: inline-block;
6999 margin: 0 15px 0 2px;
7000 width: 204px;
7001 height: auto;
7002 overflow: hidden;
7003 }
7004 .vbo-roomentry-cont {
7005 display: block;
7006 margin: 5px 0;
7007 }
7008 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
7009 margin-top: 0;
7010 }
7011 .vbo-roomentry-cont input[type="checkbox"] {
7012 display: inline-block;
7013 margin-right: 5px;
7014 margin-top: 0;
7015 }
7016 .vbo-roomentry-cont label {
7017 display: inline !important;
7018 }
7019 tr.vbroomparamp td #lastavail {
7020 vertical-align: top;
7021 }
7022 tr.vbroomparamp td span {
7023 font-size: smaller;
7024 font-style: italic;
7025 display: inline-block;
7026 padding-left: 8px;
7027 max-width: 450px;
7028 }
7029 ul.vbo-sortable {
7030 list-style-type: none;
7031 margin: 0;
7032 padding: 0;
7033 }
7034 ul.vbo-sortable li {
7035 margin-right: 12px;
7036 padding: 1px;
7037 display: inline-block;
7038 vertical-align: top;
7039 width: auto;
7040 max-height: 70px;
7041 margin-bottom: 5px;
7042 }
7043 .vbo-editroom-currentphoto {
7044 position: relative;
7045 }
7046 .vbo-editroom-currentphoto a {
7047 cursor: grab;
7048 }
7049 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7050 cursor: pointer;
7051 }
7052 .vbo-tip-small {
7053 display: inline-block;
7054 min-width: 30px;
7055 }
7056 .vbo-smalltext {
7057 font-size: smaller;
7058 }
7059 .vbo-first-imgup {
7060 display: inline-block;
7061 border: 1px solid var(--vbo-config-border-color);
7062 border-radius: 3px;
7063 padding: 10px;
7064 margin: 5px 0;
7065 background: var(--vbo-main-bg-color);
7066 width: 100%;
7067 box-sizing: border-box;
7068 }
7069 .vbo-first-imgup > span {
7070 border-left: 1px solid rgb(221, 221, 221);
7071 display: inline-block;
7072 padding: 5px 0px 5px 10px;
7073 }
7074 .vbo-first-imgup > input[type="file"] {
7075 box-sizing: border-box;
7076 height: auto;
7077 margin-bottom: 10px;
7078 background: var(--vbo-input-style);
7079 }
7080 .vbo-first-imgup > input[type="text"] {
7081 margin-top: 7px;
7082 }
7083 .vbo-first-imgup + #myDiv {
7084 margin-bottom: 5px;
7085 }
7086 .vbo-imgup-caption {
7087 margin-top: 5px;
7088 }
7089 .vbo-imgup-caption span {
7090 display: block;
7091 margin-bottom: 4px;
7092 }
7093 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7094 width: 100% !important;
7095 box-sizing: border-box;
7096 height: auto;
7097 }
7098 /* Multi Photos Upload Modal Window - Start */
7099 .vbo-info-overlay-content {
7100 width: 70%;
7101 }
7102 .vbo-info-overlay-content .btn-success {
7103 padding: 9px 14px;
7104 }
7105 .vbo-info-overlay-content .btn-success i {
7106 color: #fff;
7107 display: inline-block;
7108 margin-right: 10px;
7109 }
7110 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7111 position: fixed;
7112 left: 0;
7113 top: 0;
7114 width: 100%;
7115 height: 100%;
7116 background-color: rgba(0,0,0,0.5);
7117 display: none;
7118 z-index: 99999999 !important;
7119 }
7120 a.vbo-info-overlay-close {
7121 display: block;
7122 height: 100%;
7123 cursor: default;
7124 }
7125 .vbo-info-overlay-content {
7126 position: fixed;
7127 left: 50%;
7128 top: 50%;
7129 transform: translate(-50%, -50%);
7130 width: 40%;
7131 height: 60%;
7132 z-index: 101;
7133 padding: 20px;
7134 border-radius: 5px;
7135 background-color: var(--vbo-config-bg-color);
7136 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7137 overflow: auto;
7138 }
7139 .vbo-info-overlay-header {
7140 margin-bottom: 20px;
7141 }
7142 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7143 display: inline-block;
7144 border: 0;
7145 text-align: left;
7146 }
7147 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7148 float: right;
7149 }
7150 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7151 background: var(--vbo-base-color);
7152 color: #fff;
7153 padding: 9px 14px;
7154 margin-right: 8px;
7155 }
7156 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7157 background: var(--vbo-base-color-hover) !important;
7158 }
7159 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:active, .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:focus {
7160 background: var(--vbo-link-text-color) !important;
7161 }
7162 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7163 padding: 9px 14px;
7164 }
7165 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7166 overflow: visible;
7167 }
7168 .vbo-info-overlay-scroll-content {
7169 overflow: hidden;
7170 height: 70%;
7171 position: relative;
7172 overflow-y: scroll;
7173 }
7174 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7175 position: fixed;
7176 left: 50%;
7177 top: 50%;
7178 transform: translate(-50%, -50%);
7179 width: 60%;
7180 height: 60%;
7181 z-index: 101;
7182 padding: 10px;
7183 border-radius: 5px;
7184 background-color: var(--vbo-config-bg-color);
7185 box-shadow: 5px 5px 5px 0 #000;
7186 overflow: auto;
7187 }
7188 .vbo-modal-alert .vbo-info-overlay-content {
7189 height: 20%;
7190 top: 40%;
7191 }
7192 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7193 height: 40%;
7194 top: 20%;
7195 left: 25%;
7196 width: 50%;
7197 }
7198 .vbo-info-overlay-content h3 {
7199 text-align: center;
7200 margin-top: 0;
7201 border-bottom: 1px solid var(--vbo-config-border-color);
7202 padding-bottom: 10px;
7203 }
7204 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7205 color: var(--vbo-red-color);
7206 }
7207 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7208 text-align: left;
7209 margin-bottom: 10px;
7210 }
7211 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7212 background: var(--vbo-config-bg-color);
7213 padding: 20px;
7214 border: 1px solid var(--vbo-config-border-color);
7215 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7216 }
7217 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7218 margin: 5px 0;
7219 box-sizing: border-box;
7220 display: inline-block;
7221 width: 100%;
7222 }
7223 .vbo-overlay-checkin-body iframe {
7224 width: 100%;
7225 border: 0;
7226 height: 50vh;
7227 }
7228 .vbo-info-overlay-content-animated {
7229 -webkit-animation-name: VikbounceInUp;
7230 animation-name: VikbounceInUp;
7231
7232 -webkit-animation-duration: .6s;
7233 animation-duration: .6s;
7234 -webkit-animation-fill-mode: both;
7235 animation-fill-mode: both;
7236 }
7237 .vbo-info-overlay-block-animation:target {
7238 visibility: visible;
7239 }
7240 .vbo-info-overlay-content-hidden {
7241 display: none;
7242 }
7243 .vbo-admin-wizard-container {
7244 margin-bottom: 10px;
7245 }
7246 .vbo-admin-wizard-container .vbo-wizard-btn {
7247 background: #3961bf;
7248 border: 1px solid #3961bf;
7249 color: #fff;
7250 font-weight: bold;
7251 padding: 10px 14px;
7252 margin-right: 5px;
7253 }
7254 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7255 background: #27417d;
7256 border-color: #27417d;
7257 }
7258 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7259 background: #5c77b5;
7260 border-color: #5c77b5;
7261 }
7262 .vbo-admin-wizard-container .vbo-wizard-btn i {
7263 margin-right: 5px;
7264 }
7265
7266 @-webkit-keyframes VikbounceInUp {
7267 from,
7268 60%,
7269 75%,
7270 90%,
7271 to {
7272 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7273 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7274 }
7275
7276 from {
7277 opacity: 0;
7278 -webkit-transform: translate3d(-50%, 150%, 0);
7279 transform: translate3d(-50%, 150%, 0);
7280 }
7281
7282 60% {
7283 opacity: 1;
7284 -webkit-transform: translate3d(-50%, 100%, 0);
7285 transform: translate3d(-50%, 100%, 0);
7286 }
7287
7288 75% {
7289 -webkit-transform: translate3d(-50%, 20%, 0);
7290 transform: translate3d(-50%, 20%, 0);
7291 }
7292
7293 90% {
7294 -webkit-transform: translate3d(-50%, -25%, 0);
7295 transform: translate3d(-50%, -25%, 0);
7296 }
7297
7298 to {
7299 -webkit-transform: translate3d(-50%, -50%, 0);
7300 transform: translate3d(-50%, -50%, 0);
7301 }
7302 }
7303
7304 @keyframes VikbounceInUp {
7305 from,
7306 60%,
7307 75%,
7308 90%,
7309 to {
7310 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7311 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7312 }
7313
7314 from {
7315 opacity: 0;
7316 -webkit-transform: translate3d(-50%, 150%, 0);
7317 transform: translate3d(-50%, 150%, 0);
7318 }
7319
7320 60% {
7321 opacity: 1;
7322 -webkit-transform: translate3d(-50%, 100%, 0);
7323 transform: translate3d(-50%, 100%, 0);
7324 }
7325
7326 75% {
7327 -webkit-transform: translate3d(-50%, 20%, 0);
7328 transform: translate3d(-50%, 20%, 0);
7329 }
7330
7331 90% {
7332 -webkit-transform: translate3d(-50%, -25%, 0);
7333 transform: translate3d(-50%, -25%, 0);
7334 }
7335
7336 to {
7337 -webkit-transform: translate3d(-50%, -50%, 0);
7338 transform: translate3d(-50%, -50%, 0);
7339 }
7340 }
7341
7342 .bounceInUp {
7343 -webkit-animation-name: VikbounceInUp;
7344 animation-name: VikbounceInUp;
7345 }
7346
7347 .vbo-info-overlay-content-wizard {
7348 padding: 25px;
7349 width: 50%;
7350 height: 80%;
7351 }
7352 .vbo-info-overlay-content-wizard {
7353 display: none;
7354 }
7355 .vbo-info-overlay-content-animated {
7356 display: block;
7357 }
7358 .vbo-info-overlay-content-wizard h3 {
7359 text-align: left;
7360 border-bottom: 0;
7361 font-size: 22px;
7362 margin-bottom: 0;
7363 }
7364 .vbo-tariffs-wizard-help-wrap {
7365 margin-bottom: 20px;
7366 }
7367 .vbo-tariffs-wizard-help-wrap p span {
7368 font-style: italic;
7369 }
7370 .vbo-tariffs-wizard-help-wrap h4 {
7371 font-size: 20px;
7372 margin-top: 30px;
7373 font-weight: normal;
7374 }
7375 .vbo-tariffs-wizard-prices-wrap {
7376 display: flex;
7377 flex-wrap: wrap;
7378 justify-content: center;
7379 }
7380 .vbo-tariffs-wizard-price {
7381 flex-basis: 25%;
7382 text-align: center;
7383 border: 2px solid #a3cae1;
7384 padding: 25px;
7385 margin: 4px;
7386 border-radius: 4px;
7387 }
7388 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7389 display: block;
7390 font-weight: bold;
7391 margin-bottom: 5px;
7392 }
7393 .vbo-tariffs-wizard-prices-submit {
7394 text-align: center;
7395 margin-top: 15px;
7396 }
7397 .vbo-rplans-wizard-wrap {
7398 display: flex;
7399 }
7400 .vbo-tariffs-wizard-help-wrap h4 {
7401 text-align: center;
7402 }
7403 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7404 display: inline-block;
7405 padding: 15px;
7406 border: 1px solid #ddd;
7407 border-radius: 4px;
7408 flex: 1;
7409 margin: 5px;
7410 }
7411 .vbo-rplans-wizard-tprice-name {
7412 display: inline-block;
7413 width: 100%;
7414 }
7415 .vbo-rplans-wizard-tprice-name label {
7416 font-weight: bold;
7417 font-size: 18px;
7418 display: inline-block;
7419 }
7420 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7421 float: right;
7422 margin: 0;
7423 padding-top: 0;
7424 padding-bottom: 0;
7425 }
7426 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7427 margin-bottom: 0;
7428 }
7429 .vbo-rplans-wizard-tprice-bkincl label {
7430 display: inline-block;
7431 }
7432 .vbo-rplans-wizard-tprice-bkincl input {
7433 margin-top: 0 !important;
7434 }
7435 .fileinput-button {
7436 position: relative;
7437 overflow: hidden;
7438 display: inline-block;
7439 }
7440 .fileinput-button input {
7441 position: absolute;
7442 top: 0;
7443 right: 0;
7444 margin: 0;
7445 opacity: 0;
7446 -ms-filter: 'alpha(opacity=0)';
7447 font-size: 200px;
7448 direction: ltr;
7449 cursor: pointer;
7450 }
7451 /* Fixes for IE < 8 */
7452 @media screen\9 {
7453 .fileinput-button input {
7454 filter: alpha(opacity=0);
7455 font-size: 100%;
7456 height: 100%;
7457 }
7458 }
7459 .progress {
7460 background-color: var(--vbo-config-child-bg-color);
7461 border-radius: 4px;
7462 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7463 height: 20px;
7464 margin-bottom: 20px;
7465 overflow: hidden;
7466 }
7467 .progress-bar {
7468 background-color: var(--vbo-blue-color);
7469 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7470 color: #fff;
7471 float: left;
7472 font-size: 12px;
7473 height: 100%;
7474 line-height: 20px;
7475 text-align: center;
7476 transition: width 0.6s ease 0s;
7477 width: 0;
7478 }
7479 .progress-bar-success {
7480 background-color: var(--vbo-green-color) !important;
7481 }
7482 .vbo-info-overlay-content .files {
7483 display: inline-block;
7484 width: 100%;
7485 min-height: 40%;
7486 border: 2px dashed var(--vbo-config-border-color);
7487 box-sizing: border-box;
7488 padding: 10px;
7489 }
7490 .vbo-upload-photo {
7491 float: left;
7492 margin: 0 10px 0 0;
7493 padding: 5px;
7494 }
7495 .vbo-upload-photo canvas {
7496 border: 1px solid var(--vbo-basic-btn);
7497 border-radius: 4px;
7498 }
7499 .vbo-upload-photo p {
7500 margin: 0;
7501 text-align: center;
7502 }
7503 .vbo-upload-photo span {
7504 font-weight: bold;
7505 text-align: center;
7506 display: block;
7507 text-align: center;
7508 color: var(--vbo-config-titles-color-light);
7509 }
7510 .vbo-upload-photo p button {
7511 margin-top: 5px;
7512 }
7513 .vbo-info-overlay-content #progress {
7514 margin-top: 15px;
7515 }
7516 .vbo-upload-done {
7517 display: none;
7518 width: 100%;
7519 text-align: center;
7520 padding-top: 15px;
7521 margin-top: 10px;
7522 }
7523 .vbo-upload-done .btn i:before {
7524 color: #fff;
7525 }
7526 .vbo-toggle-imgcaption {
7527 position: absolute;
7528 width: 22px;
7529 font-size: 16px;
7530 z-index: 100;
7531 margin-left: -11px;
7532 margin-top: -6px;
7533 background: var(--vbo-main-bg-color);
7534 border-radius: 50%;
7535 object-fit: cover;
7536 border: 1px solid var(--vbo-config-border-color);
7537 height: 22px;
7538 line-height: 22px;
7539 display: inline-block;
7540 text-align: center;
7541 color: var(--vbo-config-titles-color-light);
7542 }
7543 .vbo-toggle-imgcaption-on {
7544 color: var(--vbo-base-color);
7545 }
7546 .vbo-rmphotos-cont {
7547 margin-bottom: 10px;
7548 }
7549 .vbo-small-p-info {
7550 font-size: smaller;
7551 margin: 10px 0 0;
7552 text-align: right;
7553 }
7554 .vbo-bulkupload-cont {
7555 margin: 20px 0 0 0;
7556 }
7557 /* Multi Photos Upload Modal Window - End */
7558 /* Room Units Distinctive Features - Start */
7559 .vbo-distfeature-row {
7560 display: none;
7561 }
7562 .vbo-distfeatures-toggle-cont {
7563 display: block;
7564 text-align: left;
7565 }
7566 .vbo-distfeatures-cont {
7567 display: none;
7568 background-color: var(--vbo-config-child-bg-color);
7569 padding: 20px;
7570 margin-top: 5px;
7571 }
7572 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7573 background-color: var(--vbo-input-style) !important;
7574 }
7575 .vbo-runit-features-cont {
7576 display: block;
7577 margin-bottom: 10px;
7578 padding-bottom: 10px;
7579 border-bottom: 1px solid var(--vbo-config-border-color);
7580 }
7581 .vbo-runit-features-cont:last-child {
7582 margin-bottom: 0;
7583 border-bottom: 0;
7584 padding-bottom: 0;
7585 }
7586 .vbo-runit-num {
7587 display: block;
7588 font-weight: bold;
7589 }
7590 .vbo-runit-features {
7591 display: block;
7592 }
7593 .vbo-runit-feature {
7594 display: flex;
7595 margin: 5px 0 5px 0;
7596 }
7597 .vbo-runit-feature input {
7598 margin-right: 10px;
7599 }
7600 .vbo-runit-feature input:focus {
7601 background: #fff;
7602 }
7603 .vbo-feature-add {
7604 cursor: pointer;
7605 }
7606 .vbo-feature-remove {
7607 cursor: pointer;
7608 display: inline-block;
7609 font-size: 20px;
7610 align-self: center;
7611 }
7612 /* Room Units Distinctive Features - End */
7613 .vbo-closed-date-entry {
7614 display: inline-block;
7615 background-color: var(--vbo-toolbar-bg-color);
7616 border: 1px solid var(--vbo-toolbar-bg-color);
7617 border-radius: 30px;
7618 margin: 5px 5px 0px 0;
7619 padding: 5px 10px;
7620 color: var(--vbo-base-color);
7621 font-weight: bold;
7622 }
7623 .vbo-closed-date-rm {
7624 cursor: pointer;
7625 display: inline-block;
7626 margin-left: 3px;
7627 width: 18px;
7628 height: 18px;
7629 line-height: 15px;
7630 font-size: 8px;
7631 text-align: center;
7632 border-radius: 50%;
7633 color: var(--vbo-blue-color);
7634 line-height: 20px;
7635 float: right;
7636 }
7637 .vbo-closed-date-rm:hover {
7638 background: var(--vbo-blue-color);
7639 color: #fff;
7640 }
7641 .vbo-closed-date-rm i {
7642 margin: 0 !important;
7643 }
7644 /* Occupancy Pricing Override - Start */
7645 .occupancy-room {
7646 display: block;
7647 margin-left: 5px;
7648 }
7649 .occupancy-room-name {
7650 display: block;
7651 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
7652 font-weight: bold;
7653 border-radius: 2px;
7654 border: 1px solid var(--vbo-config-border-color);
7655 cursor: pointer;
7656 padding: 8px 10px;
7657 margin: 5px 0 0;
7658 }
7659 .occupancy-room-data {
7660 display: none;
7661 padding: 20px;
7662 background: var(--vbo-config-child-bg-color);
7663 }
7664 .occupancy-room-data .occupancy-adults-data {
7665 margin: 0 0 15px;
7666 }
7667 .occupancy-room-data .occupancy-adults-data:last-child {
7668 margin-bottom: 0;
7669 }
7670 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
7671 vertical-align: top;
7672 }
7673 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
7674 padding: 5px 10px;
7675 }
7676 .occupancy-adults-lbl {
7677 display: inline-block;
7678 margin-bottom: 5px;
7679 font-weight: bold;
7680 }
7681 .occupancy-adults-ovr > * {
7682 margin-right: 5px;
7683 }
7684 /* Occupancy Pricing Override - End */
7685 /* Crons - Start */
7686 .vbo-shell-wrap {
7687 width: 100%;
7688 -webkit-border-radius: 3px;
7689 -moz-border-radius: 3px;
7690 border-radius: 3px;
7691 }
7692 .vbo-shell-top-bar {
7693 text-align: center;
7694 color: var(--vbo-config-title-color);
7695 padding: 5px 0;
7696 margin: 0;
7697 font-size: 1.15em;
7698 border: 1px solid var(--vbo-config-border-color);
7699 border-bottom: none;
7700 -webkit-border-top-left-radius: 3px;
7701 -webkit-border-top-right-radius: 3px;
7702 -moz-border-radius-topleft: 3px;
7703 -moz-border-radius-topright: 3px;
7704 border-top-left-radius: 3px;
7705 border-top-right-radius: 3px;
7706 background: var(--vbo-config-child-bg-color);
7707 }
7708 .vbo-shell-body {
7709 margin: 0;
7710 padding: 5px;
7711 list-style: none;
7712 background: #141414;
7713 color: #fff;
7714 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
7715 font-size: 0.95em;
7716 line-height: 1.6em;
7717 -webkit-border-bottom-right-radius: 3px;
7718 -webkit-border-bottom-left-radius: 3px;
7719 -moz-border-radius-bottomright: 3px;
7720 -moz-border-radius-bottomleft: 3px;
7721 border-bottom-right-radius: 3px;
7722 border-bottom-left-radius: 3px;
7723 }
7724 .vbo-shell-body p:before {
7725 content: '$';
7726 position: absolute;
7727 left: 0;
7728 top: 0;
7729 }
7730 .vbo-shell-body span:before {
7731 content: '-';
7732 position: absolute;
7733 left: 0;
7734 top: 0;
7735 }
7736 .vbo-shell-body p, .vbo-shell-body span {
7737 word-wrap: break-word;
7738 position: relative;
7739 padding: 0 0 0 15px;
7740 display: block;
7741 margin: 2px 0 4px 0;
7742 }
7743 .vbo-cronexec-log {
7744 margin-top: 5px;
7745 }
7746 .vbo-cronexec-log pre {
7747 background: #141414 none repeat scroll 0 0;
7748 border-radius: 0;
7749 color: #fff;
7750 padding: 0;
7751 }
7752 /* Crons - End */
7753 /* Graphs & Statistics - Start */
7754 .vbo-stats-wrapper {
7755 background: var(--vbo-main-bg-color);
7756 padding: 20px 12px;
7757 }
7758 .vbo-stats-wrapper .adminform .adminlegend {
7759 font-weight: bold;
7760 width: 100%;
7761 margin-bottom: 20px;
7762 }
7763 .vbo-graph-bottom-wrapper {
7764 margin-top: 35px;
7765 }
7766 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
7767 display: flex;
7768 flex-wrap: wrap;
7769 }
7770 .vbo-graph-top-left, .vbo-graph-bottom-left {
7771 flex: 1;
7772 margin-right: 20px;
7773 }
7774 .vbo-graph-top-right, .vbo-graph-bottom-right {
7775 flex-basis: 25%;
7776 }
7777 .vbo-graphstats-left {
7778 background: var(--vbo-config-bg-color);
7779 padding: 30px;
7780 border-radius: 16px;
7781 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7782 }
7783 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
7784 width: 100% !important;
7785 }
7786 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
7787 height: 250px;
7788 }
7789 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
7790 background: var(--vbo-config-bg-color);
7791 padding: 20px;
7792 border-radius: 16px;
7793 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7794 margin-bottom: 15px;
7795 }
7796 .vbo-graph-top-right .vbo-graphstats-thirdright {
7797 border-bottom: 2px solid var(--vbo-base-color);
7798 }
7799 .vbo-graphstats-thirdright {
7800 margin-top: 25px;
7801 }
7802 .vbo-graphstats-thirdright > p {
7803 font-weight: bold;
7804 padding: 0;
7805 text-align: right;
7806 }
7807 .vbo-graphstats-thirdright > p:first-child {
7808 padding-top: 10px;
7809 }
7810 .vbo-graphstats-thirdright > p i {
7811 font-size: 11px;
7812 }
7813 .vbo-graphstats-thirdright p span {
7814 display: inline-block;
7815 min-width: 155px;
7816 float: left;
7817 text-align: left;
7818 }
7819 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
7820 text-align: center;
7821 margin-top: 0;
7822 margin-bottom: 10px;
7823 border-bottom: 1px solid var(--vbo-basic-btn);
7824 padding-bottom: 10px;
7825 }
7826 .vbo-graph-bottom-right h4 {
7827 text-align: center;
7828 margin-top: 0;
7829 margin-bottom: 10px;
7830 border-bottom: 1px solid var(--vbo-basic-btn);
7831 padding-bottom: 0;
7832 }
7833 .vbo-graphstats-countries {
7834 padding-bottom: 10px;
7835 }
7836 .vbo-graphstats-country-wrap {
7837 display: inline-block;
7838 width: 100%;
7839 margin: 2px 0;
7840 }
7841 .vbo-graphstats-country-wrap > span {
7842 vertical-align: middle;
7843 }
7844 .vbo-graphstats-country-img {
7845 display: inline-block;
7846 margin-right: 5px;
7847 }
7848 .vbo-graphstats-country-name {
7849 display: inline-block;
7850 font-weight: bold;
7851 min-width: 120px;
7852 margin-right: 5px;
7853 }
7854 .vbo-graphstats-country-totb.badge {
7855 display: inline-block;
7856 float: right;
7857 background-color: transparent;
7858 border: 2px solid var(--vbo-config-text-color-light);
7859 color: var(--vbo-config-titles-color-light);
7860 border-radius: 50px;
7861 }
7862 .vbo-graphstats-mod-containers {
7863 display: flex;
7864 flex-wrap: wrap;
7865 justify-content: center;
7866 }
7867 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
7868 flex-basis: 50%;
7869 }
7870 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
7871 background: var(--vbo-config-bg-color);
7872 padding: 20px;
7873 border-radius: 16px;
7874 box-shadow: 0 3px 10px rgba(0,0,0,.05);
7875 margin-bottom: 15px;
7876 margin-right: 5px;
7877 }
7878 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
7879 font-weight: bold;
7880 color: var(--vbo-config-titles-color-light);
7881 margin-bottom: 10px;
7882 }
7883 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
7884 font-size: 26px;
7885 font-weight: bold;
7886 }
7887 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
7888 font-size: 13px;
7889 display: inline-block;
7890 vertical-align: top;
7891 color: var(--vbo-config-titles-color-light);
7892 }
7893 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
7894 font-size: 14px;
7895 display: inline-block;
7896 vertical-align: top;
7897 }
7898 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
7899 color: var(--vbo-green-color);
7900 }
7901 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
7902 color: var(--vbo-red-color);
7903 }
7904 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
7905 text-align: center;
7906 }
7907 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
7908 display: inline-block;
7909 text-align: center;
7910 margin: 10px 0 0;
7911 padding: 10px 0;
7912 width: 100%;
7913 }
7914 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
7915 display: inline-block;
7916 margin: 3px 7px;
7917 font-weight: bold;
7918 }
7919 #vbo-graphstats-left-legend ul.line-legend li {
7920 border: 1px solid var(--vbo-config-border-color);
7921 border-radius: 20px;
7922 padding: 10px 12px;
7923 }
7924 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
7925 display: inline-block;
7926 float: left;
7927 height: 15px;
7928 margin: 0 10px 0 0;
7929 width: 15px;
7930 border-radius: 4px;
7931 font-weight: bold;
7932 }
7933 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
7934 text-align: center;
7935 }
7936 #vbo-graphstats-right-legend-nights ul.pie-legend {
7937 display: flex;
7938 margin: 10px 0 0;
7939 padding: 0;
7940 width: 100%;
7941 -ms-flex-wrap: wrap;
7942 -webkit-flex-wrap: wrap;
7943 flex-wrap: wrap;
7944 }
7945 #vbo-graphstats-right-legend ul.pie-legend {
7946 display: flex;
7947 margin: 10px 0 0;
7948 padding: 0;
7949 width: 100%;
7950 -ms-flex-wrap: wrap;
7951 -webkit-flex-wrap: wrap;
7952 flex-wrap: wrap;
7953 }
7954 #vbo-graphstats-right-legend-nights ul.pie-legend li {
7955 display: inline-block;
7956 margin: 3px 7px;
7957 -ms-flex: 0 0 45%;
7958 -webkit-flex: 0 0 45%;
7959 flex: 0 0 45%;
7960 text-align: left;
7961 font-weight: bold;
7962 }
7963 #vbo-graphstats-right-legend ul.pie-legend li {
7964 display: inline-block;
7965 margin: 3px 7px;
7966 -ms-flex: 0 0 45%;
7967 -webkit-flex: 0 0 45%;
7968 flex: 0 0 45%;
7969 text-align: left;
7970 font-weight: bold;
7971 }
7972 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
7973 display: inline-block;
7974 float: left;
7975 height: 15px;
7976 margin: 0 10px 0 0;
7977 width: 15px;
7978 border-radius: 4px;
7979 font-weight: bold;
7980 }
7981 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
7982 display: inline-block;
7983 float: left;
7984 height: 15px;
7985 margin: 0 10px 0 0;
7986 width: 15px;
7987 border-radius: 4px;
7988 }
7989 .vbo-graphstats-legend-sub {
7990 display: inline-block;
7991 font-size: smaller;
7992 margin-left: 3px;
7993 }
7994 .vbo-graph-introtitle {
7995 display: block;
7996 font-weight: bold;
7997 margin-bottom: 10px;
7998 text-align: center;
7999 }
8000 .vbo-graph-introtitle span {
8001 font-size: 18px;
8002 color: var(--vbo-config-title-color);
8003 }
8004 .vbo-graphstats-thirdright-nights-bestworst {
8005 padding: 0;
8006 }
8007 .vbo-graphstats-thirdright-nights-bestworst > span {
8008 font-weight: bold;
8009 display: block;
8010 }
8011 .vbo-chart-icon-negative {
8012 color: var(--vbo-red-color);
8013 }
8014 .vbo-chart-icon-positive {
8015 color: var(--vbo-green-color);
8016 }
8017
8018 /* Graphs & Statistics - End */
8019 /* Invoices - Start */
8020 .vbo-invoices-wrapper {
8021 display: block;
8022 overflow: hidden;
8023 padding: 15px;
8024 margin-bottom: 20px;
8025 background: var(--vbo-config-child-bg-color);
8026 }
8027 .vbo-invoices-inv-container {
8028 position: relative;
8029 margin: 10px;
8030 width: 300px;
8031 height: 235px;
8032 z-index : 1;
8033 float:left;
8034 background: var(--vbo-config-bg-color);
8035 box-shadow: 0 0 10px rgba(0,0,0,.08);
8036 border: 1px solid var(--vbo-basic-btn);
8037 border-radius: 5px;
8038 -webkit-perspective: 1000;
8039 perspective: 1000;
8040 }
8041 .vbo-invoices-inv-inner {
8042 cursor: pointer;
8043 width: 100%;
8044 height: 100%;
8045 -webkit-transform-style: preserve-3d;
8046 -webkit-transition: all 0.7s linear;
8047 transform-style: preserve-3d;
8048 transition: all 0.7s linear;
8049 }
8050 .vbo-invoices-inv-container.vbo-invoice-active {
8051 border: 1px solid var(--vbo-base-color);
8052 }
8053 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8054 -webkit-transform: rotateY(180deg);
8055 transform: rotateY(180deg);
8056 }
8057 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8058 padding: 8px 15px;
8059 box-shadow: none;
8060 border-color: var(--vbo-config-border-color);
8061 }
8062 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8063 background-color: var(--vbo-light-color-btn);
8064 }
8065 .vbo-invoices-inv-face {
8066 position: absolute;
8067 width: 100%;
8068 height: 100%;
8069 backface-visibility: hidden;
8070 -webkit-backface-visibility: hidden;
8071 }
8072 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8073 display: flex;
8074 flex-wrap: wrap;
8075 display: block;
8076 -webkit-transform: rotateY(180deg);
8077 transform: rotateY(180deg);
8078 box-sizing: border-box;
8079 text-align: center;
8080 background-color: var(--vbo-config-bg-color);
8081 border-radius: 5px;
8082 }
8083 .vbo-invoices-inv-frontright {
8084 overflow: hidden;
8085 padding: 10px;
8086 }
8087 .vbo-invoices-inv-entry {
8088 display: block;
8089 margin-bottom: 5px;
8090 }
8091 .vbo-invoices-inv-entry-custname {
8092 margin-top: 5px;
8093 }
8094 .vbo-invoices-inv-entry-lbl {
8095 display: inline-block;
8096 margin-right: 5px;
8097 font-weight: bold;
8098 }
8099 .vbo-invoices-inv-entry-val {
8100 display: inline-block;
8101 vertical-align: top;
8102 }
8103 .vbo-invoices-inv-ckbox {
8104 position: absolute;
8105 top: 5px;
8106 left: 5px;
8107 margin: 1px;
8108 }
8109 .vbo-invoices-inv-back-commands {
8110 margin:10px 0;
8111 }
8112 .vbo-invoices-inv-back-commands .btn {
8113 margin:2px;
8114 }
8115 .vbo-invoices-inv-back-entries {
8116 background: var(--vbo-basic-btn-hover);
8117 border-top:1px solid var(--vbo-config-border-color);
8118 padding: 10px 20px;
8119 font-size: 12px;
8120 width: auto;
8121 display: inline-block;
8122 border-radius: 4px;
8123 margin: 2px;
8124 text-align: left;
8125 }
8126 .vbo-invoices-inv-entry-val small {
8127 font-size: 12px;
8128 }
8129 .vbo-invoices-inv-entry-val .label {
8130 margin-left: 3px;
8131 }
8132 .vbo-invoices-inv-frontleft {
8133 position: relative;
8134 }
8135 .vbo-invoices-inv-totals {
8136 position: absolute;
8137 bottom: 2px;
8138 width: calc(100% - 10px);
8139 display: flex;
8140 flex-wrap: wrap;
8141 padding: 6px;
8142 box-sizing: border-box;
8143 border: 1px solid var(--vbo-config-border-color);
8144 margin: 5px;
8145 border-radius: 4px;
8146 }
8147 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8148 font-weight: bold;
8149 margin-right: 5px;
8150 }
8151 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8152 margin-left: auto;
8153 }
8154 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8155 padding: 2px 6px;
8156 }
8157 /* Invoices - End */
8158 /* Snapshot - Start */
8159 .vbo-info-overlay-snapshot {
8160 position: fixed;
8161 left: 50%;
8162 top: 50%;
8163 transform: translate(-50%, -50%);
8164 width: 40%;
8165 height: 60%;
8166 z-index: 101;
8167 padding: 20px;
8168 border-radius: 5px;
8169 background-color: var(--vbo-config-bg-color);
8170 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8171 }
8172 .vbo-info-overlay-snapshot-controls {
8173 display: block;
8174 text-align: center;
8175 }
8176 .vbo-info-overlay-snapshot-controls button {
8177 margin: 0 5px;
8178 }
8179 .vbo-info-overlay-snapshot-controls button i {
8180 margin-right: 5px;
8181 }
8182 .vbo-info-overlay-snapshot-movie {
8183 display: block;
8184 text-align: center;
8185 overflow: auto;
8186 margin: 10px auto;
8187 }
8188 .vbo-cur-idscan {
8189 display: inline-block;
8190 background: var(--vbo-main-bg-color);
8191 padding: 10px 15px;
8192 border-radius: 2px;
8193 border: 1px solid var(--vbo-config-border-color);
8194 color: var(--vbo-config-title-color);
8195 white-space: nowrap;
8196 overflow: hidden;
8197 text-overflow: ellipsis;
8198 max-width: 120px;
8199 margin: 0px 0 0px 10px;
8200 vertical-align: top;
8201 }
8202
8203 /* Snapshot - End */
8204 /* Draggable Elements - Start */
8205 .vbo-draggable-sp {
8206 width: 98%;
8207 cursor: move;
8208 }
8209 .vbo-dragging-sp {
8210 border-radius: 8px;
8211 border: 1px dashed var(--vbo-config-title-color);
8212 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8213 }
8214 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8215 border-right: 0;
8216 border-radius: 0;
8217 }
8218 .vbo-dragging-cells-tmp {
8219 border-radius: 8px;
8220 border: 1px dashed var(--vbo-config-bg-color);
8221 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8222 }
8223 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8224 margin: 0 !important;
8225 }
8226 .vbo-dragged-cells-tmp {
8227 border-radius: 8px;
8228 border: 1px dashed var(--vbo-config-bg-color);
8229 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8230 animation: Vikshake 0.5s ease-in-out;
8231 -webkit-animation: Vikshake 0.5s ease-in-out;
8232 -moz-animation: Vikshake 0.5s ease-in-out;
8233 }
8234 @keyframes Vikshake {
8235 0% {
8236 transform: translateX(0);
8237 }
8238 20% {
8239 transform: translateX(-10px);
8240 }
8241 40% {
8242 transform: translateX(10px);
8243 }
8244 60% {
8245 transform: translateX(-10px);
8246 }
8247 80% {
8248 transform: translateX(10px);
8249 }
8250 100% {
8251 transform: translateX(0);
8252 }
8253 }
8254 @-webkit-keyframes Vikshake {
8255 0% {
8256 transform: translateX(0);
8257 }
8258 20% {
8259 transform: translateX(-10px);
8260 }
8261 40% {
8262 transform: translateX(10px);
8263 }
8264 60% {
8265 transform: translateX(-10px);
8266 }
8267 80% {
8268 transform: translateX(10px);
8269 }
8270 100% {
8271 transform: translateX(0);
8272 }
8273 }
8274 @-moz-keyframes Vikshake {
8275 0% {
8276 transform: translateX(0);
8277 }
8278 20% {
8279 transform: translateX(-10px);
8280 }
8281 40% {
8282 transform: translateX(10px);
8283 }
8284 60% {
8285 transform: translateX(-10px);
8286 }
8287 80% {
8288 transform: translateX(10px);
8289 }
8290 100% {
8291 transform: translateX(0);
8292 }
8293 }
8294 .vboverviewtable > * {
8295 -webkit-touch-callout: none;
8296 -webkit-user-select: none;
8297 -moz-user-select: none;
8298 -ms-user-select: none;
8299 }
8300 table.vboverviewtable td.vbo-overv-avcell {
8301 position: relative;
8302 }
8303 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8304 min-width: 80px;
8305 max-width: 80px;
8306 height: 50px;
8307 }
8308 table.vboverviewtable th, table.vboverviewtable td {
8309 -moz-box-sizing: border-box;
8310 -webkit-box-sizing: border-box;
8311 box-sizing: border-box;
8312 border-right: 1px solid var(--vbo-config-border-color);
8313 border-bottom: 1px solid var(--vbo-config-border-color);
8314 }
8315 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8316 padding: 10px;
8317 }
8318 table.vboverviewtable tr:last-child td {
8319 border-bottom: 0;
8320 }
8321 table.vboverviewtable td:last-child {
8322 border-right: 0;
8323 }
8324 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8325 position: relative;
8326 }
8327 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8328 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8329 position: absolute;
8330 top: 50%;
8331 left: 50%;
8332 transform: translate(-50%, -50%);
8333 overflow: auto;
8334 text-align: center;
8335 }
8336 .vbo-overv-row-snake td {
8337 padding-bottom: 16px;
8338 vertical-align: bottom;
8339 }
8340 .vboverviewtablerow .vbo-checkinday span {
8341 margin-top: -2px;
8342 display: block;
8343 }
8344 .vboverviewtablerow-subunit td {
8345 position: relative;
8346 }
8347 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8348 position: absolute;
8349 }
8350 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8351 top: auto;
8352 left: auto;
8353 right: 3px;
8354 bottom: 1px;
8355 transform: none;
8356 cursor: pointer;
8357
8358 visibility: hidden;
8359 }
8360 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8361 top: auto;
8362 left: auto;
8363 right: 3px;
8364 bottom: 0;
8365 transform: none;
8366 }
8367 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8368 animation: 1s vbonotefadeIn;
8369 animation-fill-mode: forwards;
8370 }
8371
8372 @keyframes vbonotefadeIn {
8373 99% {
8374 visibility: hidden;
8375 }
8376 100% {
8377 visibility: visible;
8378 }
8379 }
8380 .vbo-roomdaynote-full:before {
8381 content: "";
8382 width: 100%;
8383 height: 3px;
8384 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);;
8385 position: absolute;
8386 bottom: 0;
8387 left: 0;
8388 }
8389 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8390 height: 19px;
8391 }
8392 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8393 content: attr(data-notes);
8394 color: #fff;
8395 font-size: 12px;
8396 position: absolute;
8397 bottom: 1px;
8398 left: 4px;
8399 width: max-content;
8400 z-index: 1;
8401 max-width: 200px;
8402 white-space: nowrap;
8403 overflow: hidden;
8404 text-overflow: ellipsis;
8405 }
8406 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8407 color: var(--vbo-base-color);
8408 font-size: 14px;
8409 }
8410 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8411 color: var(--vbo-base-color-hover);
8412 opacity: .8;
8413 }
8414 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8415 color: var(--vbo-config-bg-color);
8416 }
8417 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8418 color: var(--vbo-base-color-hover);
8419 }
8420 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8421 opacity: .8;
8422 }
8423 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8424 color: var(--vbo-config-bg-color);
8425 }
8426 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8427 color: #fff;
8428 z-index: 10;
8429 }
8430 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8431 color: #b8d5f5;
8432 }
8433 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8434 width: calc(70% - 15px);
8435 }
8436 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8437 width: calc(34% - 20px);
8438 }
8439 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8440 width: calc(34% - 10px);
8441 }
8442 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8443 width: 40px;
8444 text-overflow: ellipsis;
8445 overflow: hidden;
8446 text-align: left;
8447 }
8448 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8449 width: 110px;
8450 text-overflow: ellipsis;
8451 overflow: hidden;
8452 text-align: left;
8453 }
8454 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8455 width: 190px;
8456 text-overflow: ellipsis;
8457 overflow: hidden;
8458 text-align: left;
8459 }
8460 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8461 width: auto !important;
8462 }
8463 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8464 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8465 width: 50%;
8466 }
8467 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8468 display: none;
8469 }
8470 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8471 display: inline-block;
8472 margin-left: 5px;
8473 }
8474 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8475 font-weight: bold;
8476 }
8477 .vbo-modal-roomdaynotes-addnew {
8478 border: 1px solid var(--vbo-config-border-color);
8479 padding: 10px 20px 20px;
8480 border-radius: 4px;
8481 background: var(--vbo-config-child-bg-color);
8482 }
8483 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8484 margin: 10px 0;
8485 }
8486 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8487 display: block;
8488 margin-bottom: 5px;
8489 }
8490 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8491 width: 100% !important;
8492 box-sizing: border-box;
8493 min-height: 80px;
8494 }
8495 tr.vboverviewtablerow-subunit {
8496 display: none;
8497 }
8498 .vbo-info-overlay-content-fests {
8499 padding: 0;
8500 }
8501 .vbo-info-overlay-content-fests > h3 {
8502 padding-top: 15px;
8503 padding-bottom: 15px;
8504 }
8505 .vbo-overlay-fests-list {
8506 padding: 10px 30px;
8507 }
8508 .vbo-overlay-fest-details {
8509 display: flex;
8510 margin: 4px 0 15px;
8511 padding: 10px;
8512 border: 1px solid var(--vbo-config-border-color);
8513 border-radius: 4px;
8514 }
8515 .vbo-roverw-roomdaynotes-title {
8516 font-size: 15px;
8517 margin-bottom: 7px;
8518 }
8519 .vbo-roverv-roomdaynotes-note-details {
8520 border: 1px solid #bce3ec;
8521 }
8522 .vbo-overlay-fest-details .vbo-fest-info {
8523 margin-right: 15px;
8524 align-self: center;
8525 }
8526 .vbo-overlay-fest-details .vbo-fest-cmds {
8527 margin-left: auto;
8528 }
8529 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8530 margin-right: 0;
8531 }
8532 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8533 font-size: 1.1em;
8534 font-weight: bold;
8535 }
8536 .vbo-overlay-fests-addnew {
8537 margin: 0 30px 30px;
8538 border: 1px solid var(--vbo-config-border-color);
8539 padding: 15px;
8540 background: var(--vbo-config-child-bg-color);
8541 }
8542 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8543 width: 70% !important;
8544 }
8545 .vbo-info-overlay-content input#invoice_num[type="number"] {
8546 width: 115px !important;
8547 }
8548 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8549 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8550 border: 1px solid var(--vbo-config-border-color);
8551 border-radius: 2px;
8552 padding: 5px 10px;
8553 }
8554 .vbo-overlay-fests-addnew-elem textarea {
8555 width: 100%;
8556 min-height: 80px;
8557 box-sizing: border-box;
8558 }
8559 .vbo-ovrv-flt-butn {
8560 position: fixed;
8561 bottom: 40px;
8562 right: 10px;
8563 padding: 8px;
8564 border-radius: 4px;
8565 background: none repeat scroll 0 0 #02679a;
8566 color: #fff;
8567 cursor: pointer;
8568 }
8569 .vbo-ovrv-flt-butn-shake {
8570 animation: Vikshake 0.5s ease-in-out;
8571 -webkit-animation: Vikshake 0.5s ease-in-out;
8572 -moz-animation: Vikshake 0.5s ease-in-out;
8573 }
8574 span.vbo-overview-subroom-toggle {
8575 cursor: pointer;
8576 margin-left: auto;
8577 margin-right: 1px;
8578 margin-top: 5px;
8579 }
8580 span.vbo-overview-subroom-toggle i {
8581 color: var(--vbo-config-title-color);
8582 }
8583 span.vbo-overview-subroom-toggle-active i {
8584 color: var(--vbo-base-color);
8585 }
8586 .vbo-info-overlay-loading-dnd {
8587 color: var(--vbo-config-bg-color);
8588 display: block;
8589 font-size: 30px;
8590 left: 20%;
8591 position: fixed;
8592 text-align: center;
8593 top: 20%;
8594 width: 60%;
8595 padding: 30px;
8596 z-index: 101;
8597 background: var(--vbo-config-title-color);
8598 border-radius: 20px;
8599 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
8600 }
8601 .vbo-loading-dnd-head {
8602 display: block;
8603 font-weight: bold;
8604 }
8605 .vbo-loading-dnd-body {
8606 display: block;
8607 font-size: smaller;
8608 margin-top: 30px;
8609 }
8610 .vbo-loading-dnd-response {
8611 background: var(--vbo-body-text-color);
8612 border-radius: 8px;
8613 display: block;
8614 font-size: 15px;
8615 margin: 15px auto 0;
8616 padding: 25px;
8617 }
8618 .vbo-loading-dnd-footer {
8619 display: block;
8620 font-size: smaller;
8621 margin-top: 30px;
8622 }
8623 #vbo-dnd-response form {
8624 margin-top: 10px;
8625 }
8626 #vbo-dnd-canvas-success {
8627 height: 100px;
8628 }
8629 /* Draggable Elements - End */
8630 /* Overview Tooltip - Start */
8631 .vbo-overview-tipblock {
8632 bottom: 0;
8633 color: var(--vbo-body-text-color);
8634 max-height: 400px;
8635 min-height: 140px;
8636 overflow: auto;
8637 position: absolute;
8638 right: 0;
8639 width: 400px;
8640 z-index: 1001;
8641 }
8642 .vbo-overview-tipblock-expanded {
8643 width: 800px;
8644 min-height: 240px;
8645 right: 0;
8646 }
8647 .vbo-overview-tipexpander {
8648 position: absolute;
8649 top: 1px;
8650 left: 1px;
8651 }
8652 .vbo-overview-expandtoggle {
8653 display: inline-block;
8654 width: 26px;
8655 height: 26px;
8656 line-height: 24px;
8657 color: #fff;
8658 background: #666;
8659 text-align: center;
8660 border-radius: 2px;
8661 font-size: 14px;
8662 cursor: pointer;
8663 }
8664 .vbo-overview-expandtoggle:hover {
8665 background: #999;
8666 }
8667 .vbo-overview-tipinner {
8668 display: block;
8669 padding: 10px 0 0 5px;
8670 }
8671 .vbo-overview-tiploading {
8672 display: block;
8673 font-weight: bold;
8674 background-color: rgba(255,255,255, .9);
8675 padding: 10px 15px;
8676 border-radius: 3px;
8677 box-shadow: 0 0 10px rgba(0,0,0,.1);
8678 }
8679 .vbo-overview-tip-bookingcont {
8680 margin: 4px 0;
8681 position: relative;
8682 display: flex;
8683 font-size: 12px;
8684 box-shadow: 0 0 10px rgba(0,0,0,.1);
8685 }
8686 .vbo-overview-tip-bookingcont:first-child {
8687 margin-top: 0;
8688 }
8689 .vbo-overview-tip-bookingcont:last-child {
8690 margin-bottom: 0;
8691 }
8692 .vbo-overview-tip-bookingcont-left {
8693 flex-basis: 35%;
8694 display: inline-block;
8695 vertical-align: top;
8696 text-align: left;
8697 background-color: rgba(232,235,240, .9);
8698 padding: 15px 20px;
8699 border-top-left-radius: 3px;
8700 border-bottom-left-radius: 3px;
8701 }
8702 .vbo-overview-tip-bookingcont-right {
8703 flex: 1;
8704 display: inline-block;
8705 vertical-align: top;
8706 text-align: left;
8707 background-color: rgba(255,255,255, .9);
8708 padding: 10px 20px;
8709 border-top-right-radius: 3px;
8710 border-bottom-right-radius: 3px;
8711 }
8712 .vbo-overview-tip-bookingcont-right > div,
8713 .vbo-overview-tip-bookingcont-left > div {
8714 margin: 5px 0;
8715 line-height: 1.3em;
8716 white-space: break-spaces;
8717 }
8718 .vbo-overview-tip-bookingcont span {
8719 margin-top: 0 !important;
8720 position: relative !important;
8721 left: auto !important;
8722 top: auto !important;
8723 transform: initial !important;
8724 text-align: left !important;
8725 overflow: initial !important;
8726 }
8727 .vbo-overview-tip-bookingcont-total {
8728 border-top: 1px solid var(--vbo-config-border-color);
8729 text-align: right;
8730 font-size: 13px;
8731 padding-top: 2px;
8732 }
8733 .vbo-overview-tip-cnt .vbo-channelimg-small {
8734 max-width: 70px;
8735 }
8736 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
8737 float: inherit;
8738 padding-left: 5px;
8739 vertical-align: bottom;
8740 }
8741 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
8742 font-weight: bold;
8743 display: block;
8744 color: var(--vbo-config-titles-color-light);
8745 text-transform: uppercase;
8746 font-size: 11px;
8747 }
8748 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
8749 float: right;
8750 }
8751 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
8752 display: inline-block;
8753 margin-right: 3px;
8754 }
8755 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
8756 font-weight: bold;
8757 display: inline-block;
8758 }
8759 .vbo-overview-tip-optindexes select {
8760 max-width: 180px !important;
8761 }
8762 .vbo-overview-tip-bstatus .label {
8763 background: transparent !important;
8764 padding: 0;
8765 font-size: inherit;
8766 line-height: auto;
8767 text-transform: uppercase;
8768 }
8769 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
8770 background: transparent !important;
8771 color: var(--vbo-green-color) !important;
8772 }
8773 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
8774 color: var(--vbo-warning-color) !important;
8775 background: transparent !important;
8776 }
8777 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
8778 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
8779 color: var(--vbo-red-color) !important;
8780 background: transparent !important;
8781 }
8782 .vbo-overview-tip-lbl .tooltip {
8783 min-width: 140px !important;
8784 }
8785 .vbo-overview-tip-bctag-wrap {
8786 z-index: 10;
8787 margin: 15px 0 0;
8788 position: relative;
8789 }
8790 .vbo-overview-tip-bctag {
8791 background-color: var(--vbo-config-bg-color);
8792 border: 1px solid var(--vbo-config-border-color);
8793 border-radius: 4px;
8794 cursor: pointer;
8795 height: 22px;
8796 width: 22px;
8797 text-align: center;
8798 vertical-align: top;
8799 font-size: 10px !important;
8800 line-height: 25px !important;
8801 }
8802 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
8803 margin: 0;
8804 }
8805 .vbo-overview-tip-bctag i[class^="vboicn-"] {
8806 margin-right: 0;
8807 }
8808 .vbo-overview-tip-bctag-subtip {
8809 background-color: var(--vbo-config-bg-color);
8810 left: 37px;
8811 position: absolute;
8812 top: -9px;
8813 width: 250px;
8814 z-index: 1000001;
8815 padding: 7px;
8816 box-shadow: 0 4px 4px rgba(0,0,0, .3);
8817 border-radius: 2px;
8818 }
8819 .vbo-overview-tip-bctag-subtip:before {
8820 content: "";
8821 position: absolute;
8822 top:50%;
8823 left: -8px;
8824 transform: translate(0, -50%);
8825 width: 0;
8826 height: 0;
8827 border-style: solid;
8828 border-width: 5px 8px 5px 0;
8829 border-color: transparent #fff transparent transparent;
8830 }
8831 .vbo-overview-tip-bctag-subtip-circle {
8832 border-radius: 50%;
8833 display: inline-block;
8834 height: 16px;
8835 margin: 2px;
8836 width: 16px;
8837 cursor: pointer;
8838 padding: 1px;
8839 border: 1px solid var(--vbo-config-bg-color);
8840 }
8841 .vbo-overview-tip-bctag-subtip-circle > div {
8842 width: 100%;
8843 height: 100%;
8844 border-radius: 50%;
8845 }
8846
8847 .vbo-blist-tip-bctag-subtip {
8848 position: relative;
8849 }
8850 .vbo-blist-tip-bctag-subtip-inner {
8851 background-color: var(--vbo-config-bg-color);
8852 left: 50%;
8853 position: absolute;
8854 top: 0;
8855 width: 250px;
8856 z-index: 99;
8857 padding: 7px;
8858 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
8859 border-radius: 4px;
8860 transform: translate(-50%, 0%);
8861 }
8862 .vbo-blist-tip-bctag-subtip-circle {
8863 border-radius: 50%;
8864 display: inline-block;
8865 height: 16px;
8866 margin: 2px;
8867 width: 16px;
8868 cursor: pointer;
8869 padding: 1px;
8870 border: 1px solid #fff;
8871 }
8872 .vbo-blist-tip-bctag-subtip-circle > div {
8873 width: 100%;
8874 height: 100%;
8875 border-radius: 50%;
8876 }
8877 .vbo-overview-tagslegend {
8878 display: inline-block;
8879 margin-top: 5px;
8880 }
8881 .vbo-overview-legend-tag {
8882 float: left;
8883 margin-right: 4px;
8884 }
8885 .vbo-overview-tagslegend-lbl {
8886 display: inline-block;
8887 font-size: 12px;
8888 float: left;
8889 font-weight: bold;
8890 margin-right: 5px;
8891 }
8892 /* Overview Tooltip - End */
8893 /* Booking Checkin - Start */
8894 .vbo-bookdet-container {
8895 padding: 15px 20px 5px;
8896 background: var(--vbo-config-bg-color);
8897 border: 1px solid var(--vbo-basic-btn);
8898 box-shadow: 0 0 10px rgba(0,0,0,.1);
8899 margin-bottom: 20px;
8900 border-radius: 4px;
8901 text-align: left;
8902 box-sizing: border-box;
8903 }
8904 .vbo-bookdet-wrap {
8905 display: inline-block;
8906 margin: 0 10px 10px 10px;
8907 min-width: 50px;
8908 vertical-align: top;
8909 border-right: 1px solid var(--vbo-config-border-color);
8910 padding-right: 20px;
8911 }
8912 .vbo-bookdet-wrap:last-child {
8913 border: 0;
8914 }
8915 .vbo-bookdet-head {
8916 color: var(--vbo-config-titles-color-light);
8917 margin: 0;
8918 overflow-wrap: break-word;
8919 padding: 3px 0;
8920 text-align: left;
8921 position: relative;
8922 font-weight: bold;
8923 text-transform: uppercase;
8924 font-size: 11px;
8925 }
8926 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
8927 margin-left: 5px;
8928 }
8929 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
8930 margin-right: 5px !important;
8931 }
8932 .vbo-bookdet-foot {
8933 font-size: 16px;
8934 font-weight: bold;
8935 overflow-wrap: break-word;
8936 text-align: left;
8937 padding: 3px 0;
8938 }
8939 .vbo-customer-info-box {
8940 display: inline-block;
8941 }
8942 .vbo-customer-info-box .vbo-customer-info-box-avatar {
8943 margin-right: 3px;
8944 vertical-align: middle;
8945 display: inline-block;
8946 }
8947 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
8948 border-radius: 50%;
8949 display: inline-block;
8950 cursor: pointer;
8951 object-fit: cover;
8952 }
8953 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
8954 width: 30px;
8955 height: 30px;
8956 object-fit: cover;
8957 }
8958 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
8959 width: 48px;
8960 height: 48px;
8961 object-fit: cover;
8962 }
8963 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
8964 width: 64px;
8965 height: 64px;
8966 object-fit: cover;
8967 }
8968 .vbo-customer-info-box .vbo-customer-info-box-name {
8969 display: inline-block;
8970 vertical-align: middle;
8971 }
8972 .vbo-bookdet-foot .btn-primary {
8973 border: var(--vbo-base-color);
8974 padding: 3px 12px;
8975 font-weight: bold;
8976 }
8977 .vbo-bookdet-foot .label {
8978 padding: 5px 14px !important;
8979 font-size: 12px;
8980 border-radius: 24px;
8981 letter-spacing: .3px;
8982 }
8983 .vbo-label-overbooking {
8984 cursor: pointer;
8985 }
8986 .vbo-label-overbooking:hover {
8987 background-color: var(--vbo-red-color-hover) !important;
8988 }
8989 .vbo-label-nested.vbo-label-overbooking {
8990 padding: 3px 5px !important;
8991 font-weight: 500;
8992 line-height: 12px;
8993 font-size: 11px;
8994 }
8995 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
8996 padding: 4px 12px;
8997 font-size: 13px;
8998 }
8999 .vbo-bookdet-foot .vbo-dorefund-btn {
9000 position: relative;
9001 }
9002 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
9003 content: attr(data-totrefunds);
9004 position: absolute;
9005 background-color: var(--vbo-config-bg-color);
9006 color: var(--vbo-config-title-color);
9007 font-weight: bold;
9008 font-size: 13px;
9009 border-radius: 4px;
9010 text-align: center;
9011 padding: 1px 4px;
9012 top: -8px;
9013 border: 2px solid var(--vbo-red-color);
9014 right: -12px;
9015 box-shadow: 0 2px 4px rgba(0,0,0,.15);
9016 }
9017 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9018 padding: 15px 20px 5px;
9019 background: var(--vbo-config-bg-color);
9020 border: 1px solid var(--vbo-main-bg-color);
9021 box-shadow: 0 0 10px rgba(0,0,0,.1);
9022 margin-bottom: 5px;
9023 border-radius: 4px;
9024 text-align: left;
9025 box-sizing: border-box;
9026 }
9027 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9028 padding: 10px 20px 10px;
9029 }
9030 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9031 display: inline-block;
9032 }
9033 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9034 font-weight: bold;
9035 }
9036 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9037 display: inline-block;
9038 }
9039 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9040 padding: 8px 11px;
9041 margin-left: 15px;
9042 }
9043 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9044 padding: 10px 20px 10px;
9045 display: flex;
9046 flex-wrap: wrap;
9047 }
9048 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9049 display: inline-block;
9050 align-self: center;
9051 }
9052 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9053 display: inline-block;
9054 vertical-align: top;
9055 margin-left: 15px;
9056 flex: 1;
9057 }
9058 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9059 margin-bottom: 5px
9060 }
9061 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9062 margin-bottom: 0;
9063 }
9064 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9065 font-weight: bold;
9066 font-size: 1.1em;
9067 }
9068 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-avtype .vbo-bookdet-inquiry-alert-mess-avtype {
9069 display: block;
9070 }
9071 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9072 font-style: italic;
9073 }
9074 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9075 width: 100%;
9076 display: inline-block;
9077 border-bottom: 1px solid var(--vbo-config-border-color);
9078 padding: 20px 0 0;
9079 margin-bottom: -5px;
9080 }
9081 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9082 float: left;
9083 text-align: center;
9084 color: var(--vbo-config-titles-color-light);
9085 }
9086 .vbo-bookingdet-innercontainer {
9087 display: flex;
9088 -ms-flex-wrap: wrap;
9089 -webkit-flex-wrap: wrap;
9090 flex-wrap: wrap;
9091 }
9092 .vbo-bookingdet-innercontainer > div {
9093 padding: 18px;
9094 }
9095 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9096 background: var(--vbo-config-bg-color);
9097 padding: 15px;
9098 border-radius: 8px;
9099 margin: 10px 0;
9100 position: relative;
9101 }
9102 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9103 margin-top: 0;
9104 }
9105 .vbo-bookingdet-admin-entry > span {
9106 margin-bottom: 4px;
9107 display: inline-block;
9108 font-weight: bold;
9109 color: var(--vbo-config-titles-color-light);
9110 }
9111 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9112 font-weight: bold;
9113 text-transform: uppercase;
9114 margin-bottom: 5px;
9115 }
9116 .vbo-bookingdet-detcont > div {
9117 margin: 8px 0;
9118 }
9119 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9120 margin-top: 20px;
9121 }
9122 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9123 width: 100px !important;
9124 }
9125 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9126 display: flex;
9127 width: 100%;
9128 box-sizing: border-box;
9129 padding: 5px 6px !important;
9130 font-size: 12px;
9131 }
9132 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9133 align-self: center;
9134 margin-right: 8px;
9135 }
9136 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9137 margin-left: auto;
9138 padding: 4px 10px;
9139 }
9140 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9141 background-color: transparent !important;
9142 border: 1px solid var(--vbo-blue-color);
9143 color: var(--vbo-blue-color);
9144 }
9145 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9146 background: var(--vbo-blue-color);
9147 }
9148 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9149 background-color: transparent !important;
9150 border: 1px solid var(--vbo-green-color);
9151 color: var(--vbo-green-color);
9152 }
9153 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9154 background: var(--vbo-green-color) !important;
9155 }
9156 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9157 background: var(--vbo-green-color-hover);
9158 }
9159 .vbo-bookingdet-detcont-label-review {
9160 margin-top: 20px;
9161 display: inline-block;
9162 }
9163 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9164 border: 1px solid var(--vbo-orange-color);
9165 background: var(--vbo-config-bg-color) !important;
9166 color: var(--vbo-orange-color);
9167 }
9168 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9169 color: var(--vbo-orange-color) !important;
9170 display: block;
9171 }
9172 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9173 background: transparent;
9174 }
9175 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9176 color: var(--vbo-orange-color-hover) !important;
9177 }
9178 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9179 background: var(--vbo-config-child-bg-color);
9180 }
9181 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9182 width: 100% !important;
9183 box-sizing: border-box;
9184 height: auto;
9185 }
9186 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9187 margin: 0 0 10px;
9188 vertical-align: top;
9189 display: inline-block;
9190 width: 43%;
9191 padding: 0 5px;
9192 }
9193 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9194 display: block;
9195 font-weight: bold;
9196 font-size: 1em;
9197 color: var(--vbo-config-title-color);
9198 }
9199 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9200 word-wrap: break-word;
9201 }
9202 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9203 border: 2px solid var(--vbo-red-color);
9204 }
9205 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9206 -webkit-flex: 0 0 20%;
9207 -ms-flex: 0 0 20%;
9208 flex: 0 0 20%;
9209 }
9210 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9211 -webkit-flex: 1;
9212 -ms-flex: 1;
9213 flex: 1;
9214 }
9215 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9216 font-weight: bold;
9217 }
9218 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9219 font-size: 1.2em;
9220 }
9221 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9222 -webkit-flex: 1;
9223 -ms-flex: 1;
9224 flex: 1;
9225 background: var(--vbo-config-bg-color);
9226 border-radius: 8px;
9227 margin: 18px 15px 20px;;
9228 padding: 0;
9229 }
9230 .vbo-bookingdet-noteslogs-btns {
9231 border-top-left-radius: 8px;
9232 border-top-right-radius: 8px;
9233 background: var(--vbo-config-child-bg-color);
9234 padding: 0;
9235 border-bottom: 1px solid var(--vbo-config-border-color);
9236 }
9237 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9238 display: inline-block;
9239 }
9240 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9241 margin-right: 5px;
9242 }
9243 .vbo-bookingdet-noteslogs-btn a {
9244 font-weight: bold;
9245 text-transform: uppercase;
9246 padding: 16px 20px;
9247 display: inline-block;
9248 color: var(--vbo-config-titles-color-light);
9249 }
9250 .vbo-bookingdet-noteslogs-btn-active a {
9251 border-bottom: 2px solid var(--vbo-base-color);
9252 color: var(--vbo-base-color);
9253 background: var(--vbo-config-bg-color);
9254 }
9255 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9256 border: 0;
9257 background: transparent;
9258 padding: 0;
9259 }
9260 .vbo-bookingdet-noteslogs-cont {
9261 padding: 10px;
9262 }
9263 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9264 max-width: 100%;
9265 width: 100%;
9266 box-sizing: border-box;
9267 }
9268 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9269 width: 100% !important;
9270 box-sizing: border-box;
9271 padding: 15px;
9272 background: var(--vbo-config-child-bg-color);
9273 }
9274 .vbo-booking-history-firstrow {
9275 font-size: .9em;
9276 text-transform: uppercase;
9277 font-weight: bold;
9278 color: var(--vbo-config-titles-color-light);
9279 border: 0;
9280 }
9281 .vbo-booking-history-container tbody {
9282 border: 0 !important;
9283 }
9284 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9285 font-weight: bold;
9286 }
9287 .vbo-booking-history-container > .table > tbody > tr > td {
9288 white-space: normal !important;
9289 }
9290 .vbo-editbooking-custarea textarea {
9291 height: 250px;
9292 max-height: 400px;
9293 }
9294 .vbo-bookingdet-summary .table-responsive {
9295 background: var(--vbo-config-bg-color);
9296 border-radius: 8px;
9297 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9298 }
9299 .vbo-bookingdet-summary .table {
9300 margin-bottom: 0;
9301 }
9302 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9303 border-top: 0;
9304 }
9305 .vbo-bookingdet-summary .table td {
9306 padding: 10px 15px;
9307 }
9308 .vbo-editbooking-summary-room {
9309 background: var(--vbo-config-bg-color);
9310 border-radius: 8px;
9311 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9312 margin-bottom: 20px;
9313 padding-bottom: 15px;
9314 }
9315 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9316 padding: 15px;
9317 white-space: normal;
9318 }
9319 .vbo-bookingdet-summary-room-firstcell {
9320 width: 33%;
9321 }
9322 .vbo-bookingdet-summary-roomnum {
9323 font-size: 1.4em;
9324 display: inline-block;
9325 margin: 0 0 10px;
9326 font-weight: bold;
9327 }
9328 .vbo-bookingdet-summary-roomnum i {
9329 border: 1px solid var(--vbo-config-border-color);
9330 padding: 5px;
9331 border-radius: 3px;
9332 margin-right: 6px;
9333 color: var(--vbo-config-text-color-light);
9334 font-size: 14px;
9335 }
9336 .vbo-bookingdet-summary-roomname {
9337 font-size: 1.4em;
9338 display: inline-block;
9339 font-weight: bold;
9340 }
9341 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9342 margin-top: 2px;
9343 }
9344 .vbo-wider-badges-wrap .badge {
9345 font-weight: normal;
9346 padding: 2px 6px;
9347 }
9348 .vbo-bookdet-splitstay-details {
9349 margin-top: 5px;
9350 min-width: initial;
9351 }
9352 .vbo-bookdet-splitstay-details > div {
9353 display: inline-block;
9354 }
9355 .vbo-bookdet-splitstay-details > div > span {
9356 border-right: 1px solid var(--vbo-basic-btn);
9357 }
9358 .vbo-bookdet-splitstay-details > div > span:last-child {
9359 border-right: 0;
9360 }
9361 .vbo-bookingdet-summary-room-wrap {
9362 display: flex;
9363 flex-wrap: wrap;
9364 }
9365 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9366 margin-left: auto;
9367 }
9368 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9369 float: right;
9370 }
9371 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9372 max-width: 200px;
9373 }
9374 .vbo-bookingdet-summary-roomguests {
9375 text-transform: uppercase;
9376 color: var(--vbo-config-titles-color-light);
9377 font-size: .9em;
9378 }
9379 .vbo-bookingdet-summary-roomguests > div {
9380 display: inline-block;
9381 margin-right: 4px;
9382 }
9383 .vbo-bookingdet-summary-total {
9384 background: var(--vbo-light-color-btn);
9385 font-weight: bold;
9386 }
9387 .vbo-bookingdet-summary-total > td {
9388 border-top: 2px solid var(--vbo-config-border-color);
9389 }
9390 .vbo-bookingdet-summary-totpaid {
9391 background: var(--vbo-config-child-bg-color);
9392 }
9393 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9394 color: var(--vbo-blue-color);
9395 }
9396 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9397 color: var(--vbo-red-color);
9398 }
9399 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9400 text-align: left;
9401 }
9402 .vbo-editbooking-summary-room > div {
9403 padding: 15px 15px 0;
9404 }
9405 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9406 font-weight: bold;
9407 text-transform: uppercase;
9408 }
9409 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9410 text-transform: initial;
9411 font-weight: normal;
9412 }
9413 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4, .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9414 display: inline-block;
9415 vertical-align: middle;
9416 margin: 0;
9417 }
9418 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
9419 margin-right: 10px;
9420 }
9421 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
9422 width: 16px;
9423 color: var(--vbo-config-text-color-light);
9424 }
9425 .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
9426 height: 25px;
9427 }
9428 .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after {
9429 left: 28px;
9430 }
9431 .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
9432 height: 20px;
9433 width: 20px;
9434 }
9435 .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
9436 height: 26px;
9437 }
9438 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
9439 margin-top: 5px;
9440 border-top: 1px solid var(--vbo-config-border-color);
9441 padding-top: 10px;
9442 }
9443 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
9444 border-top-left-radius: 8px;
9445 border-top-right-radius: 8px;
9446 background: var(--vbo-config-child-bg-color);
9447 border-bottom: 1px solid var(--vbo-config-border-color);
9448 padding-bottom: 15px;
9449 }
9450 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
9451 margin-top: 8px;
9452 }
9453 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
9454 margin-right: 5px;
9455 color: #999;
9456 }
9457 .vbo-editbooking-room-remove {
9458 float: right;
9459 display: inline-block;
9460 }
9461 .vbo-editbooking-summary-room > div > h4 {
9462 font-weight: bold;
9463 text-transform: uppercase;
9464 border-bottom: 1px solid var(--vbo-config-border-color);
9465 padding-bottom: 10px;
9466 }
9467 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
9468 margin-right: 5px;
9469 display: inline-block;
9470 }
9471 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
9472 color: var(--vbo-config-text-color-light);
9473 margin-right: 3px;
9474 }
9475 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
9476 border-bottom: 0;
9477 margin-bottom: 0;
9478 }
9479 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
9480 border-top: 1px solid var(--vbo-config-border-color);
9481 padding-top: 10px;
9482 }
9483 .vbo-editbooking-room-traveler-guestsinfo {
9484 padding: 0 5px;
9485 }
9486 .vbo-editbooking-room-traveler-guestsinfo > div {
9487 display: inline-block;
9488 vertical-align: top;
9489 margin: 5px 10px 5px 0;
9490 }
9491 .vbo-editbooking-room-traveler-guestsinfo > div i {
9492 color: var(--vbo-config-text-color-light);
9493 }
9494 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
9495 margin-top: 36px;
9496 }
9497 .vbo-editbooking-room-traveler-guestsinfo label {
9498 display: block;
9499 font-size: 12px;
9500 font-weight: bold;
9501 color: var(--vbo-config-titles-color-light);
9502 margin-bottom: 2px;
9503 }
9504 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
9505 background: var(--vbo-input-style);
9506 }
9507 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
9508 display: grid;
9509 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
9510 }
9511 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
9512 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9513 display: inline-block;
9514 vertical-align: top;
9515 padding: 15px;
9516 margin: 5px;
9517 border-radius: 5px;
9518 border: 1px solid var(--vbo-config-border-color);
9519 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
9520 }
9521 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
9522 flex: 0 0 33%;
9523 }
9524 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
9525 border: 1px solid var(--vbo-green-color);
9526 }
9527 .vbo-editbooking-room-services .vbo-editbooking-room-service {
9528 flex: 0 0 33%;
9529 }
9530 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
9531 display: inline-block;
9532 vertical-align: top;
9533 }
9534 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
9535 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
9536 color: var(--vbo-config-titles-color-light);
9537 font-weight: bold;
9538 }
9539 .vbo-editbooking-room-pricetype-cost {
9540 font-size: 18px;
9541 font-weight: bold;
9542 }
9543 .vbo-editbooking-room-pricetype-seltax {
9544 margin-top: 10px;
9545 }
9546 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
9547 float: right;
9548 margin-top: 10px;
9549 }
9550 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
9551 display: block;
9552 margin-top: 10px;
9553 }
9554 .vbo-editbooking-room-pricetype-older-inner {
9555 display: inline-block;
9556 }
9557 .vbo-editbooking-room-pricetype-older-inner label {
9558 margin-bottom: 3px;
9559 }
9560 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
9561 font-size: 15px;
9562 }
9563 .vbo-editbooking-room-pricetype-check-older {
9564 display: inline-block;
9565 float: right;
9566 }
9567 .vbo-editbooking-room-service-price {
9568 font-size: 16px;
9569 font-weight: bold;
9570 }
9571 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
9572 text-transform: initial;
9573 }
9574 .vbo-editbooking-room-service-select select {
9575 margin-bottom: 0;
9576 }
9577 .vbo-editbooking-room-extracost {
9578 margin: 5px;
9579 }
9580 .vbo-editbooking-room-extracost > div {
9581 display: inline-block;
9582 vertical-align: top;
9583 margin: 0 5px 0 0;
9584 }
9585 .vbo-editbooking-room-extracost > div .btn.btn-danger {
9586 padding: 8px 14px;
9587 }
9588 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
9589 position: relative;
9590 }
9591 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
9592 position: absolute;
9593 right: 2px;
9594 height: calc(100% - 2px);
9595 background: var(--vbo-base-color);
9596 border-left: 1px solid var(--vbo-base-color);
9597 color: var(--vbo-contrast-text-color);
9598 border-top-right-radius: 2px;
9599 border-bottom-right-radius: 2px;
9600 top: 1px;
9601 width: 32px;
9602 font-size: 13px;
9603 cursor: pointer;
9604 }
9605 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
9606 background: var(--vbo-base-color-hover)
9607 }
9608 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
9609 position: absolute;
9610 top: 50%;
9611 left: 50%;
9612 transform: translate(-50%, -50%);
9613 }
9614 .vbo-editbooking-summary-totpaid {
9615 padding-bottom: 0;
9616 }
9617 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
9618 border-bottom-left-radius: 8px;
9619 border-bottom-right-radius: 8px;
9620 }
9621 .vbo-editbooking-totpaid {
9622 display: inline-block;
9623 }
9624 .vbo-editbooking-totpaid label {
9625 font-size: 18px;
9626 font-weight: bold;
9627 margin-bottom: 10px;
9628 }
9629 .vbo-editbooking-totrefund {
9630 margin-left: 35px;
9631 }
9632 .vbo-editbooking-totrefund label {
9633 font-size: 15px;
9634 font-weight: normal;
9635 }
9636 .vbo-editbooking-addroom {
9637 display: inline-block;
9638 float: right;
9639 margin-top: 15px;
9640 }
9641 .vbo-roomdet-wrapper {
9642 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
9643 border: 1px solid var(--vbo-basic-btn);
9644 display: inline-block;
9645 margin-bottom: 4px;
9646 width: 100%;
9647 border-radius: 6px;
9648 box-shadow: 0 0 10px rgba(0,0,0,.05);
9649 }
9650 .vbo-roomdet-wrap {
9651 display: flex;
9652 -ms-flex-wrap: wrap;
9653 -webkit-flex-wrap: wrap;
9654 flex-wrap: wrap;
9655 }
9656 .vbo-roomdet-entry {
9657 flex: 1;
9658 }
9659 .vbo-roomdet-head {
9660 border-bottom: 1px solid var(--vbo-config-border-color);
9661 font-size: larger;
9662 padding: 12px 15px 12px;
9663 font-weight: bold;
9664 font-size: 13px;
9665 color: var(--vbo-config-titles-color-light);
9666 }
9667 .vbo-roomdet-foot {
9668 padding: 8px 15px;
9669 }
9670 .vbo-roomdet-guests-toggle {
9671 padding: 7px 8px 7px;
9672 border-radius: 2px;
9673 margin-top: 5px;
9674 display: inline-block;
9675 cursor: pointer;
9676 }
9677 .vbo-roomdet-guests-toggle i {
9678 font-size: larger;
9679 display: inline-block;
9680 float: left;
9681 margin-right: 8px;
9682 }
9683 .vbo-roomdet-guests-toggleword {
9684 display: inline-block;
9685 margin-top: -1px;
9686 float: left;
9687 }
9688 .vbo-guestscount-incomplete {
9689 background: var(--vbo-blue-color);
9690 color: #fff;
9691 }
9692 .vbo-guestscount-complete {
9693 background: var(--vbo-green-color);
9694 color: #fff;
9695 }
9696 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
9697 background: var(--vbo-green-color-hover);
9698 }
9699 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
9700 background: var(--vbo-blue-color-hover);
9701 }
9702 .vbo-roomdet-guests-details {
9703 display: none;
9704 padding: 8px 0 8px 15px;
9705 margin: 5px 10px;
9706 background: var(--vbo-config-child-bg-color);
9707 border-top: 1px solid var(--vbo-basic-btn);
9708 }
9709 .vbo-roomdet-guest-details {
9710 margin-bottom: 5px;
9711 margin-left: -15px;
9712 padding-bottom: 10px;
9713 border-bottom: 1px solid var(--vbo-config-border-color);
9714 display: flex;
9715 flex-wrap: wrap;
9716 }
9717 .vbo-roomdet-guest-details:last-child {
9718 border-bottom: 0;
9719 }
9720 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
9721 width: calc(25% - 20px);
9722 margin: 5px 10px;
9723 display: inline-block;
9724 }
9725 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
9726 height: 40px;
9727 border-radius: 2px;
9728 }
9729 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
9730 line-height: 38px;
9731 }
9732 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
9733 height: 38px;
9734 }
9735 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
9736 position: relative;
9737 }
9738 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
9739 position: absolute;
9740 top: 12px;
9741 right: 10px;
9742 font-size: 16px;
9743 }
9744 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
9745 align-self: center;
9746 font-size: 16px;
9747 margin-right: 14px;
9748 width: 100%;
9749 }
9750 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
9751 width: calc(100% - 20px);
9752 }
9753 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
9754 width: calc(25% - 15px);
9755 }
9756 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
9757 width: 100% !important;
9758 max-width: 100%;
9759 }
9760 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
9761 width: 100% !important;
9762 max-width: 100%;
9763 }
9764 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
9765 margin-bottom: 3px;
9766 font-weight: 500;
9767 }
9768 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
9769 width: 90px;
9770 border: 1px solid var(--vbo-config-border-color);
9771 background-color: var(--vbo-config-bg-color);
9772 border-radius: 4px;
9773 text-align: center;
9774 margin: 5px;
9775 padding: 3px;
9776 position: relative;
9777 display: inline-block;
9778 }
9779 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
9780 color: var(--vbo-config-titles-color-light);
9781 text-decoration: none;
9782 display: block;
9783 line-height: 1.3em;
9784 padding: 6px 3px;
9785 }
9786 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
9787 font-size: 18px;
9788 }
9789 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
9790 width: 90px;
9791 display: inline-block;
9792 overflow: hidden;
9793 text-overflow: ellipsis;
9794 font-size: 13px;
9795 white-space: nowrap;
9796 }
9797 .vbo-roomdet-guest-detail-num span {
9798 font-weight: bold;
9799 flex-basis: 100px;
9800 }
9801 .vbo-checkin-main-block {
9802 display: flex;
9803 -ms-flex-wrap: wrap;
9804 -webkit-flex-wrap: wrap;
9805 flex-wrap: wrap;
9806 }
9807 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
9808 flex-basis: 60px;
9809 }
9810 .vbo-roomsdet-container {
9811 display: inline-block;
9812 -ms-flex: 1;
9813 -webkit-flex: 1;
9814 flex: 1;
9815 margin-right: 5px;
9816 }
9817 .vbo-checkin-payment-detail-v {
9818 float: right;
9819 margin-left: 5px;
9820 }
9821 .vbo-checkin-payment-container {
9822 display: inline-block;
9823 vertical-align: top;
9824 background: var(--vbo-light-color-btn);
9825 -ms-flex: 0 0 18%;
9826 -webkit-flex: 0 0 18%;
9827 flex: 0 0 18%;
9828 float: right;
9829 padding: 15px;
9830 margin-left: 5px;
9831 border-radius: 6px;
9832 box-shadow: 0 0 10px rgba(0,0,0,.05);
9833 }
9834 .vbo-checkin-payment-detail {
9835 margin: 5px 0;
9836 display: inline-block;
9837 width: 100%;
9838 }
9839 .vbo-checkin-payment-detail-click {
9840 background: var(--vbo-base-color);
9841 color: #fff;
9842 padding: 3px 10px;
9843 border-radius: 2px;
9844 margin-top: 10px;
9845 cursor: pointer;
9846 }
9847 .vbo-checkin-payment-detail:first-child {
9848 font-size: larger;
9849 }
9850 .vbo-checkin-payment-detail-lbl {
9851 vertical-align: middle;
9852 }
9853 .vbo-checkin-notes-wrap {
9854 clear: both;
9855 width: 100%;
9856 margin: 5px 0;
9857 }
9858 .vbo-checkin-notes-inner {
9859 margin: 0 auto;
9860 width: 60%;
9861 text-align: center;
9862 }
9863 .vbo-checkin-notes-trig {
9864 color: var(--vbo-config-titles-color-light);
9865 }
9866 .vbo-checkin-notes-trig span {
9867 cursor: pointer;
9868 }
9869 .vbo-checkin-notes-cont {
9870 display: none;
9871 padding: 4px;
9872 }
9873 .vbo-checkin-notes-cont textarea {
9874 width: 100% !important;
9875 height: 100px;
9876 }
9877 .vbo-checkin-commands-wrap {
9878 margin: 25px 0 15px;
9879 }
9880 .vbo-checkin-commands-inner {
9881 text-align: center;
9882 }
9883 .vbo-checkin-commands-btn {
9884 display: inline-block;
9885 margin-left: 15px;
9886 }
9887 .vbo-checkin-commands-btn:first-child {
9888 margin-left: 0;
9889 }
9890 .vbo-checkin-commands-btn .btn-large {
9891 padding: 9px 14px;
9892 border-radius: 3px;
9893 font-size: inherit;
9894 }
9895 .vbo-checkin-commands-btn .btn-large:not(.btn-success) {
9896 background: var(--vbo-red-color);
9897 border-color: var(--vbo-red-color);
9898 color: #fff;
9899 }
9900 .vbo-checkin-commands-btn .btn-large:not(.btn-success):hover {
9901 background: var(--vbo-red-color-hover);
9902 border-color: var(--vbo-red-color-hover);
9903 }
9904 .vbo-checkin-update-wrap {
9905 clear: both;
9906 width: 100%;
9907 margin: 5px 0;
9908 }
9909 .vbo-checkin-update-inner {
9910 margin: 0 auto;
9911 width: 60%;
9912 text-align: center;
9913 }
9914 .vbo-checkin-custdet-cont {
9915 width: 100%;
9916 margin-top: 10px;
9917 padding: 4px;
9918 }
9919 .vbo-checkin-custdet-entry {
9920 display: inline-block;
9921 width: calc(33% - 10px);
9922 margin: 10px 5px;
9923 vertical-align: top;
9924 }
9925 .vbo-checkin-custdet-key {
9926 display: block;
9927 color: var(--vbo-config-titles-color-light);
9928 }
9929 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
9930 color: var(--vbo-red-color);
9931 }
9932 .vbo-checkin-custdet-value {
9933 display: block;
9934 font-size: larger;
9935 }
9936 #jmodal-box-vbo-checkin-booking {
9937 height: 100%;
9938 margin: 19px;
9939 overflow: hidden;
9940 overflow-y: scroll;
9941 box-sizing: border-box;
9942 }
9943 #jmodal-box-vbo-checkin-booking .modal-body {
9944 max-height: inherit;
9945 }
9946 #vbo-overlay-title .vbo-info-overlay-title-close {
9947 float: right;
9948 margin-top: -4px;
9949 margin-right: 0px;
9950 cursor: pointer;
9951 }
9952 div.modal {
9953 z-index: 9999999 !important;
9954 }
9955 div.modal.in {
9956 background-color: var(--vbo-body-bg-color);
9957 }
9958 div.modal.in .close:hover, div.modal.in .close:focus {
9959 color: var(--vbo-config-titles-color-light);
9960 }
9961 div.modal.in .modal-header + div.modal-body-wrapper {
9962 height: calc(100% - 130px) !important;
9963 }
9964 .vbo-sign-share-meth {
9965 margin: 10px 0;
9966 }
9967 .vbo-sign-share-meth label {
9968 margin-bottom: 3px;
9969 color: var(--vbo-body-text-color);
9970 }
9971 .vbo-sign-share-meth input {
9972 display: block !important;
9973 margin-bottom: 5px !important;
9974 }
9975 .vbo-sign-share-meth-close .btn {
9976 background: var(--vbo-red-color);
9977 border-color: var(--vbo-red-color);
9978 }
9979 .vbo-sign-share-meth-close .btn:hover {
9980 background: var(--vbo-red-color-hover);
9981 border-color: var(--vbo-red-color-hover);
9982 }
9983 #jmodal-vbo-vcm-rates-res {
9984 overflow-y: auto;
9985 }
9986 .vbo-vcm-rates-res-container {
9987 padding: 20px;
9988 }
9989 .vbo-vcm-rates-res-success {
9990 margin-bottom: 10px;
9991 border-bottom: 1px solid var(--vbo-config-border-color);
9992 padding-bottom: 10px;
9993 }
9994 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
9995 display: inline-block;
9996 vertical-align: top;
9997 border: 2px solid var(--vbo-green-color);
9998 padding: 10px;
9999 border-radius: 4px;
10000 margin: 4px;
10001 }
10002 .vbo-vcm-rates-res-channel-esit {
10003 display: inline-block;
10004 margin-right: 5px;
10005 font-size: 14px;
10006 border-radius: 50%;
10007 object-fit: cover;
10008 padding: 5px;
10009 width: 13px;
10010 height: 13px;
10011 line-height: 12px;
10012 text-align: center;
10013 vertical-align: top;
10014 }
10015 .vbo-vcm-rates-res-channel-esit i {
10016 font-size: 14px;
10017 }
10018 .vbo-vcm-rates-res-channel-logo {
10019 display: inline-block;
10020 }
10021 .vbo-vcm-rates-res-channel-logo img {
10022 max-width: 120px;
10023 }
10024 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10025 color: #fff;
10026 background: var(--vbo-green-color);
10027 }
10028 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10029 margin: 5px;
10030 border: 1px solid var(--vbo-green-color);
10031 padding: 10px;
10032 }
10033 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10034 border: 1px solid var(--vbo-red-color);
10035 padding: 10px 0 0;
10036 border-radius: 4px;
10037 margin: 8px 0;
10038 }
10039 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10040 color: #fff;
10041 background: var(--vbo-red-color);
10042 margin-left: 10px;
10043 }
10044 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10045 color: #fff;
10046 background: var(--vbo-orange-color);
10047 margin-left: 10px;
10048 }
10049 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10050 padding-bottom: 10px;
10051 }
10052 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10053 overflow-y: auto;
10054 max-height: 150px;
10055 }
10056 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10057 margin-bottom: 0;
10058 border-radius: 0 !important;
10059 padding: 10px;
10060 border-bottom-left-radius: 4px !important;
10061 border-bottom-right-radius: 4px !important;
10062 border: 0;
10063 border-top: 1px solid var(--vbo-config-border-color);
10064 }
10065 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10066 border: 1px solid var(--vbo-orange-color);
10067 padding: 10px 0 0;
10068 border-radius: 4px;
10069 margin: 8px 0;
10070 }
10071 .vbo-ratesoverview-bottom-container {
10072 border: 1px solid var(--vbo-config-border-color);
10073 margin-top: 20px;
10074 padding: 20px;
10075 border-radius: 9px;
10076 }
10077 .vbo-ratesoverview-bottom-head {
10078 width: 100%;
10079 display: inline-block;
10080 }
10081 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10082 float: left;
10083 }
10084 .vbo-ratesoverview-roomdetails {
10085 padding-top: 0;
10086 }
10087 .vbo-ratesoverview-roomdetails h3 {
10088 text-align: center;
10089 display: inline-block;
10090 margin-top: 10px;
10091 }
10092 .vbo-ratesoverview-obp-toggle-inner {
10093 float: right;
10094 margin-left: 20px;
10095 }
10096 .vbo-ratesoverview-obp-toggle-txt {
10097 display: inline-block;
10098 vertical-align: top;
10099 margin: 5px 0 0 5px;
10100 cursor: pointer;
10101 }
10102 .vbo-ratesoverview-caltab-wrapper {
10103 display: flex;
10104 -ms-flex-wrap: wrap;
10105 -webkit-flex-wrap: wrap;
10106 flex-wrap: wrap;
10107 margin-bottom: 30px;
10108 }
10109 .vbo-ratesoverview-period-container {
10110 display: inline-block;
10111 -ms-flex: 0 0 15%;
10112 -webkit-flex: 0 0 15%;
10113 flex: 0 0 15%;
10114 margin-left: 2px;
10115 }
10116 .vbo-table-responsive {
10117 -ms-flex: 1%;
10118 -webkit-flex: 1%;
10119 flex: 1%;
10120 overflow-x: scroll;
10121 }
10122 .vbratesoverviewtable tr td:first-child {
10123 position: sticky;
10124 left: 0;
10125 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10126 z-index: 1;
10127 background-clip: padding-box !important;
10128 }
10129 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10130 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10131 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10132 cursor: not-allowed;
10133 }
10134 .vbratesoverviewtable {
10135 border-spacing: 0;
10136 border-collapse: collapse;
10137 max-width: none;
10138 }
10139 .vbratesoverviewtable td {
10140 border-spacing: 0;
10141 border-collapse: collapse;
10142 border-right: 1px solid var(--vbo-config-bg-color);
10143 border-bottom: 1px solid var(--vbo-config-bg-color);
10144 }
10145 .vbratesoverviewtable tr:last-child td {
10146 border-bottom: 0;
10147 }
10148 .vbratesoverviewtable tr:first-child td {
10149 border-bottom: 0;
10150 }
10151 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10152 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10153 font-weight: bold;
10154 padding: 10px 10px;
10155 }
10156 .vbratesoverviewtable td .vbo-occ-label {
10157 display: inline-block;
10158 background: #999;
10159 border-radius: 4px;
10160 font-size: .9em;
10161 color: #fff;
10162 padding: 2px 6px;
10163 margin-left: 3px;
10164 font-weight: normal;
10165 }
10166 .vbo-roverw-curminlos-active {
10167 color: var(--vbo-red-color);
10168 font-weight: bold;
10169 }
10170 .vbratesoverviewtable .bluedays {
10171 min-width: 80px;
10172 }
10173 .vbratesoverviewtable .bluedays:hover {
10174 background-color: #73aecc;
10175 }
10176 .vbratesoverviewtable .bluedays:active {
10177 background-color: #89b8d0;
10178 }
10179 .vbratesoverviewtable .skip-bluedays-click:hover {
10180 background-color: #02679a;
10181 }
10182 .vbo-ratesoverview-period-inner {
10183 padding: 15px;
10184 background: var(--vbo-basic-btn);
10185 }
10186 .vbo-ratesoverview-period-lbl {
10187 font-weight: bold;
10188 font-size: 16px;
10189 margin: 0 5px 5px;
10190 }
10191 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10192 display: flex;
10193 -ms-flex-wrap: wrap;
10194 -webkit-flex-wrap: wrap;
10195 flex-wrap: wrap;
10196 }
10197 .vbo-ratesoverview-period-boxes-inner > div {
10198 display: inline-block;
10199 flex: 1;
10200 background: var(--vbo-config-bg-color);
10201 margin: 5px;
10202 padding: 15px 5px;
10203 text-align: center;
10204 border-radius: 4px;
10205 cursor: pointer;
10206 }
10207 .vbo-ratesoverview-period-box-lbl {
10208 font-weight: bold;
10209 margin-bottom: 5px;
10210 color: var(--vbo-config-titles-color-light);
10211 }
10212 .vbo-ratesoverview-period-box-val > div > span {
10213 display: block;
10214 font-weight: bold;
10215 color: var(--vbo-base-color);
10216 }
10217 .vbo-ratesoverview-period-wday {
10218 font-size: 12px;
10219 }
10220 .vbo-ratesoverview-period-mday {
10221 font-size: 24px;
10222 margin: 3px 0;
10223 }
10224 .vbo-ratesoverview-period-month {
10225 font-size: 12px;
10226 text-transform: uppercase;
10227 font-weight: normal;
10228 }
10229 .vbo-ratesoverview-period-box-val i {
10230 font-size: 28px;
10231 color: var(--vbo-blue-color);
10232 }
10233 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10234 position: relative;
10235 }
10236 .vbo-ratesoverview-period-box-cals-inner {
10237 position: absolute;
10238 top: 0;
10239 right: 0;
10240 width: 630px;
10241 padding: 10px;
10242 z-index: 1;
10243 border-radius: 10px;
10244 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10245 background: var(--vbo-config-bg-color);
10246 border: 1px solid var(--vbo-main-bg-color);
10247 }
10248 .vbo-ratesoverview-period-box-cals-inner > div {
10249 display: inline-block;
10250 vertical-align: top;
10251 }
10252 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10253 border-right: 1px solid var(--vbo-basic-btn);
10254 padding-right: 4px;
10255 }
10256 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10257 padding: 3px 0;
10258 color: var(--vbo-config-titles-color-light);
10259 border-bottom: 1px solid var(--vbo-basic-btn);
10260 margin: 0 0 5px;
10261 text-align: center;
10262 text-transform: uppercase;
10263 font-size: 11px;
10264 }
10265 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10266 width: 160px;
10267 }
10268 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10269 width: 100% !important;
10270 }
10271 .vbo-receipt-company-block {
10272 text-align: center;
10273 }
10274 .vbo-receipt-company-info::first-line {
10275 font-weight: bold;
10276 }
10277 .vbo-resmodcanc-block select {
10278 max-width: 225px;
10279 }
10280 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10281 margin: 0;
10282 }
10283 .vbo-resmodcanc-lim label {
10284 display: inline-block;
10285 }
10286 .vbo-ratesoverview-orphans-wrapper {
10287 padding: 15px;
10288 margin: 2px 10px 0;
10289 border-radius: 6px;
10290 background: var(--vbo-basic-btn);
10291 border: 1px solid var(--vbo-red-color);
10292 }
10293 .vbo-ratesoverview-orphans-lbl {
10294 font-weight: bold;
10295 font-size: 16px;
10296 margin-bottom: 10px;
10297 }
10298 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10299 color: var(--vbo-red-color);
10300 }
10301 .vbo-ratesoverview-orphans-list {
10302 max-height: 179px;
10303 overflow: hidden;
10304 overflow-y: scroll;
10305 }
10306 .vbo-ratesoverview-orphans-list > div {
10307 margin: 3px 0;
10308 }
10309 /* Signature Pad - Start */
10310 .vbo-signature-container {
10311 display: -webkit-box;
10312 display: -ms-flexbox;
10313 display: flex;
10314 -webkit-box-pack: center;
10315 -ms-flex-pack: center;
10316 justify-content: center;
10317 -webkit-box-align: center;
10318 -ms-flex-align: center;
10319 align-items: center;
10320 height: 70vh;
10321 width: 100%;
10322 -webkit-user-select: none;
10323 -moz-user-select: none;
10324 -ms-user-select: none;
10325 user-select: none;
10326 margin: 0;
10327 padding: 0;
10328 font-family: Helvetica, Sans-Serif;
10329 }
10330 .vbo-signature-pad {
10331 position: relative;
10332 display: -webkit-box;
10333 display: -ms-flexbox;
10334 display: flex;
10335 -webkit-box-orient: vertical;
10336 -webkit-box-direction: normal;
10337 -ms-flex-direction: column;
10338 flex-direction: column;
10339 font-size: 10px;
10340 width: 100%;
10341 height: 100%;
10342 max-width: 700px;
10343 max-height: 460px;
10344 border: 1px solid var(--vbo-config-border-color);
10345 background-color: var(--vbo-config-bg-color);
10346 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10347 border-radius: 4px;
10348 padding: 16px;
10349 }
10350 .vbo-signature-pad::before, .vbo-signature-pad::after {
10351 position: absolute;
10352 z-index: -1;
10353 content: "";
10354 width: 40%;
10355 height: 10px;
10356 bottom: 10px;
10357 background: transparent;
10358 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10359 }
10360 .vbo-signature-pad::before {
10361 left: 20px;
10362 -webkit-transform: skew(-3deg) rotate(-3deg);
10363 transform: skew(-3deg) rotate(-3deg);
10364 }
10365 .vbo-signature-pad::after {
10366 right: 20px;
10367 -webkit-transform: skew(3deg) rotate(3deg);
10368 transform: skew(3deg) rotate(3deg);
10369 }
10370 .vbo-signature-pad-head {
10371 margin-bottom: 8px;
10372 text-align: center;
10373 display: flex;
10374 flex-wrap: wrap;
10375 }
10376 .vbo-signature-pad-head .pull-right {
10377 margin-left: auto;
10378 }
10379 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10380 flex-basis: 100%;
10381 margin-top: 5px;
10382 }
10383 .vbo-signature-pad-head-terms {
10384 display: inline-block;
10385 padding: 0 10px;
10386 }
10387 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10388 text-decoration: none;
10389 }
10390 .vbo-signature-pad-body {
10391 position: relative;
10392 -webkit-box-flex: 1;
10393 -ms-flex: 1;
10394 flex: 1;
10395 border: 1px solid var(--vbo-config-child-bg-color);
10396 }
10397 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10398 position: absolute;
10399 left: 0;
10400 top: 0;
10401 width: 100%;
10402 height: 100%;
10403 border-radius: 4px;
10404 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10405 }
10406 .vbo-signature-pad-footer {
10407 text-align: center;
10408 margin-top: 8px;
10409 }
10410 .vbo-signature-signabove {
10411 color: var(--vbo-body-text-color);
10412 font-size: 1.2em;
10413 }
10414 .vbo-signature-cmds {
10415 display: -webkit-box;
10416 display: -ms-flexbox;
10417 display: flex;
10418 -webkit-box-pack: justify;
10419 -ms-flex-pack: justify;
10420 justify-content: space-between;
10421 margin-top: 8px;
10422 }
10423 .vbo-signature-cmd {
10424 display: inline-block;
10425 margin-right: 5px;
10426 }
10427 .vbo-signature-cmds > div:last-child {
10428 margin-right: 0;
10429 }
10430 .vbo-current-signature-p {
10431 display: block;
10432 text-align: center;
10433 font-weight: bold;
10434 font-size: 14px;
10435 }
10436 .vbo-signature-currentimg img {
10437 max-width: 100%;
10438 }
10439 /* Signature Pad - End */
10440 /* Booking Checkin - End */
10441 /* Booking Details Tabs - Start */
10442 .vbo-bookingdet-tabs {
10443 float: left;
10444 }
10445 .vbo-bookingdet-tab {
10446 display: inline-block;
10447 cursor: pointer;
10448 padding: 16px;
10449 margin: 0;
10450 font-size: 1.2em;
10451 text-transform: uppercase;
10452 font-weight: bold;
10453 }
10454 .vbo-bookingdet-tab-active {
10455 border-bottom: 3px solid var(--vbo-base-color);
10456 color: var(--vbo-base-color);
10457 }
10458 .vbo-bookingdet-commands {
10459 float: right;
10460 }
10461 .vbo-bookingdet-command {
10462 display: inline-block;
10463 margin: 3px;
10464 }
10465 .vbo-bookingdet-command .btn.vbo-config-btn {
10466 padding: 10px 14px;
10467 background-color: var(--vbo-light-color-btn);
10468 color: var(--vbo-base-color);
10469 border: 1px solid var(--vbo-config-border-color);
10470 }
10471 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
10472 background: var(--vbo-base-color-hover);
10473 border: 1px solid var(--vbo-base-color-hover);
10474 color: #fff;
10475 }
10476 .vbo-bookingdet-command .btn.vbo-config-btn:active {
10477 background: var(--vbo-base-color-hover);
10478 border: 1px solid var(--vbo-base-color-hover);
10479 }
10480 .vbo-bookingdet-command i {
10481 margin-right: 5px;
10482 }
10483 .vbo-bookingdet-tab-cont {
10484 display: block;
10485 background: var(--vbo-basic-btn);
10486 padding-top: 15px;
10487 }
10488 img.vbo-channelimg-medium {
10489 max-height: 20px;
10490 }
10491 /* Booking Details Tabs - End */
10492 /* VikUpdater - Start */
10493 .vik-box-error {
10494 padding: 10px;
10495 border: 2px dashed var(--vbo-red-color);
10496 color: var(--vbo-red-color);
10497 font-weight: bolder;
10498 }
10499 .vik-box-error hr {
10500 border-top-color: var(--vbo-red-color);
10501 }
10502 .vik-update-changelog {
10503 padding: 10px;
10504 border: 2px dashed var(--vbo-middle-color-btn);
10505 }
10506 .vik-update-changelog h2 {
10507 margin-bottom: 25px;
10508 }
10509 .vik-update-changelog ul li strong {
10510 display: inline-block;
10511 width: 220px;
10512 }
10513 .vik-update-changelog div.box-separator {
10514 border-top: 1px solid var(--vbo-config-border-color);
10515 margin: 20px 0;
10516 }
10517 .vik-update-changelog > *:first-child,
10518 .vik-box-error > *:first-child {
10519 margin-top: 0;
10520 }
10521 .vik-update-changelog > *:last-child,
10522 .vik-box-error > *:last-child {
10523 margin-bottom: 0;
10524 }
10525 /* VikUpdater - End */
10526 .vbo-colortag-square {
10527 background-color: var(--vbo-config-bg-color);
10528 border: 1px solid var(--vbo-config-title-color);
10529 border-radius: 4px;
10530 cursor: pointer;
10531 display: inline-block;
10532 height: 30px;
10533 margin-right: 10px;
10534 width: 30px;
10535 text-align: center;
10536 vertical-align: top;
10537 line-height: 30px;
10538 }
10539 .vbo-colortag-circle {
10540 border-radius: 50%;
10541 cursor: pointer;
10542 display: inline-block;
10543 height: 14px;
10544 margin: 1px;
10545 padding: 0;
10546 vertical-align: middle;
10547 width: 14px;
10548 }
10549 .vbo-allbsearchcust-loading-inp {
10550 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
10551 }
10552 .vbo-allbsearchcust-res {
10553 top: 36px;
10554 position: absolute;
10555 z-index: 2;
10556 width: 100%;
10557 }
10558 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
10559 list-style: none;
10560 text-align: left;
10561 padding: 0;
10562 margin: 0 0 0 -1px;
10563 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
10564 background-color: var(--vbo-config-bg-color);
10565 border: 1px solid var(--vbo-config-border-color);
10566 white-space: nowrap;
10567 max-height: 200px;
10568 width: 100%;
10569 overflow-y: scroll;
10570 }
10571 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
10572 font-size: 13px;
10573 }
10574 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
10575 list-style: none;
10576 text-align: left;
10577 white-space: nowrap;
10578 }
10579 .vbo-allbookings-fm .btn-group select {
10580 max-width: 150px;
10581 margin-bottom: 0;
10582 border-radius: 2px;
10583 border: 1px solid var(--vbo-config-border-color);
10584 padding: 8px 10px;
10585 height: inherit;
10586 }
10587 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
10588 min-width: 80%;
10589 }
10590 /* Config: Do not edit this */
10591 /* FontAwesome fixes - Start */
10592 i.fa-sort-desc {
10593 vertical-align: top;
10594 }
10595 /* FontAwesome fixes - End */
10596 /* Select2 fixes - Start */
10597 .select2-search--dropdown .select2-search__field {
10598 width: 100% !important;
10599 }
10600 input[type="search"].select2-search__field {
10601 height: auto !important;
10602 margin-bottom: 2px !important;
10603 }
10604 .select2-container.select2-container--default.select2-container--open {
10605 z-index: 9999999999 !important;
10606 }
10607 /* Select2 fixes - End */
10608 .vikpaymentparam {
10609 display: block;
10610 padding: 2px;
10611 }
10612 .vikpaymentparamlabel {
10613 display: inline-block;
10614 min-width: 150px;
10615 }
10616 .vikpaymentparamlbl-textarea {
10617 display: block;
10618 }
10619 .vikpaymentparaminput {
10620 display: inline-block !important;
10621 }
10622 .vikpaymentparaminput.vikpaymentparaminput-tarea {
10623 width: 100%;
10624 }
10625 .vikpaymentparamlabelhelp {
10626 font-size: smaller;
10627 font-style: italic;
10628 padding-left: 5px;
10629 }
10630 .vbo-config-param-cell {
10631 background: none repeat scroll 0 0 var(--vbo-light-color-btn);;
10632 border-right: 1px solid var(--vbo-config-border-color);
10633 vertical-align: middle !important;
10634 }
10635 .vbo-config-param-cell.vbo-config-param-cell-warn {
10636 color: var(--vbo-red-color) !important;
10637 }
10638 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
10639 float: right;
10640 }
10641 .vbo-smstpl-bgroup {
10642 white-space: inherit !important;
10643 }
10644 .vbo-smstpl-bgroup button {
10645 margin: 2px 0;
10646 }
10647 .vbo-smstpl-bgroup button:first-child {
10648 margin-left:-1px !important;
10649 border-radius:0 !important;
10650 }
10651 .vbo-smstpl-control textarea {
10652 margin-top:5px;
10653 }
10654 .vbo-custmail-bgroup .btn-small {
10655 padding: 2px 5px !important;
10656 margin: 1px 4px;
10657 }
10658 .vbo-spblock-inline {
10659 display: inline-block;
10660 margin-right: 8px;
10661 }
10662 .vbo-spblock-inline input {
10663 display: inline-block;
10664 }
10665 .vbo-spblock-inline label {
10666 display: inline;
10667 vertical-align: middle;
10668 }
10669 #vbo-sms-balance {
10670 margin: 8px 0;
10671 padding: 5px;
10672 }
10673 .fieldset-left {
10674 float: left;
10675 margin-right: 20px;
10676 }
10677 .fieldset-half {
10678 float: left;
10679 width: 48%;
10680 }
10681 ul.dropdown-menu {
10682 z-index: 9999;
10683 }
10684 span.badge a {
10685 color: #fff;
10686 }
10687 span.badge a:hover {
10688 color: #fff;
10689 text-decoration: none;
10690 }
10691 i.icn-bigger {
10692 font-size: larger;
10693 }
10694 i.icn-nomargin {
10695 margin: 0 !important;
10696 }
10697 i.icn-float-left {
10698 float: left;
10699 }
10700 i.icn-float-right {
10701 float: right;
10702 }
10703 i.icn-clickable {
10704 cursor: pointer;
10705 }
10706 i.vbo-quest-popover {
10707 color: var(--vbo-config-title-color);
10708 }
10709 i.vbo-quest-popover:hover {
10710 color: var(--vbo-blue-color);
10711 }
10712 .popover {
10713 z-index: 9999999999 !important;
10714 }
10715 i.vbo-icn-img {
10716 font-size: 20px;
10717 }
10718 /* Joomla 3.x */
10719 .vbo-config-tabs-wrap div.current {
10720 background: var(--vbo-main-bg-color);
10721 clear: both;
10722 padding: 10px;
10723 }
10724 .vbo-config-tabs-wrap div.current dd.tabs {
10725 margin-left: 0;
10726 }
10727 .vbo-config-tabs-wrap dl.tabs {
10728 float: left;
10729 margin: 10px 0 -1px -3px;
10730 z-index: 50;
10731 }
10732 .vbo-config-tabs-wrap dl.tabs dt.open {
10733 color: #000000;
10734 z-index: 1;
10735 }
10736 .vbo-config-tabs-wrap dl.tabs dt {
10737 color: #666666;
10738 float: left;
10739 margin-left: 3px;
10740 padding: 4px 10px;
10741 }
10742 .vbo-config-tabs-wrap dt.tabs span h3 {
10743 font-size: 13px;
10744 margin: 0;
10745 display: inline-block;
10746 padding: 4px 8px;
10747 }
10748 .vbo-config-tabs-wrap dt.tabs:hover h3 {
10749 background: var(--vbo-toolbar-bg-color);
10750 border-radius: 4px;
10751 }
10752 #ui-datepicker-div select {
10753 line-height: 1em;
10754 padding: 5px 14px 5px 8px !important;
10755 min-height: 20px;
10756 height: auto !important;
10757 }
10758 .vbo-link-add {
10759 font-size: 13px;
10760 border-radius: 3px;
10761 }
10762 .vbo-link-add i {
10763 margin-right: 5px;
10764 display: inline-block;
10765 }
10766 .btn.vbo-config-btn, .vbo-link-add {
10767 background-color: var(--vbo-base-color);
10768 border: 1px solid var(--vbo-base-color);
10769 color: #fff;
10770 padding: 10px 14px;
10771 display: inline-block;
10772 }
10773 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
10774 background-color: var(--vbo-base-color-hover) !important;
10775 border: 1px solid var(--vbo-base-color-hover) !important;
10776 color: #fff;
10777 }
10778 .btn.vbo-config-btn:active, .vbo-link-add:active {
10779 background-color: var(--vbo-link-text-color) !important;
10780 color: #fff;
10781 }
10782 .vbo-config-btn.vbo-config-btn-rounded {
10783 border-radius: 50%;
10784 width: 25px;
10785 height: 25px;
10786 text-align: center;
10787 }
10788 .vbo-config-btn.vbo-config-btn-rounded i {
10789 margin-right: 0;
10790 }
10791 .vbo-config-btn-rounded.vbo-config-btn-large {
10792 height: 50px;
10793 width: 50px;
10794 font-size: 24px;
10795 }
10796 .vbo-config-tabs-wrap dl.tabs {
10797 margin: 10px 0 0;
10798 width: 100%;
10799 border-bottom: 1px solid var(--vbo-config-border-color);
10800 }
10801 .vbo-config-tabs-wrap dl.tabs dt h3 i {
10802 margin-right: 5px;
10803 font-size: 15px;
10804 }
10805 .vbo-config-tabs-wrap dl.tabs dt {
10806 padding: 5px;
10807 margin-left: 0;
10808 border: 0;
10809 display: inline-block;
10810 float: none;
10811 }
10812 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
10813 color: var(--vbo-config-title-color);
10814 }
10815 .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 {
10816 color: var(--vbo-base-color);
10817 }
10818 .vbo-config-tabs-wrap dl.tabs dt.open a {
10819 color: #000;
10820 }
10821 .vbo-config-tabs-wrap dl.tabs dt.open {
10822 border-bottom: 2px solid var(--vbo-base-color);
10823 }
10824 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
10825 color: var(--vbo-config-title-color);
10826 }
10827 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
10828 border-bottom: 2px solid var(--vbo-base-color);
10829 }
10830 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
10831 color: inherit;
10832 }
10833 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
10834 background: transparent;
10835 border-bottom: 0;
10836 float: right;
10837 }
10838 .vbo-config-body {
10839 margin-top: -20px;
10840 }
10841
10842 .vbo-admin-container {
10843 background: var(--vbo-main-bg-color);
10844 clear: both;
10845 padding: 10px;
10846 display: flex;
10847 flex-wrap: wrap;
10848 }
10849 .vbo-admin-container > div {
10850 flex-basis: calc(50% - 10px);
10851 }
10852 .vbo-admin-container.vbo-params-container-wide > div {
10853 flex-basis: 100%;
10854 }
10855 .vbo-admin-container .adminform {
10856 width: auto;
10857 display: inherit;
10858 background: var(--vbo-config-bg-color);
10859 border-radius: 6px;
10860 margin: 20px 0;
10861 padding: 15px 30px;
10862 box-shadow: 0 0 2px rgba(0,0,0,.1);
10863 }
10864 .vbo-admin-container .vbo-config-maintab-left {
10865 margin-right: 10px;
10866 }
10867 .vbo-admin-container .vbo-config-maintab-right {
10868 margin-left: 10px;
10869 }
10870 /* With this class we create a 100% width settings block */
10871 .vbo-config-tab-container > .adminform {
10872 width: 100%;
10873 }
10874 .vbo-config-tab-container .adminform {
10875 margin-top: 0;
10876 }
10877 .vbo-config-tab-container {
10878 padding-top: 10px !important;
10879 }
10880 .vbo-admin-container .adminlegend {
10881 border-bottom: 0;
10882 font-size: 22px;
10883 line-height: 1.2em;
10884 font-weight: bold;
10885 color: var(--vbo-config-titles-color-light);
10886 width: 100%;
10887 }
10888 .modal-body .adminlegend {
10889 width: 100%;
10890 }
10891 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
10892 width: auto;
10893 float: inherit;
10894 margin-bottom: 10px;
10895 }
10896 .modal-body-wrapper .vbo-admin-container .adminlegend {
10897 float: none;
10898 }
10899 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
10900 margin-top: 15px;
10901 }
10902 .vbo-btn-icon-right i {
10903 margin-left: 5px;
10904 margin-right: 0;
10905 }
10906 .vbo-btn-icon-left i {
10907 margin-right: 5px;
10908 margin-left: 0;
10909 }
10910 .vbo-admin-container .adminlegend i {
10911 margin-right: 5px;
10912 }
10913 .vbo-admin-container .vbo-param-container {
10914 display: flex;
10915 margin: 25px 0;
10916 }
10917 .vbo-param-container-highlighted {
10918 color: var(--vbo-red-color);
10919 }
10920 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
10921 margin-bottom: 0;
10922 }
10923 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
10924 max-width: 225px;
10925 }
10926 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
10927 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
10928 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
10929 vertical-align: top;
10930 }
10931 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
10932 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
10933 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
10934 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
10935 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
10936 vertical-align: inherit !important;
10937 }
10938 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
10939 padding: 8px 5px;
10940 border-color: var(--vbo-config-border-color);
10941 }
10942 .vbo-admin-container .vbo-param-container.vbo-param-child {
10943 margin-top: -20px;
10944 }
10945 .vbo-admin-container .vbo-param-container.vbo-param-nested {
10946 border-top: 2px solid var(--vbo-basic-btn);
10947 background: var(--vbo-config-child-bg-color);
10948 padding: 10px 15px;
10949 margin: 0;
10950 }
10951 .vbo-admin-container .vbo-param-container .vbo-param-label {
10952 flex-basis: 250px;
10953 font-size: 14px;
10954 margin-right: 20px;
10955 margin-bottom: 5px;
10956 }
10957 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
10958 display: block;
10959 margin-bottom: 5px;
10960 }
10961 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
10962 .vbo-admin-container .vbo-param-container-full {
10963 flex-wrap: wrap;
10964 }
10965 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
10966 flex-basis: 100%;
10967 margin-bottom: 10px;
10968 }
10969 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
10970 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
10971 width: 100%;
10972 }
10973
10974 /* This "-full" class is to enlarge the one column admin structure.
10975 * This needs to be used together with the "vbo-admin-container" class.
10976 */
10977 .vbo-admin-container-full .vbo-params-wrap {
10978 flex-basis: 100%;
10979 }
10980 /* This "-compact" class is to reduce the padding between the settings.
10981 * This needs to be used together with the "vbo-admin-container" class.
10982 */
10983 .vbo-admin-container-compact .vbo-param-container {
10984 margin: 12px 0;
10985 }
10986 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
10987 margin-bottom: 0;
10988 padding-bottom: 0;
10989 }
10990 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
10991 flex-basis: 235px;
10992 }
10993 .vbo-admin-container .vbo-param-container .vbo-param-setting {
10994 flex: 1;
10995 max-width: 100%;
10996 }
10997 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
10998 display: block;
10999 font-size: .9em;
11000 margin-top: 4px;
11001 font-style: italic;
11002 color: var(--vbo-config-title-color);
11003 }
11004 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
11005 font-weight: bold;
11006 color: var(--vbo-red-color);
11007 }
11008 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
11009 margin-left: 5px;
11010 font-style: italic;
11011 color: var(--vbo-config-title-color);
11012 }
11013 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
11014 display: inline-block;
11015 margin-right: 10px;
11016 }
11017 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11018 margin-bottom: 5px;
11019 }
11020 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11021 margin-bottom: 0;
11022 }
11023 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11024 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11025 background: var(--vbo-main-bg-color);
11026 padding: 10px 15px;
11027 border-radius: 2px;
11028 border: 1px solid var(--vbo-config-border-color);
11029 color: var(--vbo-config-title-color);
11030 display: inline-block;
11031 white-space: nowrap;
11032 overflow: hidden;
11033 text-overflow: ellipsis;
11034 max-width: 120px;
11035 margin: 0;
11036 vertical-align: top;
11037 }
11038 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11039 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11040 color: var(--vbo-base-color);
11041 border-color: var(--vbo-base-color);
11042 background-color: var(--vbo-config-bg-color);
11043 }
11044 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11045 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11046 background-color: var(--vbo-config-child-bg-color);
11047 }
11048 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11049 margin-right: 3px;
11050 font-size: 16px;
11051 }
11052 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11053 margin: 2px 0;
11054 height: 40px;
11055 }
11056 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11057 vertical-align: top;
11058 }
11059 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11060 vertical-align: top;
11061 }
11062 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11063 margin-bottom: 0;
11064 }
11065 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11066 margin-top: 0;
11067 }
11068 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11069 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11070 border-left: 1px solid var(--vbo-main-bg-color);
11071 padding-left: 10px;
11072 margin-left: 10px;
11073 }
11074 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11075 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11076 margin: 0 10px 3px 0;
11077 display: inline-block;
11078 }
11079 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11080 margin-top: 0;
11081 }
11082 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11083 margin-left: 0;
11084 }
11085 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,
11086 .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"] {
11087 border: 1px solid var(--vbo-config-border-color);
11088 border-radius: 2px;
11089 padding: 8px 10px;
11090 margin-bottom: 0;
11091 box-sizing: border-box;
11092 height: auto;
11093 }
11094 input[type="number"].vbo-small-input {
11095 width: 70px !important;
11096 vertical-align: inherit;
11097 }
11098 input[type="number"].vbo-medium-input {
11099 width: 100px !important;
11100 vertical-align: inherit;
11101 }
11102 .vbo-booking-special-requests {
11103 border: 1px solid var(--vbo-blue-color);
11104 padding: 10px;
11105 border-radius: 15px;
11106 border-top-left-radius: 0;
11107 background: var(--vbo-config-child-bg-color);
11108 margin: 0 5px;
11109 }
11110 .vbo-booking-admin-notes {
11111 background: var(--vbo-config-child-bg-color);
11112 padding: 10px;
11113 margin: 0;
11114 font-style: italic;
11115 }
11116 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11117 .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 {
11118 background: var(--vbo-input-style-deactive);
11119 }
11120 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11121 width: 100px !important;
11122 }
11123 input[type="number"].vbo-large-input-number {
11124 width: 180px !important;
11125 }
11126 .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 {
11127 margin-bottom: 0;
11128 border-radius: 2px;
11129 border: 1px solid var(--vbo-config-border-color);
11130 padding: 8px 10px;
11131 height: inherit;
11132 }
11133 .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 {
11134 padding: 8px 10px;
11135 border-radius: 0 2px 2px 0;
11136 border: 1px solid var(--vbo-config-border-color);
11137 }
11138 .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,
11139 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11140 margin-right: 0;
11141 }
11142 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11143 background: var(--vbo-base-color);
11144 border: 1px solid var(--vbo-base-color);
11145 color: #fff;
11146 padding: 10px 14px;
11147 }
11148 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11149 color: #fff;
11150 }
11151 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11152 background: var(--vbo-base-color-hover) !important;
11153 }
11154 .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 {
11155 background: var(--vbo-link-text-color) !important;
11156 }
11157 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11158 margin-right: 5px;
11159 display: inline-block;
11160 }
11161 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11162 margin-top: 5px;
11163 }
11164 .vbo-admin-container .vbo-param-container .btn-danger {
11165 padding: 10px 14px;
11166 font-size: 12px;
11167 line-height: 15px;
11168 border-radius: 3px;
11169 }
11170 select.vbo-select-small {
11171 padding: 0px 24px 0px 8px !important;
11172 min-height: 25px;
11173 font-size: 12px;
11174 height: 25px !important;
11175 }
11176 .vbo-btn-toolbar .btn i {
11177 margin-right: 5px;
11178 }
11179 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11180 margin-right: 0;
11181 }
11182 .iti.iti--allow-dropdown {
11183 background: var(--vbo-input-style);
11184 border: 1px solid var(--vbo-config-border-color);
11185 display: flex;
11186 z-index: 0;
11187 }
11188 .iti.iti--allow-dropdown .iti__flag-container {
11189 position: relative;
11190 }
11191 .iti.iti--allow-dropdown .iti__selected-flag {
11192 border-right: 1px solid var(--vbo-config-border-color);
11193 }
11194 .iti.iti--allow-dropdown input[type="tel"] {
11195 border: 0;
11196 border-radius: 2px;
11197 padding: 5px 10px;
11198 margin-bottom: 0;
11199 height: auto;
11200 flex: 1;
11201 }
11202 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11203 background: var(--vbo-config-child-bg-color);
11204 }
11205 .vbo-uploaded-files i.fa-file {
11206 font-size: 68px !important;
11207 }
11208 .vbo-uploaded-files .file-elem a .file-extension {
11209 font-size: 14px !important;
11210 }
11211 .vbo-uploaded-files .file-elem {
11212 width: calc(100% / 7) !important;
11213 }
11214 .vbo-bookingdet-btncont .vbo-config-btn {
11215 margin-top: 5px;
11216 }
11217 .vbo-bookingdet-btncont .vbo-config-btn i {
11218 margin-right: 8px;
11219 }
11220 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11221 display: inline-block;
11222 margin-left: 10px;
11223 border: 1px solid var(--vbo-config-border-color);
11224 padding: 8px 9px;
11225 margin-top: 0px;
11226 border-radius: 2px;
11227 background: var(--vbo-config-child-bg-color);
11228 vertical-align: top;
11229 }
11230 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11231 background: var(--vbo-config-bg-color);
11232 }
11233 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11234 margin-bottom: 0;
11235 height: auto;
11236 }
11237 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11238 margin-bottom: 0;
11239 }
11240 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11241 border: 0 !important;
11242 background: transparent;
11243 }
11244 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11245 padding: 0;
11246 }
11247 .vbo-param-container .vbo-param-setting .select2-container--default {
11248 width: 70% !important;
11249 }
11250 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11251 width: 100%;
11252 }
11253 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11254 width: 100% !important;
11255 background: var(--vbo-config-bg-color);
11256 }
11257 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
11258 background-color: #b6d8ee;
11259 border: 1px solid #b8d1e1;
11260 border-radius: 30px;
11261 padding: 5px 10px;
11262 color: #2d5593;
11263 font-weight: bold;
11264 }
11265 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11266 display: inline-block;
11267 margin-left: 3px;
11268 margin-right: 0;
11269 width: 18px;
11270 height: 18px;
11271 line-height: 15px;
11272 font-size: 16px;
11273 text-align: center;
11274 border-radius: 50%;
11275 color: #1f90d9;
11276 float: right;
11277 }
11278 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11279 background: #1f90d9;
11280 color: #fff;
11281 }
11282 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11283 margin-left: 5px;
11284 }
11285 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11286 height: 36px;
11287 border: 1px solid #ddd;
11288 border-radius: 2px;
11289 }
11290 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11291 font-weight: normal;
11292 font-size: 14px;
11293 }
11294 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11295 height: 36px;
11296 }
11297 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11298 line-height: 35px;
11299 }
11300 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11301 border: 0;
11302 }
11303 .vbo-preferred-countries-sortlist {
11304 margin-left: 0;
11305 max-width: 380px;
11306 }
11307 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11308 list-style-type: none;
11309 margin: 0;
11310 padding: 10px 15px;
11311 display: block;
11312 border: 1px solid var(--vbo-basic-btn);
11313 background: var(--vbo-config-child-bg-color);
11314 margin: 5px 3px;
11315 cursor: grab;
11316 }
11317 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11318 color: var(--vbo-config-titles-color-light);
11319 float: right;
11320 margin-top: 4px;
11321 }
11322 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11323 background: var(--vbo-config-bg-color);
11324 color: var(--vbo-base-color);
11325 border-color: var(--vbo-base-color);
11326 }
11327 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11328 color: var(--vbo-base-color);
11329 }
11330 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11331 margin-top: 4px;
11332 }
11333 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11334 cursor: pointer;
11335 }
11336 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11337 color: var(--vbo-base-color);
11338 }
11339 input[type="text"],
11340 input[type="password"],
11341 input[type="date"],
11342 input[type="email"],
11343 input[type="url"],
11344 input[type="search"],
11345 input[type="tel"],
11346 select {
11347 width: auto !important;
11348 }
11349 .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 {
11350 width: 70% !important;
11351 }
11352 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11353 width: 100%;
11354 }
11355 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11356 width: 200px !important;
11357 }
11358 .vbo-param-container input[type="number"].vbo-input-number-small {
11359 width: 80px !important;
11360 }
11361 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11362 width: auto !important;
11363 }
11364 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11365 color: var(--vbo-base-color-hover);
11366 }
11367 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11368 color: var(--vbo-link-text-color);
11369 }
11370 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11371 width: calc(70% - 2px);
11372 }
11373 .vbo-payment-params-container .vbo-param-setting img {
11374 max-width: 300px;
11375 }
11376
11377 input[type="number"] {
11378 width: 100px !important;
11379 }
11380 table.adminform label {
11381 display: inline;
11382 margin:0 0 0 5px;
11383 }
11384 table.adminform td {
11385 padding: 6px 0;
11386 }
11387 table.adminform div.input-append {
11388 display: inline;
11389 }
11390 .icon-vikbooking:before {
11391 font-family: "Font Awesome 5 Free", FontAwesome !important;
11392 font-weight: 900;
11393 content: "\f236";
11394 background: none !important;
11395 }
11396 .icon-vikbookingconfig:before {
11397 font-family: "Font Awesome 5 Free", FontAwesome !important;
11398 font-weight: 900;
11399 content: "\f236";
11400 background: none !important;
11401 }
11402 .icon-vikbookingstats:before {
11403 font-family: "Font Awesome 5 Free", FontAwesome !important;
11404 font-weight: 900;
11405 content: "\f236";
11406 background: none !important;
11407 }
11408 /* Joomla 3.7.0 - Start */
11409 .field-calendar, .vbo-field-calendar {
11410 display: inline-block;
11411 vertical-align: top;
11412 }
11413 .field-calendar .input-append, .vbo-field-calendar .input-append {
11414 display: flex;
11415 }
11416 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
11417 padding: 8px 10px;
11418 border-radius: 0 2px 2px 0;
11419 border: 1px solid var(--vbo-config-border-color);
11420 }
11421 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
11422 font-size: 14px;
11423 margin-right: 0;
11424 }
11425 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
11426 margin-right: 0;
11427 }
11428 .btn-group .calendar-head-row {
11429 font-size: 13px;
11430 }
11431 /* Joomla 3.7.0 - End */
11432
11433 /* Reports - Start */
11434 .vbo-reports-container {
11435 background: var(--vbo-basic-btn);
11436 padding: 0 0 10px;
11437 }
11438 .vbo-reports-filters-outer {
11439 margin-top: 0;
11440 height: auto;
11441 background: var(--vbo-basic-btn-hover);
11442 padding: 10px;
11443 box-sizing: border-box;
11444 }
11445 .vbo-reports-filters-outer > div {
11446 display: inline-block;
11447 margin: 2px 0;
11448 }
11449 .vbo-reports-filters-export {
11450 float: right;
11451 }
11452 .vbo-reports-filters-report {
11453 margin: 0 20px;
11454 }
11455 .vbo-report-filter-lbl {
11456 margin-bottom: 2px;
11457 }
11458 .vbo-reports-filters-report .vbo-report-filter-wrap {
11459 display: inline-block;
11460 }
11461 .vbo-report-filter-val input, .vbo-report-filter-val select {
11462 margin: 0 !important;
11463 }
11464 .vbo-reports-output {
11465 margin: 10px;
11466 }
11467 .vbo-report-layout-type {
11468 text-align: right;
11469 display: inline-block;
11470 width: 100%;
11471 }
11472 .vbo-report-layout-type .vbo-report-layout-type-inner {
11473 background: var(--vbo-config-bg-color);
11474 margin-left: 10px;
11475 border: 1px solid var(--vbo-config-border-color);
11476 display: flex;
11477 width: 170px;
11478 float: right;
11479 margin-right: 10px;
11480 }
11481 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
11482 display: inline-block;
11483 }
11484 .vbo-report-layout-type .vbo-report-layout-type-inner label {
11485 border-right: 1px solid var(--vbo-config-border-color);
11486 margin-bottom: 0;
11487 padding: 9px 7px;
11488 flex-basis: 25px;
11489 text-align: center;
11490 font-size: 16px;
11491 }
11492 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
11493 color: var(--vbo-config-titles-color-light);
11494 }
11495 .vbo-report-layout-type .vbo-report-layout-type-inner select {
11496 margin-bottom: 0;
11497 border-radius: 2px;
11498 border: 0;
11499 padding: 8px 10px;
11500 height: inherit;
11501 flex: 1;
11502 }
11503 .vbo-report-chart-wrap > h4 {
11504 margin-top: 30px;
11505 font-size: 18px;
11506 margin-bottom: 10px;
11507 border-bottom: 1px solid var(--vbo-config-border-color);
11508 padding-bottom: 10px;
11509 margin-left: 10px;
11510 }
11511 .vbo-report-chart-inner {
11512 display: flex;
11513 flex-wrap: wrap;
11514 margin-bottom: 40px;
11515 }
11516 .vbo-report-chart-main {
11517 flex: 1;
11518 }
11519 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
11520 background: var(--vbo-config-bg-color);
11521 border: 1px solid var(--vbo-config-bg-color);
11522 padding: 20px;
11523 border-radius: 16px;
11524 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11525 margin-bottom: 15px;
11526 position: relative;
11527 height: 70%;
11528 }
11529 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
11530 font-weight: bold;
11531 color: var(--vbo-config-titles-color-light);
11532 margin-bottom: 10px;
11533 }
11534 .vbo-report-chart-metas .vbo-report-chart-meta-val {
11535 font-size: 26px;
11536 font-weight: bold;
11537 }
11538 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
11539 display: inline-block;
11540 margin: 4px 0 6px;
11541 white-space: nowrap;
11542 }
11543 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
11544 font-size: 13px;
11545 display: inline-block;
11546 vertical-align: middle;
11547 color: var(--vbo-config-titles-color-light);
11548 }
11549 .vbo-report-chart-main .vbo-report-chart-metas {
11550 display: flex;
11551 flex-wrap: wrap;
11552 }
11553 .vbo-report-chart-main .vbo-report-chart-meta {
11554 flex-basis: 25%;
11555 }
11556 .vbo-report-chart-main .vbo-report-chart-meta-inner {
11557 margin: 0 5px;
11558 }
11559 .vbo-report-chart-main .vbo-report-chart-content {
11560 background: var(--vbo-config-bg-color);
11561 padding: 30px;
11562 border-radius: 16px;
11563 margin: 20px 5px;
11564 box-shadow: 0 3px 10px rgba(0,0,0,.05);
11565 }
11566 .vbo-report-chart-right {
11567 flex-basis: 20%;
11568 margin-left: 15px;
11569 }
11570 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
11571 height: 30px;
11572 width: 4px;
11573 background: #ddd;
11574 content: "";
11575 position: absolute;
11576 left: -3px;
11577 top: 17px;
11578 }
11579 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
11580 background: var(--vbo-green-color);
11581 }
11582 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
11583 background: var(--vbo-red-color);
11584 }
11585 .chart-line-legend {
11586 margin-left: 0;
11587 text-align: center;
11588 }
11589 .chart-line-legend li {
11590 display: inline-block;
11591 list-style-type: none;
11592 border: 1px solid var(--vbo-config-border-color);
11593 border-radius: 20px;
11594 padding: 8px 15px 5px;
11595 margin: 5px;
11596 }
11597 .chart-line-legend li span {
11598 display: inline-block;
11599 vertical-align: top;
11600 }
11601 .chart-line-legend li .legend-entry {
11602 width: 15px;
11603 height: 15px;
11604 margin-right: 8px;
11605 border-radius: 4px;
11606 display: inline-block;
11607 }
11608 .chart-line-legend li .legend-label {
11609 margin-top: -2px;
11610 font-weight: bold;
11611 font-size: 12px;
11612 }
11613 .chart-line-legend {
11614 margin-top: 10px;
11615 }
11616 .vbo-report-sheetnchart {
11617 display: flex;
11618 }
11619 .vbo-report-sheetnchart .vbo-report-sheet {
11620 flex-basis: 60%;
11621 margin-right: 10px;
11622 }
11623 .vbo-report-sheetnchart .vbo-report-chart-wrap {
11624 flex: 1;
11625 }
11626 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
11627 display: flex;
11628 flex-wrap: wrap;
11629 }
11630 .vbo-report-sheetnchart .vbo-report-chart-right {
11631 flex-basis: 100%;
11632 margin: 0;
11633 }
11634 .vbo-report-chart-metas-bottom {
11635 margin-bottom: 20px;
11636 }
11637 .vbo-report-sheetnchart .vbo-report-chart-meta {
11638 flex-basis: 33%;
11639 }
11640 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
11641 margin: 0 5px;
11642 }
11643 .vbo-reports-output .table-responsive {
11644 border-radius: 8px;
11645 box-shadow: 0 0px 20px rgba(0,0,0,.1);
11646 margin: 0 5px 18px;
11647 background: var(--vbo-config-bg-color);
11648 }
11649 .vbo-reports-output table {
11650 margin-bottom: 0;
11651 }
11652 .vbo-reports-output table thead {
11653 background: var(--vbo-config-child-bg-color);
11654 text-transform: uppercase;
11655 font-weight: bold;
11656 }
11657 .vbo-reports-output table thead th {
11658 padding: 15px 15px;
11659 color: var(--vbo-config-title-color);
11660 font-size: 12px;
11661 white-space: nowrap;
11662 }
11663 .vbo-reports-output table thead th a {
11664 color: var(--vbo-config-title-color);
11665 }
11666 .vbo-reports-output table thead th i {
11667 margin-left: 3px;
11668 font-size: .9em;
11669 }
11670 .vbo-reports-output table tbody td:first-child {
11671 width: 150px;
11672 }
11673 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
11674 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
11675 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
11676 display: none;
11677 }
11678 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
11679 padding: 15px 15px;
11680 }
11681 .vbo-reports-output table tbody tr:nth-child(2n) {
11682 background: var(--vbo-config-child-bg-color);
11683 }
11684 .vbo-reports-output table tbody tr td:first-child span {
11685 font-weight: bold;
11686 }
11687 .vbo-reports-output table tfoot {
11688 background: var(--vbo-config-child-bg-color);
11689 }
11690 .vbo-reports-output table tfoot td h3 {
11691 margin: 12px 0;
11692 font-size: 14px;
11693 }
11694 .vbo-reports-output table tfoot tr:last-child td {
11695 vertical-align: middle;
11696 }
11697 .vbo-reports-output table tfoot tr td:not(:first-child) span {
11698 font-weight: bold;
11699 font-size: 14px;
11700 white-space: nowrap;
11701 }
11702 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
11703 display: inline-block;
11704 margin-right: 15px;
11705 }
11706 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
11707 margin: 0;
11708 }
11709 .vbo-info-overlay-content.vbo-info-overlay-report {
11710 text-align: center;
11711 }
11712 .vbo-info-overlay-content.vbo-info-overlay-report > div {
11713 margin: 0 10px;
11714 display: inline-block;
11715 }
11716 .vbo-report-load-comune span,
11717 .vbo-report-load-provincia span,
11718 .vbo-report-load-nazione span,
11719 .vbo-report-load-cittadinanza span,
11720 .vbo-report-load-doctype span,
11721 .vbo-report-load-docnum span,
11722 .vbo-report-load-docissue span,
11723 .vbo-report-load-docplace span,
11724 .vbo-report-load-sesso span,
11725 .vbo-report-load-dbirth span,
11726 .vbo-report-load-field span {
11727 display: inline-block;
11728 border: 1px solid var(--vbo-red-color);
11729 cursor: pointer;
11730 color: var(--vbo-red-color);
11731 padding: 0px 7px;
11732 }
11733 .vbo-report-load-elem-filled span {
11734 border: 0;
11735 padding: 0;
11736 color: var(--vbo-blue-color-hover);
11737 }
11738 #ui-datepicker-div {
11739 z-index: 2147483647 !important;
11740 border: 1px solid var(--vbo-config-border-color);
11741 border-radius: 4px;
11742 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
11743 }
11744 /* Reports - End */
11745
11746 /* Trackings - Start */
11747 .btn-toolbar.vbo-trackings-filters {
11748 margin-bottom: 20px;
11749 margin-top: 0 !important;
11750 height: auto !important;
11751 background: var(--vbo-toolbar-bg-color);
11752 padding: 10px;
11753 box-sizing: border-box;
11754 }
11755 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
11756 margin-right: 3px;
11757 }
11758 .vbo-trackings-table {
11759 background: var(--vbo-config-child-bg-color);
11760 }
11761 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
11762 background: var(--vbo-config-child-bg-color) !important;
11763 }
11764 .vbo-trackings-table-head {
11765 border-top: 1px solid var(--vbo-config-border-color);
11766 padding: 12px 15px 0;
11767 font-weight: bold;
11768 }
11769 .vbo-trackings-table-head-inner {
11770 display: flex;
11771 padding: 0 15px;
11772 }
11773 .vbo-trackings-table-head-inner > div i {
11774 margin-left: 5px;
11775 }
11776 .vbo-trackings-table-head-inner > div * {
11777 text-transform: uppercase;
11778 color: var(--vbo-config-titles-color-light);
11779 }
11780 .vbo-trackings-table-head-cell {
11781 flex: 1;
11782 padding: 0 5px;
11783 }
11784 .vbo-trackings-table-cell-ckb input {
11785 margin-top: 0;
11786 }
11787 .vbo-trackings-table-body {
11788 padding: 15px 15px 30px;
11789 }
11790 .vbo-trackings-table-body-row {
11791 display: flex;
11792 flex-wrap: wrap;
11793 background: var(--vbo-config-bg-color);
11794 padding: 15px;
11795 border-radius: 4px;
11796 margin: 15px 0;
11797 box-shadow: 0 4px 6px rgba(0,0,0,.05);
11798 }
11799 .vbo-trackings-table-body-cell {
11800 flex: 1;
11801 padding: 0 5px;
11802 }
11803 .vbo-trackings-table-cell-chevron {
11804 flex: 0 0 30px;
11805 cursor: pointer;
11806 padding-left: 0;
11807 }
11808 .vbo-trackings-table-cell-ckb {
11809 flex: 0 0 30px;
11810 }
11811 .vbo-trackings-table-cell-id {
11812 flex: 0 0 60px;
11813 }
11814 .vbo-trackings-table-body-subrow {
11815 display: none;
11816 flex: 0 0 100%;
11817 }
11818 .vbo-trackings-table-body-hidden-lbl {
11819 display: none;
11820 }
11821 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
11822 font-weight: bold;
11823 font-size: 1.1em;
11824 }
11825 .vbo-tracking-identifier-container {
11826 margin: 20px 0;
11827 background: var(--vbo-config-child-bg-color);
11828 border-radius: 4px;
11829 }
11830 .vbo-tracking-info-details {
11831 padding: 15px;
11832 display: flex;
11833 flex-wrap: wrap;
11834 border-bottom: 1px solid var(--vbo-config-border-color);
11835 }
11836 .vbo-tracking-info-details:last-child {
11837 border:0;
11838 }
11839 .vbo-tracking-info-details > div {
11840 flex: 1;
11841 padding: 0 10px
11842 }
11843 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
11844 flex: 0 0 15%;
11845 }
11846 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
11847 flex: 0 0 80px;
11848 }
11849 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
11850 flex: 0 0 15%;
11851 }
11852 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
11853 flex: 0 0 100%;
11854 }
11855 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
11856 margin-top: 0;
11857 }
11858 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
11859 flex: 0 0 10%;
11860 }
11861 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
11862 flex: 0 0 20%;
11863 }
11864 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
11865 display: inline-block;
11866 }
11867 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
11868 margin-right: 15px;
11869 }
11870 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
11871 font-weight: bold;
11872 }
11873 .vbo-tracking-info-device-cont i {
11874 font-size: 18px;
11875 }
11876 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
11877 font-size: 22px;
11878 }
11879 .vbo-tracking-info-subrow-lbl {
11880 text-transform: uppercase;
11881 font-weight: bold;
11882 color: #999;
11883 margin-bottom: 5px;
11884 }
11885 .vbo-tracking-info-dates-cont > div {
11886 margin-bottom: 5px;
11887 }
11888 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
11889 font-weight: bold;
11890 display: block;
11891 margin: 0;
11892 }
11893 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
11894 font-weight: bold;
11895 }
11896 .vbo-trackings-custcampaign {
11897 margin-bottom: 20px;
11898 background: var(--vbo-config-bg-color);
11899 border-radius: 10px;
11900 border: 1px solid var(--vbo-basic-btn);
11901 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
11902 padding: 15px;
11903 }
11904 .vbo-trackings-custcampaign-box {
11905 display: inline-block;
11906 margin-right: 14px;
11907 }
11908 .vbo-trackings-custcampaign-box label {
11909 margin-bottom: 5px;
11910 font-weight: 500;
11911 }
11912 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
11913 width: 100% !important;
11914 }
11915 .vbo-tracking-info-party-room {
11916 margin-bottom: 5px;
11917 }
11918 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
11919 display: block;
11920 text-transform: uppercase;
11921 font-weight: bold;
11922 }
11923 .vbo-tracking-info-booking-cont .vbo-status-label.label-success {
11924 border: 2px solid var(--vbo-green-color);
11925 color: var(--vbo-green-color);
11926 background: transparent !important;
11927 }
11928 .vbo-tracking-info-booking-cont .vbo-status-label.label-error {
11929 border: 2px solid var(--vbo-red-color);
11930 color: var(--vbo-red-color);
11931 background: transparent !important;
11932 }
11933 .vbo-tracking-info-booking-cont .vbo-status-label.label-warning {
11934 border: 2px solid var(--vbo-orange-color);
11935 color: var(--vbo-orange-color);
11936 background: transparent !important;
11937 }
11938 .vbo-tracking-info-booking-cont a {
11939 background: var(--vbo-base-color);
11940 color: #fff;
11941 border: 2px solid var(--vbo-base-color);
11942 display: table;
11943 margin-top: 5px;
11944 padding: 5px 10px;
11945 border-radius: 3px;
11946 font-weight: bold;
11947 }
11948 .vbo-tracking-info-booking-cont a:hover {
11949 background: transparent;
11950 color: var(--vbo-base-color-hover);
11951 text-decoration: none;
11952 }
11953 .vbo-tracking-info-search-results {
11954 margin-top: 10px;
11955 }
11956 .vbo-tracking-info-search-result {
11957 border: 2px solid var(--vbo-config-border-color);
11958 border-radius: 4px;
11959 padding: 10px 15px;
11960 margin: 5px 0;
11961 }
11962 .vbo-tracking-info-search-result p {
11963 margin-bottom: 0;
11964 padding-bottom: 0;
11965 font-weight: bold;
11966 }
11967 .vbo-tracking-info-search-result i {
11968 margin-right: 5px;
11969 }
11970 .vbo-tracking-info-search-result-warning {
11971 border-color: var(--vbo-orange-color);
11972 }
11973 .vbo-tracking-info-search-result-warning i {
11974 color: var(--vbo-orange-color);
11975 }
11976 .vbo-tracking-info-search-result-error {
11977 border-color: var(--vbo-red-color);
11978 }
11979 .vbo-tracking-info-search-result-error i {
11980 color: var(--vbo-red-color);
11981 }
11982 .vbo-tracking-info-search-result-info {
11983 border-color: var(--vbo-blue-color);
11984 }
11985 .vbo-tracking-info-search-result-info i {
11986 color: var(--vbo-blue-color);
11987 }
11988 .vbo-tracking-info-search-result-success {
11989 border-color: var(--vbo-green-color);
11990 }
11991 .vbo-tracking-info-search-result-success i {
11992 color: var(--vbo-green-color);
11993 }
11994 #vbo-add-trkcampaign {
11995 margin-top: 5px;
11996 }
11997 .vbo-trackings-custcampaign-uri {
11998 font-weight: bold;
11999 margin-right: 0;
12000 }
12001 .vbo-trackings-custcampaign label {
12002 display: block;
12003 }
12004 .vbo-trackings-tabs > div {
12005 display: inline-block;
12006 cursor: pointer;
12007 padding: 11px 0px;
12008 margin: 0 12px;
12009 font-size: 1.2em;
12010 text-transform: uppercase;
12011 font-weight: bold;
12012 text-align: center;
12013 color: var(--vbo-config-titles-color-light);
12014 }
12015 .vbo-trackings-tabs > .vbo-trackings-tab-active {
12016 border-bottom: 2px solid var(--vbo-blue-color);
12017 color: var(--vbo-blue-color);
12018 }
12019 .vbo-trackings-tabcont-stats {
12020 background: var(--vbo-config-child-bg-color);
12021 border-top: 1px solid var(--vbo-config-border-color);
12022 padding: 10px;
12023 }
12024 .vbo-trackings-chart-bestnights {
12025 display: flex;
12026 flex-wrap: wrap;
12027 }
12028 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12029 flex: 100%;
12030 font-size: 1.1em;
12031 margin-left: 5px;
12032 border-bottom: 1px solid var(--vbo-config-border-color);
12033 padding-bottom: 10px;
12034 text-transform: uppercase;
12035 }
12036 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12037 background: var(--vbo-config-bg-color);
12038 padding: 15px;
12039 border-radius: 4px;
12040 margin: 5px;
12041 flex-basis: 10%;
12042 box-shadow: 0 0 10px rgba(0,0,0,.05);
12043 }
12044 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12045 font-weight: bold;
12046 margin-bottom: 10px;
12047 display: block;
12048 border-bottom: 1px solid var(--vbo-config-border-color);
12049 padding-bottom: 5px;
12050 text-transform: uppercase;
12051 color: var(--vbo-config-titles-color-light);
12052 }
12053 .vbo-trackings-chart-tot {
12054 font-size: 26px;
12055 color: var(--vbo-base-color);
12056 margin-right: 4px;
12057 }
12058 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12059 margin-bottom: 10px;
12060 }
12061 .vbo-trackings-chart-middle {
12062 display: flex;
12063 margin-top: 20px;
12064 }
12065 .vbo-trackings-chart-avgvals {
12066 flex: 55%;
12067 padding-right: 50px;
12068 }
12069 .vbo-trackings-chart-referrers {
12070 flex: 1;
12071 }
12072 .vbo-trackings-chart-avgval-listcont {
12073 display: flex;
12074 flex-wrap: wrap;
12075 }
12076 .vbo-trackings-chart-avgval-listcont > div {
12077 flex: 1;
12078 background: var(--vbo-config-bg-color);
12079 padding: 15px;
12080 border-radius: 4px;
12081 box-shadow: 0 0 10px rgba(0,0,0,.05);
12082 margin: 5px;
12083 }
12084 .vbo-trackings-chart-avgval-listcont > div h5 {
12085 margin-top: 0;
12086 }
12087 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12088 margin-right: 0;
12089 }
12090 .vbo-trackings-chart-pcent {
12091 font-size: 1.1em;
12092 color: var(--vbo-config-titles-color-light);
12093 font-weight: bold;
12094 }
12095 .vbo-trackings-chart-referrer {
12096 background: var(--vbo-config-bg-color);
12097 padding: 15px;
12098 border-radius: 4px;
12099 box-shadow: 0 0 10px rgba(0,0,0,.05);
12100 margin: 10px 5px;
12101 }
12102 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12103 color: var(--vbo-green-color);
12104 }
12105 .vbo-trackings-cookiediscl {
12106 font-style: italic;
12107 width: 70%;
12108 }
12109 /* Trackings - End */
12110
12111 .vbo-choosebusy-table {
12112 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12113 border: 1px solid rgb(221, 221, 221);
12114 margin: 0 0 20px;
12115 }
12116 .vbo-choosebusy-tr1 td {
12117 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12118 vertical-align: middle;
12119 padding: 14px;
12120 border-bottom: 1px solid rgb(204, 204, 204);
12121 font-size: 16px;
12122 font-weight: 500;
12123 }
12124 .vbo-choosebusy-tr2 td img {
12125 border-radius: 0 !important;
12126 width: 100%;
12127 }
12128 .vbo-choosebusy-tr3 td {
12129 padding: 10px;
12130 }
12131 .vbo-choosebusy-tr3 td .badge {
12132 padding:3px 8px;
12133 border-radius: 3px;
12134 }
12135 #filter-bar .btn-group {
12136 margin-left:5px;
12137 }
12138 .table-responsive {
12139 overflow-x: auto;
12140 overflow-y: hidden;
12141 min-height: 0.01%;
12142 }
12143 .table {
12144 width: 100%;
12145 max-width: 100%;
12146 margin-bottom: 20px;
12147 }
12148 .vbo-receipt-company-block-outer {
12149 margin: 10px 0;
12150 display: inline-block;
12151 width: 100%;
12152 }
12153 .vbo-receipt-company-block {
12154 display: inline-block;
12155 margin: 0 10px;
12156 }
12157 .vbo-receipt-numdate-block {
12158 display: inline-block;
12159 float: right;
12160 margin: 0 10px;
12161 background: var(--vbo-basic-btn);
12162 padding: 15px;
12163 }
12164 .vbo-receipt-company-logo {
12165 display: inline-block;
12166 float: left;
12167 }
12168 .vbo-receipt-company-info {
12169 float: left;
12170 text-align: left;
12171 }
12172 .vbo-receipt-numdate-title {
12173 font-size: 18px;
12174 margin-bottom: 10px;
12175 }
12176 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12177 font-size: 12px;
12178 font-weight: bold;
12179 color: var(--vbo-config-text-color-light);
12180 display: block;
12181 margin-bottom: 5px;
12182 }
12183 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12184 display: inline-block;
12185 vertical-align: top;
12186 }
12187 .vbo-receipt-numdate-num {
12188 margin-right: 5px;
12189 }
12190 .vbo-hidein-print {
12191 margin-bottom: 0 !important;
12192 }
12193 .vbo-showin-print {
12194 display: none;
12195 }
12196 .vbo-receipt-print-confirm {
12197 text-align: center;
12198 display: inline-block;
12199 width: 100%;
12200 }
12201 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12202 display: inline-block;
12203 background: var(--vbo-base-color);
12204 color: #fff;
12205 padding: 5px 15px;
12206 border-radius: 4px;
12207 font-weight: bold;
12208 margin: 10px;
12209 cursor: pointer;
12210 }
12211 .vbo-receipt-print-btn i {
12212 margin-right: 5px;
12213 }
12214 .vbo-receipt-notes-container {
12215 padding: 18px;
12216 }
12217 .vbo-receipt-notes-inner {
12218 background: var(--vbo-config-bg-color);
12219 padding: 15px;
12220 border-radius: 8px;
12221 margin: 10px 0;
12222 }
12223 .vbo-receipt-notes-tarea textarea {
12224 height: 200px;
12225 }
12226 /* Tableaux */
12227 .vbo-tableaux-container {
12228 background: var(--vbo-config-child-bg-color);
12229 padding: 5px 15px 10px;
12230 }
12231 .vbo-tableaux-months-wrap {
12232 display: flex;
12233 flex-wrap: wrap;
12234 border: 1px solid var(--vbo-config-border-color);
12235 margin: 15px 0;
12236 background: var(--vbo-config-bg-color);
12237 border-radius: 4px;
12238 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12239 }
12240 .vbo-tableaux-months-wrap > div {
12241 flex: 1;
12242 border-right: 1px solid var(--vbo-config-border-color);
12243 text-align: center;
12244 display: flex;
12245 }
12246 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12247 border-top-left-radius: 4px;
12248 border-bottom-left-radius: 4px;
12249 }
12250 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12251 border-top-right-radius: 4px;
12252 border-bottom-right-radius: 4px;
12253 border: 0;
12254 }
12255 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12256 padding: 15px 10px;
12257 cursor: pointer;
12258 flex: 1;
12259 }
12260 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12261 display: block;
12262 }
12263 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12264 background: var(--vbo-config-child-bg-color);
12265 }
12266 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12267 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12268 background: var(--vbo-base-color);
12269 color: #fff;
12270 }
12271 .vbo-tableaux-tbl-container {
12272 margin-top: 10px;
12273 }
12274 .vbo-tableaux-table {
12275 background: var(--vbo-config-bg-color);
12276 border-radius: 4px;
12277 box-shadow: 0 0 4px rgba(0,0,0,.05);
12278 width: 100%;
12279 margin-bottom: 200px;
12280 }
12281 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12282 text-align: center;
12283 padding: 10px 4px;
12284 background: var(--vbo-light-color-btn);
12285 border-left: 1px solid var(--vbo-config-border-color);
12286 }
12287 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12288 border-left: 0;
12289 }
12290 .vbo-tableaux-table-head-cell-monyear {
12291 color: var(--vbo-config-titles-color-light);
12292 font-weight: normal;
12293 }
12294 .vbo-tableaux-table-head-cell-wmday {
12295 font-size: 15px;
12296 }
12297 .vbo-tableaux-table tr {
12298 border-bottom: 1px solid var(--vbo-config-border-color);
12299 }
12300 .vbo-tableaux-table td {
12301 border-right: 1px solid var(--vbo-config-border-color);
12302 min-width: 100px;
12303 max-width: 100px;
12304 padding: 20px 0;
12305 position: relative;
12306 background-clip: padding-box !important;
12307 }
12308 .vbo-tableaux-table tr td:first-child {
12309 position: sticky;
12310 left: 0;
12311 background: var(--vbo-config-child-bg-color);
12312 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12313 min-width: 150px;
12314 max-width: 150px;
12315 z-index: 2;
12316 font-weight: bold;
12317 padding: 15px 15px;
12318 font-size: 14px;
12319 }
12320 .vbo-tableaux-roomrow td {
12321 vertical-align: top;
12322 }
12323 .vbo-tableaux-daycell {
12324 color: var(--vbo-config-titles-color-light);
12325 font-weight: bold;
12326 text-align: center;
12327 padding: 10px;
12328 font-size: 13px;
12329 }
12330 .vbo-tableaux-festcell {
12331 background: #cea7c7;
12332 color: #fff;
12333 cursor: pointer;
12334 }
12335 .vbo-tableaux-festcell:hover {
12336 background: #bb90b3;
12337 }
12338 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12339 background: #e1aed8;
12340 }
12341 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12342 background: var(--vbo-base-color);
12343 color: #fff;
12344 font-weight: bold;
12345 padding: 7px 5px;
12346 margin: 2px 0;
12347 white-space: nowrap;
12348 position: relative;
12349 }
12350 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12351 background: var(--vbo-config-bg-color);
12352 color: var(--vbo-config-title-color);
12353 border-top: 1px solid var(--vbo-config-title-color);
12354 border-bottom: 1px solid var(--vbo-config-title-color);
12355 height: 14px;
12356 margin: 2px -1.5px;
12357 box-sizing: content-box;
12358 }
12359 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12360 border-left: 1px solid var(--vbo-config-title-color);
12361 }
12362 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12363 border-right: 1px solid var(--vbo-config-title-color);
12364 }
12365 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12366 background: transparent;
12367 display: inline-block;
12368 width: 100%;
12369 }
12370 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12371 font-size: 13px;
12372 }
12373 .vbo-tableaux-booking-avatar {
12374 z-index: 1;
12375 position: absolute;
12376 top: -6px;
12377 left: -8px;
12378 }
12379 .vbo-tableaux-booking-avatar img {
12380 height: 24px;
12381 width: 24px;
12382 border-radius: 50%;
12383 object-fit: cover;
12384 border: 2px solid #fff;
12385 }
12386 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12387 top: -1px;
12388 left: -3px;
12389 }
12390 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12391 border: 0;
12392 }
12393 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12394 padding-left: 25px;
12395 }
12396 .vbo-overv-avcell .vbo-tableaux-guest-name {
12397 font-weight: normal;
12398 font-size: 12px;
12399 }
12400 .vbo-tableaux-booking > span {
12401 position: relative;
12402 z-index: 1;
12403 }
12404 .vbo-tableaux-booking .vbo-tableaux-roomindex {
12405 display: inline-block;
12406 margin-left: 5px;
12407 }
12408 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
12409 width: 64%;
12410 float: right;
12411 border-top-left-radius: 20px;
12412 border-bottom-left-radius: 20px;
12413 padding-left: 10px;
12414 position: relative;
12415 margin-right: -2px;
12416 }
12417 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
12418 position: relative;
12419 z-index: 1;
12420 }
12421 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
12422 /* overflow: hidden;
12423 display: table-cell; */
12424 display: inline-block;
12425 width: 130px;
12426 clip-path: inset( -100vw 0 -100vw -8px );
12427 }
12428 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
12429 top: -5px;
12430 }
12431 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
12432 width: 64%;
12433 float: left;
12434 border-top-right-radius: 20px;
12435 border-bottom-right-radius: 20px;
12436 padding-right: 10px;
12437 }
12438 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
12439 display: inline-block;
12440 width: 100%;
12441 }
12442 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
12443 padding: 10px 15px;
12444 font-size: 1.2em;
12445 font-weight: bold;
12446 color: var(--vbo-base-color);
12447 border-left: 0;
12448 }
12449 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
12450 border-left: 2px solid var(--vbo-config-border-color);
12451 }
12452 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
12453 border-left: 2px solid var(--vbo-config-border-color);
12454 }
12455 .vbo-tableaux-table .vbo-tableaux-todaycell {
12456 background: var(--vbo-config-child-bg-color);
12457 }
12458 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
12459 background: #d9b9d3;
12460 }
12461 .vbo-pmsperm-entry-wrap {
12462 display: flex;
12463 flex-wrap: wrap;
12464 background: var(--vbo-config-child-bg-color);
12465 margin: 5px 0;
12466 padding: 10px
12467 }
12468 .vbo-pmsperm-entry-wrap > div {
12469 margin: 5px;
12470 }
12471 .vbo-pmsperm-entry-wrap > div:first-child {
12472 flex-basis: 105px;
12473 }
12474 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
12475 padding: 8px 14px;
12476 }
12477 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
12478 margin-bottom: 0 !important;
12479 }
12480 .vbo-pmsperm-entry-cont:last-child {
12481 display: flex;
12482 }
12483 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
12484 margin-top: 24px;
12485 }
12486 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
12487 text-align: center;
12488 margin-top: 15px;
12489 }
12490 .vbo-tableauxperms-info-add {
12491 margin-bottom: 15px;
12492 text-align: center;
12493 }
12494 .vbo-pmsperm-entry-lbl {
12495 font-weight: bold;
12496 margin-bottom: 4px;
12497 }
12498 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
12499 margin-bottom: 10px;
12500 }
12501 #filter-bar.vbo-tableaux-filters {
12502 height: auto;
12503 background: var(--vbo-toolbar-bg-color);
12504 padding: 10px 10px 6px;
12505 box-sizing: border-box;
12506 }
12507 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
12508 background: var(--vbo-input-style);
12509 border-color: var(--vbo-config-border-color);
12510 }
12511 /* eInvoicing - start */
12512 .vbo-einvoicing-cellaction[data-einvaction="0"] {
12513 background: var(--vbo-red-color);
12514 }
12515 .vbo-einvoicing-cellaction[data-einvaction="1"] {
12516 background: var(--vbo-green-color);
12517 }
12518 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
12519 background: var(--vbo-blue-color);
12520 }
12521 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
12522 background: var(--vbo-orange-color);
12523 }
12524 #driversettingsform .vbo-driver-fieldset {
12525 margin-top: 20px;
12526 }
12527 #driversettingsform .vbo-driver-fieldset {
12528 border-bottom: 0;
12529 }
12530 .vbo-info-overlay-driver {
12531 height: 90% !important;
12532 }
12533 .vbo-drivers-filters-outer {
12534 display: inline-block;
12535 width: 100%;
12536 margin-top: 0;
12537 height: auto;
12538 background: var(--vbo-config-border-color);
12539 padding: 10px;
12540 box-sizing: border-box;
12541 }
12542 .vbo-drivers-filters-outer > div {
12543 display: inline-block;
12544 }
12545 .vbo-drivers-container {
12546 background: var(--vbo-main-bg-color);
12547 }
12548 .vbo-drivers-filters-driver {
12549 margin: 0 15px 0 0;
12550 }
12551 .vbo-drivers-filters-driver > div {
12552 display: inline-block;
12553 vertical-align: top;
12554 margin-right: 5px;
12555 }
12556 .vbo-drivers-custom-actions {
12557 float: right;
12558 }
12559 .vbo-drivers-custom-actions > div {
12560 display: inline-block;
12561 vertical-align: top;
12562 }
12563 .vbo-drivers-topbar {
12564 display: inline-block;
12565 width: 100%;
12566 margin-bottom: 10px;
12567 border-bottom: 1px solid var(--vbo-config-border-color);
12568 padding-bottom: 10px;
12569 }
12570 .vbo-drivers-topbar > div {
12571 display: inline-block;
12572 vertical-align: top;
12573 }
12574 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
12575 margin-top: 22px;
12576 }
12577 .vbo-drivers-output {
12578 padding-bottom: 17px;
12579 }
12580 .vbo-drivers-output .table-responsive {
12581 border-radius: 8px;
12582 box-shadow: 0 0px 20px #0000001a;
12583 margin: 18px;
12584 background: var(--vbo-config-bg-color);
12585 }
12586 .vbo-drivers-output table {
12587 margin-bottom: 0;
12588 }
12589 .vbo-drivers-output table thead {
12590 background: var(--vbo-config-child-bg-color);
12591 text-transform: uppercase;
12592 font-weight: bold;
12593 }
12594 .vbo-drivers-output table thead th {
12595 padding: 15px 15px;
12596 color: var(--vbo-config-title-color);
12597 }
12598 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
12599 padding: 15px 15px;
12600 }
12601 .vbo-drivers-output table tbody tr td:first-child span {
12602 font-weight: bold;
12603 }
12604 .vbo-drivers-output table tbody tr:nth-child(2n) {
12605 background: var(--vbo-config-child-bg-color);
12606 }
12607 .vbo-drivers-output table tfoot {
12608 background: var(--vbo-config-child-bg-color);
12609 }
12610 .vbo-drivers-output table tfoot tr:last-child td {
12611 vertical-align: middle;
12612 }
12613 .vbo-drivers-output table td .btn.btn-danger {
12614 padding: 4px 12px;
12615 font-weight: normal;
12616 font-size: 13px;
12617 }
12618 .vbo-drivers-output .vbo-driver-customoutput {
12619 display: inline-block;
12620 color: #fff;
12621 padding: 5px 4px;
12622 border-radius: 5px;
12623 height: 15px;
12624 width: 15px;
12625 cursor: pointer;
12626 }
12627 .vbo-drivers-output .vbo-driver-output-vieweinv {
12628 background: #999;
12629 border:1px solid #999;
12630 }
12631 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
12632 background: #888;
12633 }
12634 .vbo-drivers-output .vbo-driver-output-editeinv {
12635 background: var(--vbo-blue-color);
12636 border: 1px solid var(--vbo-blue-color);
12637 }
12638 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
12639 background: var(--vbo-blue-color-hover);
12640 }
12641 .vbo-drivers-output .vbo-driver-output-rmeinv {
12642 background: var(--vbo-red-color);
12643 border: 1px solid var(--vbo-red-color);
12644 }
12645 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
12646 background: var(--vbo-red-color-hover);
12647 }
12648 .vbo-drivers-output .fa-external-link {
12649 color: #444;
12650 margin-right: 5px;
12651 }
12652 .vbo-drivers-output .fa-external-link:hover {
12653 color: var(--vbo-blue-color);
12654 }
12655 /* eInvoicing - end */
12656
12657 /* Opportunities */
12658 .vbo-menu-updates .vbo-opportunities-btnbadge {
12659 background: var(--vbo-blue-color);
12660 border-color: var(--vbo-blue-color);
12661 position: relative;
12662 z-index: 1;
12663 }
12664 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
12665 background: var(--vbo-blue-color-hover);
12666 border-color: var(--vbo-blue-color-hover);
12667 }
12668 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
12669 background: var(--vbo-blue-color-hover);
12670 border-color: var(--vbo-blue-color-hover);
12671 }
12672 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
12673 content: attr(data-opportunity-count);
12674 background: var(--vbo-red-color);
12675 color: #fff;
12676 border: 1px solid var(--vbo-blue-color);
12677 width: 20px;
12678 height: 20px;
12679 border-radius: 50%;
12680 position: absolute;
12681 top: -5px;
12682 left: -8px;
12683 font-weight: bold;
12684 font-size: 11px;
12685 line-height: 20px;
12686 text-align: center;
12687 }
12688 .vbo-menu-updates .vbo-opportunities-btnbadge i {
12689 margin-right: 5px;
12690 }
12691 /* Guest Reviews */
12692 .vbo-menu-updates .vbo-reviews-btnbadge {
12693 background: #20a9b0;
12694 border-color: #20a9b0;
12695 position: relative;
12696 z-index: 0;
12697 }
12698 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
12699 background: #57bbbf;
12700 border-color: #57bbbf;
12701 }
12702 .vbo-menu-updates .vbo-reviews-btnbadge:active {
12703 background: #4ccbd0;
12704 border-color: #4ccbd0;
12705 }
12706 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
12707 content: attr(data-reviews-count);
12708 background: var(--vbo-red-color);
12709 color: #fff;
12710 border: 1px solid var(--vbo-blue-color);
12711 width: 20px;
12712 height: 20px;
12713 border-radius: 50%;
12714 position: absolute;
12715 top: -5px;
12716 left: -8px;
12717 font-weight: bold;
12718 font-size: 11px;
12719 line-height: 20px;
12720 text-align: center;
12721 }
12722 .vbo-menu-updates .vbo-reviews-btnbadge i {
12723 margin-right: 5px;
12724 }
12725
12726 /* New Overlay */
12727 .vbo-modal-overlay-block {
12728 position: fixed;
12729 left: 0;
12730 top: 0;
12731 width: 100%;
12732 height: 100%;
12733 background-color: rgba(6, 52, 77, 0.58);
12734 display: none;
12735 z-index: 2147483647 !important;
12736 }
12737 .vbo-modal-overlay-block-geomap-lowerzindex {
12738 z-index: 99999 !important;
12739 }
12740 .vbo-modal-overlay-block .vbo-modal-overlay-close {
12741 display: block;
12742 height: 100%;
12743 cursor: default;
12744 }
12745 .vbo-modal-overlay-block .vbo-modal-overlay-content {
12746 position: fixed;
12747 left: 50%;
12748 top: 50%;
12749 transform: translate(-50%, -50%);
12750 width: 40%;
12751 height: 60%;
12752 z-index: 101;
12753 border-radius: 5px;
12754 background-color: var(--vbo-config-bg-color);
12755 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
12756 overflow: auto;
12757 -webkit-font-smoothing: antialiased;
12758 }
12759 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
12760 width: 65%;
12761 height: 85%;
12762 border-radius: 16px;
12763 }
12764 .vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen {
12765 width: 100%;
12766 height: 100%;
12767 }
12768 .vik-contentbuilder-textmode-sptags {
12769 float: none;
12770 }
12771 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
12772 width: 65%;
12773 height: 85%;
12774 }
12775 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
12776 height: 80%;
12777 }
12778 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
12779 border-radius: 20px;
12780 }
12781 .vbo-modal-overlay-content-backdrop {
12782 position: absolute;
12783 height: 100%;
12784 width: 100%;
12785 background: rgba(0, 0, 0, .4);
12786 z-index: 100;
12787 }
12788 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
12789 left: -20px;
12790 width: calc(100% + 40px);
12791 }
12792 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
12793 position: absolute;
12794 top: 50%;
12795 left: 50%;
12796 transform: translate(-50%, -50%);
12797 }
12798 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
12799 font-size: 40px;
12800 color: #fff;
12801 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
12802 }
12803 .vbo-modal-overlay-content-head {
12804 padding: 20px;
12805 background: var(--vbo-config-child-bg-color);
12806 }
12807 .vbo-modal-overlay-content-head h3 > i {
12808 margin-right: 5px;
12809 color: var(--vbo-config-titles-color-light);
12810 }
12811 .vbo-modal-overlay-close-times {
12812 float: right;
12813 font-size: 20px;
12814 cursor: pointer;
12815 color: var(--vbo-config-title-color);
12816 padding: 10px;
12817 cursor: pointer;
12818 margin-top: -10px;
12819 display: inline-block;
12820 }
12821 .vbo-modal-overlay-close-times:hover {
12822 color: #619dca;
12823 }
12824 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
12825 background: var(--vbo-config-bg-color);
12826 padding: 0;
12827 }
12828 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
12829 position: absolute;
12830 right: 10px;
12831 top: 7px;
12832 margin: 0;
12833 padding: 0;
12834 }
12835 .vbo-modal-overlay-content-body {
12836 padding: 20px 20px 10px;
12837 }
12838 .vbo-modal-widget .vbo-modal-overlay-content-body {
12839 padding-top: 0;
12840 }
12841 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
12842 padding: 0 5px;
12843 }
12844 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
12845 padding: 35px 35px 10px;
12846 }
12847 .vbo-modal-overlay-content-footer {
12848 margin-top: 15px;
12849 text-align: right;
12850 position: absolute;
12851 width: calc(100% - 40px);
12852 right: 0;
12853 bottom: 0;
12854 border-top: 1px solid var(--vbo-config-border-color);
12855 background: var(--vbo-config-child-bg-color);
12856 padding: 10px 20px;
12857 box-sizing: content-box;
12858 }
12859 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
12860 float: left;
12861 }
12862 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
12863 font-size: 16px;
12864 font-weight: bold;
12865 }
12866 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
12867 text-align: center;
12868 padding: 10px 20px 10px;
12869 height: calc(100% - 78.2px);
12870 position: relative;
12871 }
12872 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
12873 top: 50%;
12874 left: 50%;
12875 transform: translate(-50%, -50%);
12876 position: absolute;
12877 }
12878 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
12879 border-radius: 6px;
12880 box-shadow: 0 0 10px rgba(0,0,0,.4);
12881 max-width: 80%;
12882 }
12883 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
12884 height: calc(100% - 100px);
12885 }
12886 .vbo-modal-overlay-content {
12887 -webkit-animation-name: VikfadeInUp;
12888 animation-name: VikfadeInUp;
12889
12890 -webkit-animation-duration: .5s;
12891 animation-duration: .5s;
12892 -webkit-animation-fill-mode: both;
12893 animation-fill-mode: both;
12894 }
12895 .vbo-optionals-dmgdepbcom-trigger {
12896 white-space: nowrap;
12897 }
12898
12899 @-webkit-keyframes VikfadeInUp {
12900 from {
12901 opacity: 0;
12902 -webkit-transform: translate3d(-50%, -20%, 0);
12903 transform: translate3d(-50%, -20%, 0);
12904 }
12905
12906 to {
12907 opacity: 1;
12908 -webkit-transform: translate3d(-50%, -50%, 0);
12909 transform: translate3d(-50%, -50%, 0);
12910 }
12911 }
12912
12913 @keyframes VikfadeInUp {
12914 from {
12915 opacity: 0;
12916 -webkit-transform: translate3d(-50%, -20%, 0);
12917 transform: translate3d(-50%, -20%, 0);
12918 }
12919
12920 to {
12921 opacity: 1;
12922 -webkit-transform: translate3d(-50%, -50%, 0);
12923 transform: translate3d(-50%, -50%, 0);
12924 }
12925 }
12926
12927 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
12928 margin-top: 15px;
12929 }
12930 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
12931 padding: 10px;
12932 display: flex;
12933 flex-wrap: wrap;
12934 border-bottom: 1px solid var(--vbo-config-border-color);
12935 }
12936 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
12937 flex: 1;
12938 font-weight: bold;
12939 font-size: 1.1em;
12940 align-self: center;
12941 }
12942 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
12943 margin: 0 15px;
12944 align-self: center;
12945 font-weight: bold;
12946 }
12947 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
12948 margin-left: auto;
12949 }
12950 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
12951 padding: 3px 6px;
12952 }
12953 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
12954 margin-right: 0;
12955 }
12956 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
12957 padding: 3px 6px;
12958 }
12959 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
12960 margin-right: 0;
12961 }
12962 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
12963 border: 1px solid var(--vbo-config-border-color);
12964 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12965 border-radius: 10px;
12966 margin-bottom: 10px;
12967 }
12968 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
12969 border-color: var(--vbo-base-color);
12970 }
12971 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
12972 display: grid;
12973 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
12974 column-gap: 20px;
12975 row-gap: 5px;
12976 padding: 10px;
12977 }
12978 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
12979 display: block;
12980 font-weight: 500;
12981 }
12982 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
12983 width: 100%;
12984 display: flex;
12985 border-radius: 6px;
12986 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12987 }
12988 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
12989 flex: 1;
12990 border-color: var(--vbo-config-border-color);
12991 border-top-left-radius: 6px;
12992 border-bottom-left-radius: 6px;
12993 }
12994 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
12995 box-shadow: none;
12996 }
12997 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
12998 border-top-right-radius: 6px;
12999 border-bottom-right-radius: 6px;
13000 }
13001 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
13002 margin: 10px 0;
13003 }
13004 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
13005 font-weight: bold;
13006 }
13007 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
13008 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
13009 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
13010 min-width: 50%;
13011 }
13012 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
13013 border: 1px solid #ddd;
13014 border-radius: 2px;
13015 padding: 8px 10px;
13016 margin-bottom: 0;
13017 box-sizing: border-box;
13018 height: auto;
13019 }
13020 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
13021 margin-bottom: 0;
13022 border-radius: 2px;
13023 border: 1px solid var(--vbo-config-border-color);
13024 padding: 8px 10px;
13025 height: inherit;
13026 }
13027
13028 /* Content Builder */
13029 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13030 border: 1px solid var(--vbo-config-border-color);
13031 }
13032 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13033 color: var(--vbo-config-titles-color-light);
13034 }
13035 .ql-toolbar .ql-stroke {
13036 stroke: var(--vbo-config-titles-color-light);
13037 }
13038 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13039 fill: var(--vbo-config-titles-color-light);
13040 }
13041 .ql-toolbar .ql-formats > button {
13042 color: var(--vbo-config-titles-color-light);
13043 }
13044 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13045 border-color: var(--vbo-config-border-color);
13046 }
13047 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13048 border: 0;
13049 }
13050 .ql-snow .ql-picker-options {
13051 background-color: var(--vbo-config-bg-color)
13052 }
13053 .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 {
13054 color: var(--vbo-base-color);
13055 }
13056 .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 {
13057 stroke: var(--vbo-base-color);
13058 }
13059 .ql-editor {
13060 min-height: 200px;
13061 max-height: 75vh;
13062 }
13063 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13064 background: #fbfbfb;
13065 border-radius: 6px;
13066 border-top: 1px solid var(--vbo-config-border-color);
13067 }
13068 .ql-toolbar.ql-snow {
13069 border: 0;
13070 padding: 8px 0;
13071 }
13072 .ql-toolbar.ql-snow .ql-formats {
13073 background: var(--vbo-body-bg-color);
13074 border: 1px solid var(--vbo-config-border-color);
13075 padding: 5px;
13076 border-radius: 6px;
13077 }
13078 .ql-snow .ql-tooltip {
13079 background-color: var(--vbo-config-bg-color);
13080 border: 1px solid var(--vbo-config-border-color);
13081 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13082 padding: 30px 12px 10px;
13083 border-radius: 4px;
13084 color: inherit;
13085 }
13086 .ql-snow .ql-tooltip::before {
13087 position: absolute;
13088 top: 4px;
13089 }
13090 .ql-snow .ql-tooltip .ql-action {
13091 background-color: var(--vbo-base-color);
13092 border: 1px solid var(--vbo-base-color);
13093 color: #fff;
13094 display: inline-block;
13095 padding: 5px 10px;
13096 }
13097 .ql-snow .ql-tooltip .ql-action:after {
13098 margin-left: 0 !important;
13099 }
13100 .ql-snow .ql-tooltip .ql-action:hover {
13101 background-color: var(--vbo-base-color-hover);
13102 border: 1px solid var(--vbo-base-color-hover);
13103 }
13104 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13105 background-color: rgba(59, 193, 255, 0.2);
13106 }
13107 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13108 height: 30px;
13109 background: transparent;
13110 }
13111 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13112 border-style: solid;
13113 border-color: var(--vbo-config-text-color-light);
13114 border-width: 1px 0 0 0;
13115 border-radius: 20px;
13116 }
13117 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13118 border-style: solid;
13119 border-color: var(--vbo-config-text-color-light);
13120 border-width: 0 0 1px 0;
13121 border-radius: 20px;
13122 }
13123 .vik-contentbuilder-switcher {
13124 margin-bottom: 2px;
13125 }
13126 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13127 background: var(--vbo-input-style-deactive);
13128 border-color: var(--vbo-config-border-color);
13129 }
13130 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13131 border-color: var(--vbo-base-color-hover);
13132 }
13133 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13134 background: var(--vbo-middle-color-btn);
13135 border-color: var(--vbo-config-border-color);
13136 }
13137 /* Start - iOS-style toggle/switch button */
13138 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13139 margin: auto;
13140 padding: 20px 0;
13141 width: 55px;
13142 margin-top: 20px;
13143 border-radius: 5px;
13144 }
13145 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13146 opacity: 0;
13147 position: absolute;
13148 }
13149 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13150 position: relative;
13151 display: inline-block;
13152 user-select: none;
13153 transition: .4s ease;
13154 height: 30px;
13155 width: 50px;
13156 border: 1px solid var(--vbo-config-bg-color);
13157 border-radius: 60px;
13158 }
13159 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13160 content: "";
13161 position: absolute;
13162 display: block;
13163 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13164 height: 30px;
13165 width: 51px;
13166 top: 0;
13167 left: 0;
13168 border-radius: 30px;
13169 background: var(--vbo-config-border-color);
13170 }
13171 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13172 content: "";
13173 position: absolute;
13174 display: block;
13175 /*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);*/
13176 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13177 background: var(--vbo-config-bg-color);
13178 height: 24px;
13179 width: 24px;
13180 top: 3px;
13181 left: 3px;
13182 border-radius: 60px;
13183 }
13184 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13185 background: var(--vbo-green-color);
13186 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13187 }
13188 .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 {
13189 background: var(--vbo-red-color);
13190 }
13191 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
13192 left: 24px;
13193 }
13194 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
13195 color: var(--vbo-config-titles-color-light);
13196 content: attr(data-off);
13197 top: 6px;
13198 left: 60px;
13199 width: 36px;
13200 position: absolute;
13201 height: 10px;
13202 }
13203 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
13204 color: rgba(19,191,17,1);
13205 content: attr(data-on);
13206 }
13207 /* End - iOS-style toggle/switch button */
13208
13209 /* multi toogle/switch button - Start */
13210 .vik-multiswitch-wrap {
13211 position: relative;
13212 display: inline-flex;
13213 justify-content: center;
13214 align-items: flex-start;
13215 border: 1px solid var(--vbo-config-border-color);
13216 border-radius: 16px;
13217 min-width: 150px;
13218 height: 50px;
13219 }
13220 .vik-multiswitch-radiobtn {
13221 display: flex;
13222 justify-content: center;
13223 align-items: center;
13224 height: 100%;
13225 flex: 1;
13226 }
13227 .vik-multiswitch-radiobtn input {
13228 display: none !important;
13229 }
13230 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13231 width: 50px;
13232 height: 50px;
13233 border-radius: 50%;
13234 display: inline-block;
13235 transition: opacity 0.3s ease;
13236 opacity: 0.3;
13237 top: 0;
13238 cursor: pointer;
13239 }
13240 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
13241 position: absolute;
13242 left: 33%;
13243 transition: transform 1s;
13244 width: 50px;
13245 height: 50px;
13246 background: transparent;
13247 }
13248 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13249 position: absolute;
13250 left: 0;
13251 text-align: center;
13252 }
13253 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13254 width: 50px;
13255 height: 50px;
13256 -moz-animation-duration: 0.4s;
13257 -moz-animation-name: slideFirst;
13258 -webkit-animation-duration: 0.4s;
13259 -webkit-animation-name: slideFirst;
13260 animation-duration: 0.4s;
13261 animation-name: slideFirst;
13262 -webkit-transform: translateZ(0);
13263 background-color: var(--vbo-green-color);
13264 }
13265 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
13266 border-radius: 15px;
13267 background: var(--vbo-basic-btn);
13268 opacity: 0.7;
13269 }
13270 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13271 position: absolute;
13272 right: 0;
13273 text-align: center;
13274 }
13275 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
13276 -moz-animation-duration: 0.4s;
13277 -moz-animation-name: slideLast;
13278 -webkit-animation-duration: 0.4s;
13279 -webkit-animation-name: slideLast;
13280 animation-duration: 0.4s;
13281 animation-name: slideLast;
13282 -webkit-transform: translateZ(0);
13283 width: 50px;
13284 height: 50px;
13285 background-color: var(--vbo-red-color);
13286 }
13287 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13288 opacity: 1;
13289 display: inline-block;
13290 z-index: 0;
13291 }
13292 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
13293 background-color: var(--vbo-basic-btn);
13294 }
13295 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
13296 background-color: #222;
13297 }
13298 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
13299 background-color: #b1e0e2;
13300 }
13301 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13302 color: #0f1216;
13303 }
13304 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
13305 color: #fff;
13306 }
13307 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
13308 position: relative;
13309 z-index: 1;
13310 color: var(--vbo-body-text-color);
13311 font-size: 13px;
13312 }
13313 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
13314 font-size: 16px;
13315 }
13316 .vik-multiswitch-noanimation {
13317 border-radius: 18px;
13318 }
13319 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
13320 position: relative;
13321 padding: 5px 10px;
13322 box-sizing: border-box;
13323 }
13324 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
13325 width: 50px;
13326 height: 50px;
13327 border-radius: 15px;
13328 }
13329 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
13330 position: absolute;
13331 left: 0;
13332 }
13333 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
13334 position: absolute;
13335 right: 0;
13336 }
13337 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
13338 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
13339 animation: none !important;
13340 }
13341 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
13342 width: 100%;
13343 height: 100%;
13344 border-radius: 15px;
13345 position: absolute;
13346 left: 0;
13347 }
13348 .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 {
13349 background-color: var(--vbo-base-color);
13350 }
13351 .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 {
13352 color: #fff;
13353 }
13354 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
13355 float: right;
13356 margin: 12px 15px 10px 20px;
13357 }
13358 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
13359 height: 40px;
13360 }
13361
13362 @keyframes slideFirst {
13363 from {
13364 transform: translate(100%, 0);
13365 }
13366 to {
13367 transform: translate(0px, 0px);
13368 }
13369 }
13370
13371
13372 @keyframes slideLast {
13373 from {
13374 transform: translate(-100%,0);
13375 }
13376 to {
13377 transform: translate( 0px, 0px);
13378 }
13379 }
13380
13381 /* Multi toogle/switch button - end */
13382
13383 /* New Dashboard 2021 */
13384 .vbo-admin-widgets-commands {
13385 display: inline-block;
13386 width: 100%;
13387 }
13388 .vbo-admin-widgets-commands-mng {
13389 display: inline-block;
13390 border: 1px solid var(--vbo-config-border-color);
13391 border-radius: 4px;
13392 background: var(--vbo-config-bg-color);
13393 padding: 5px 10px;
13394 float: right;
13395 }
13396 .vbo-admin-widgets-commands-mng-lbl {
13397 display: inline-block;
13398 vertical-align: top;
13399 margin-top: 10px;
13400 margin-left: 5px;
13401 cursor: pointer;
13402 }
13403 .vbo-admin-widgets-commands-mng-toggle {
13404 display: inline-block;
13405 margin-top: 5px;
13406 }
13407 .vbo-admin-widgets-commands-mng-toggle label {
13408 margin-bottom: 0;
13409 }
13410 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
13411 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
13412 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
13413 height: 26px;
13414 }
13415 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13416 margin-bottom: 0;
13417 }
13418 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
13419 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
13420 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
13421 height: 20px;
13422 width: 20px;
13423 top: 3px;
13424 }
13425 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
13426 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
13427 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
13428 left: 28px;
13429 }
13430 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13431 height: 26px;
13432 }
13433 .vbo-admin-widgets-commands-info {
13434 font-weight: bold;
13435 float: left;
13436 margin-left: 5px;
13437 }
13438 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
13439 display: block;
13440 margin-bottom: 4px;
13441 }
13442 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
13443 color: var(--vbo-red-color);
13444 }
13445 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
13446 display: inline-block;
13447 vertical-align: top;
13448 }
13449 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
13450 background: var(--vbo-config-bg-color);
13451 border: 1px solid var(--vbo-config-border-color);
13452 color: var(--vbo-config-titles-color-light);
13453 padding: 4px 12px;
13454 }
13455 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
13456 border-color: var(--vbo-blue-color);
13457 color: var(--vbo-blue-color);
13458 }
13459 .vbo-admin-widgets-section {
13460 display: flex;
13461 flex-wrap: wrap;
13462 gap: 12px;
13463 }
13464 /* Safari 10.1+ */
13465 @media not all and (min-resolution:.001dpcm) {
13466 @media {
13467 .vbo-admin-widgets-section > * + * {
13468 margin-left: 12px;
13469 }
13470 }
13471 }
13472 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
13473 flex-basis: 100%;
13474 font-size: 16px;
13475 font-weight: bold;
13476 margin-left: 8px;
13477 }
13478 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
13479 display: inline-block;
13480 margin-right: 7px;
13481 font-size: 14px;
13482 cursor: grab;
13483 }
13484 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
13485 color: #2d719a;
13486 }
13487 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13488 display: flex;
13489 }
13490 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
13491 margin-left: auto;
13492 margin-right: 10px;
13493 font-size: 14px;
13494 color: #2d719a;
13495 cursor: pointer;
13496 }
13497 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
13498 color: #333;
13499 margin-left: 16px;
13500 }
13501 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
13502 color: #2d719a;
13503 }
13504 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
13505 color: #182381;
13506 }
13507 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
13508 font-size: 16px;
13509 font-weight: bold;
13510 padding: 10px 10px 0;
13511 }
13512 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
13513 flex: 1;
13514 display: flex;
13515 margin-top: 6px;
13516 }
13517 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
13518 display: inline-block;
13519 margin-left: auto;
13520 font-size: 14px;
13521 color: #2d719a;
13522 }
13523 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
13524 color: var(--vbo-red-color);
13525 cursor: pointer;
13526 }
13527 .vbo-admin-widgets-widget-info-drag:hover {
13528 color: #2d719a;
13529 }
13530 .vbo-admin-widgets-section .vbo-admin-widgets-container {
13531 flex: 1;
13532 flex-grow: 0;
13533 }
13534 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
13535 flex-basis: content;
13536 flex-grow: 0;
13537 }
13538 /*
13539 * Size Add box Container: 120px + 20px of padding = 120px;
13540 * Total margin of EACH container: 8px;
13541 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
13542 * Formula: Calc((container size - (add box total size / numb. containers)));
13543
13544 * Small Size */
13545 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
13546 flex-basis: calc(25% - 12px);
13547 max-width: 25%;
13548 }
13549 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
13550 flex-basis: calc((25% - 166px));
13551 }
13552 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
13553 flex-basis: calc((25% - (174px / 2)));
13554 }
13555 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
13556 flex-basis: calc((25% - (182px / 3)));
13557 }
13558 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
13559 flex-basis: calc((25% - (194px / 4)));
13560 }
13561 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
13562 flex-grow: 1;
13563 }
13564 /* Medium Size */
13565 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
13566 flex-basis: calc(50% - 12px);
13567 max-width: 50%;
13568 }
13569 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
13570 flex-basis: calc((50% - (174px / 2)));
13571 }
13572 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
13573 flex-basis: calc((50% - (182px / 3)));
13574 }
13575 /* Large Size */
13576 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
13577 flex-basis: calc((100% / 2) + (100% / 5));
13578 }
13579 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
13580 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
13581 }
13582 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
13583 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
13584 }
13585 /* Full Width */
13586 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
13587 width: 100%;
13588 flex-basis: inherit;
13589 }
13590 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
13591 flex-basis: calc(100% - 166px);
13592 }
13593 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
13594 background: #d8f4ff;
13595 border-radius: 10px;
13596 margin: 10px 4px;
13597 position: relative;
13598 padding-bottom: 115px;
13599 }
13600 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
13601 margin: 10px 8px;
13602 }
13603 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
13604 flex-basis: 150px;
13605 min-height: 100px;
13606 padding-bottom: 0;
13607 }
13608 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
13609 margin: 5px 0 10px;
13610 font-size: 14px;
13611 font-weight: bold;
13612 background: var(--vbo-config-child-bg-color);
13613 border: 1px solid var(--vbo-config-border-color);
13614 border-left: 2px solid #4c93af;
13615 border-radius: 4px;
13616 padding: 10px;
13617 }
13618 .vbo-modal-widgets-form-data-field label {
13619 display: block;
13620 margin-bottom: 5px;
13621 }
13622 .vbo-modal-widgets-form-data-field select {
13623 margin-bottom: 10px;
13624 }
13625 .vbo-modal-widgets-form-data-fields .select2-container {
13626 width: 180px !important;
13627 }
13628 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
13629 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
13630 .vbo-sticky-note-cmd-drag {
13631 -webkit-touch-callout: none;
13632 -webkit-user-select: none;
13633 -khtml-user-select: none;
13634 -moz-user-select: none;
13635 -ms-user-select: none;
13636 user-select: none;
13637 }
13638 .vbo-admin-widgets-wrap {
13639 padding: 8px;
13640 }
13641 .vbo-admin-widgets-widget .table-responsive {
13642 display: inline-block;
13643 width: 100%;
13644 max-height: 300px;
13645 overflow-y: scroll !important;
13646 }
13647 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
13648 background: #bdd5ea;
13649 padding: 10px;
13650 border-radius: 10px;
13651 margin: 15px 0;
13652 }
13653 .vbo-admin-widgets-widget-info-inner {
13654 padding: 15px;
13655 }
13656 .vbo-admin-widgets-widget-addnew {
13657 box-shadow: none;
13658 }
13659 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13660 background: var(--vbo-config-bg-color);
13661 border: 1px solid #838383;
13662 color: var(--vbo-config-text-color-light);
13663 border-radius: 16px;
13664 cursor: pointer;
13665 }
13666 .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 {
13667 padding: 0px 10px;
13668 text-align: center;
13669 font-size: 38px;
13670 }
13671 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
13672 background: #bdd5ea;
13673 color: #838383;
13674 padding: 0px;
13675 }
13676 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
13677 color: #838383;
13678 position: relative;
13679 cursor: pointer;
13680 border-radius: 10px;
13681 }
13682 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
13683 padding: 30px 10px;
13684 }
13685 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
13686 .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 {
13687 color: #fff;
13688 background: #4c93af;
13689 border: 0;
13690 }
13691 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
13692 color: #fff;
13693 }
13694 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
13695 height: 100%;
13696 margin: 0;
13697 }
13698 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
13699 width: 100%;
13700 border-radius: 10px;
13701 }
13702 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
13703 background: #4c93af;
13704 color: #fff;
13705 cursor: pointer;
13706 }
13707 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
13708 padding: 20px 0;
13709 display: inline-block;
13710 }
13711 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
13712 position: absolute;
13713 top: 50%;
13714 left: 50%;
13715 transform: translate(-50%, -50%);
13716 }
13717 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
13718 height: 100px;
13719 position: absolute;
13720 width: calc(100% - 15px);
13721 bottom: 0;
13722 }
13723 .vbo-admin-widgets-plus-box {
13724 display: block;
13725 margin: 0 auto;
13726 }
13727 .vbo-admin-widgets-widget-details {
13728 display: flex;
13729 }
13730 .vbo-admin-widgets-widget-details h4 {
13731 font-size: 16px;
13732 }
13733 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
13734 margin-left: auto;
13735 display: inline-block;
13736 padding: 5px 5px 5px 0;
13737 cursor: grab;
13738 }
13739 .vbo-admin-widgets-widget-info-descr {
13740 font-size: 14px;
13741 }
13742 .vbo-admin-widgets-container-tmpdrop {
13743 border: 2px dashed #4c93af;
13744 background: #ecf6fa;
13745 height: 82px;
13746 width: calc(100% - 20px);
13747 border-radius: 16px;
13748 }
13749 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
13750 margin-top: 15px;
13751 position: relative;
13752 }
13753 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
13754 display: grid;
13755 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
13756 }
13757 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
13758 display: flex;
13759 flex-wrap: wrap;
13760 align-content: baseline;
13761 border: 1px solid var(--vbo-basic-btn);
13762 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13763 border-radius: 10px;
13764 margin: 10px 10px 2px;
13765 padding: 0 0 10px;
13766 }
13767 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
13768 flex-basis: 100%;
13769 margin-bottom: 4px;
13770 margin-top: 10px;
13771 font-size: 1.1em;
13772 border-bottom: 1px solid var(--vbo-basic-btn);
13773 padding: 0 10px 10px;
13774 }
13775 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
13776 padding: 5px 10px 0px;
13777 }
13778 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
13779 margin-bottom: 3px;
13780 }
13781 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
13782 margin-bottom: 0;
13783 }
13784 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
13785 margin-left: auto;
13786 padding: 10px;
13787 }
13788 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
13789 border-top: 0 !important;
13790 }
13791 .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 {
13792 list-style: none;
13793 word-break: break-word;
13794 }
13795 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13796 padding: 10px;
13797 margin-left: 0;
13798 }
13799 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13800 text-decoration: none;
13801 color: #000;
13802 background: #ffc;
13803 display: block;
13804 min-height: 100px;
13805 width: calc(25% - 80px);
13806 padding: 15px;
13807 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
13808 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13809 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
13810 -moz-transition: -moz-transform .15s linear;
13811 -o-transition: -o-transform .15s linear;
13812 -webkit-transition: -webkit-transform .15s linear;
13813 }
13814 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13815 margin: 25px 20px;
13816 display: inline-block;
13817 vertical-align: top;
13818 line-height: 23px;
13819 }
13820 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13821 width: calc(33% - 80px);
13822 }
13823 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
13824 padding: 0px 0 20px;
13825 margin-bottom: 0;
13826 }
13827 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13828 width: calc(70% - 100px);
13829 margin: 25px 20px 20px;
13830 }
13831 [contenteditable] {
13832 -webkit-user-select: text;
13833 user-select: text;
13834 }
13835 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13836 width: calc(40% - 100px);
13837 }
13838 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
13839 font-size: 18px;
13840 font-weight: bold;
13841 margin-bottom: 5px;
13842 margin-top: 5px;
13843 color: #444;
13844 }
13845 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
13846 margin-top: 0;
13847 }
13848 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
13849 margin: 0;
13850 }
13851 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
13852 cursor: pointer;
13853 }
13854 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
13855 -webkit-transform: rotate(-6deg);
13856 -o-transform: rotate(-6deg);
13857 -moz-transform: rotate(-6deg);
13858 font-size: 18px;
13859 }
13860 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
13861 -o-transform: rotate(4deg);
13862 -webkit-transform: rotate(4deg);
13863 -moz-transform: rotate(4deg);
13864 position: relative;
13865 top: 5px;
13866 }
13867 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
13868 -o-transform: rotate(-3deg);
13869 -webkit-transform: rotate(-3deg);
13870 -moz-transform: rotate(-3deg);
13871 position: relative;
13872 top: -5px;
13873 }
13874 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
13875 -o-transform: rotate(5deg);
13876 -webkit-transform: rotate(5deg);
13877 -moz-transform: rotate(5deg);
13878 position: relative;
13879 top: -10px;
13880 }
13881 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
13882 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13883 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13884 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
13885 -webkit-transform: scale(1.1);
13886 -moz-transform: scale(1.1);
13887 -o-transform: scale(1.1);
13888 position: relative;
13889 z-index: 5;
13890 background: #fff5cd;
13891 }
13892 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
13893 display: flex;
13894 color: #444;
13895 }
13896 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
13897 display: inline-block;
13898 padding: 5px;
13899 cursor: pointer;
13900 font-size: 14px;
13901 }
13902 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
13903 margin-left: auto;
13904 padding-right: 0;
13905 }
13906 .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 {
13907 color: var(--vbo-red-color);
13908 }
13909 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
13910 padding-left: 0;
13911 }
13912 .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 {
13913 color: #2d719a;
13914 }
13915 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
13916 font-size: .85em;
13917 font-style: italic;
13918 text-align: right;
13919 margin-top: 10px;
13920 }
13921 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
13922 list-style-type: disc;
13923 }
13924 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
13925 height: 70px;
13926 width: calc(25% - 80px);
13927 min-height: inherit;
13928 border: 2px solid #ffe8a2;
13929 background: #fff5cd;
13930 padding: 0;
13931 }
13932 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
13933 position: relative;
13934 height: 100%;
13935 padding: 15px;
13936 box-sizing: border-box;
13937 cursor: pointer;
13938 }
13939 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
13940 background: #ffc;
13941 }
13942 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
13943 position: absolute;
13944 top: 50%;
13945 left: 50%;
13946 transform: translate(-50%, -50%);
13947 font-size: 26px;
13948 }
13949 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
13950 margin-top: 20px;
13951 font-size: 16px;
13952 width: auto;
13953 }
13954 .vbo-widget-visitscounter-wrap {
13955 display: flex;
13956 flex-wrap: wrap;
13957 justify-content: center;
13958 margin: 10px 20px 0;
13959 padding-bottom: 10px;
13960 }
13961 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13962 flex-basis: calc(50% - 52px);
13963 background: var(--vbo-config-bg-color);
13964 border: 1px solid var(--vbo-basic-btn);
13965 border-bottom: 3px solid var(--vbo-basic-btn);
13966 padding: 20px;
13967 border-radius: 16px;
13968 margin: 5px;
13969 position:relative;
13970 }
13971 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
13972 height: 30px;
13973 width: 4px;
13974 background: var(--vbo-blue-color);
13975 content: "";
13976 position: absolute;
13977 left: -3px;
13978 top: 17px;
13979 }
13980 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
13981 font-weight: 500;
13982 color: var(--vbo-config-titles-color-light);
13983 margin-top: 10px;
13984 font-size: 14px;
13985 }
13986 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
13987 font-size: 26px;
13988 font-weight: bold;
13989 letter-spacing: 1px;
13990 white-space: nowrap;
13991 }
13992 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13993 flex-basis: calc(50% - 52px);
13994 }
13995 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
13996 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
13997 flex-basis: calc(25% - 52px);
13998 }
13999 .vbo-widgets-welcome-inner {
14000 font-size: 14px;
14001 }
14002 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
14003 background: #bdd5ea;
14004 padding: 10px;
14005 border-radius: 10px;
14006 margin: 15px 0;
14007 display: flex;
14008 flex-wrap: wrap;
14009 }
14010 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
14011 font-size: 16px;
14012 font-weight: bold;
14013 margin-left: 8px;
14014 flex-basis: 100%;
14015 }
14016 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
14017 background: #d8f4ff;
14018 border-radius: 10px;
14019 margin: 10px 4px;
14020 position: relative;
14021 flex-basis: calc(50% - 8px);
14022 }
14023 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14024 font-size: 16px;
14025 font-weight: bold;
14026 padding: 10px 10px 0;
14027 display: block;
14028 }
14029 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14030 display: block;
14031 border-radius: 10px;
14032 margin: 12px 8px;
14033 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14034 background: #fff;
14035 }
14036 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14037 font-size: 14px;
14038 font-weight: bold;
14039 padding: 10px;
14040 display: block;
14041 }
14042 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14043 opacity: 0;
14044 }
14045 .vbo-widgets-welcome-animate {
14046 -webkit-animation-name: VikfadeInDown;
14047 animation-name: VikfadeInDown;
14048 -webkit-animation-duration: .5s;
14049 animation-duration: .5s;
14050 -webkit-animation-fill-mode: both;
14051 animation-fill-mode: both;
14052 }
14053 .vbo-inspector-colorpicker-wrap {
14054 border-radius: 3px;
14055 border: 1px solid var(--vbo-main-bg-color);
14056 background: var(--vbo-config-bg-color);
14057 display: inline-block;
14058 height: 23px;
14059 }
14060 .vbo-inspector-colorpicker {
14061 padding: 0 0px 0 24px;
14062 position: relative;
14063 cursor: pointer;
14064 height: 100%;
14065 display: inline-block;
14066 }
14067 .vbo-inspector-colorpicker:not([style*="background"]) {
14068 background-color: #fff;
14069 opacity: 0.7;
14070 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);
14071 background-position: 0 0, 5px 5px;
14072 background-size: 10px 10px;
14073 }
14074 .vbo-inspector-colorpicker i {
14075 background: var(--vbo-config-bg-color);
14076 padding: 5px;
14077 border-left: 1px solid var(--vbo-main-bg-color);
14078 }
14079 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14080 height: 90%;
14081 }
14082 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14083 display: flex;
14084 flex-wrap: wrap;
14085 }
14086 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14087 padding: 10px;
14088 border-radius: 8px;
14089 margin: 5px;
14090 flex-basis: calc(33% - 34px);
14091 background-origin: border-box !important;
14092 color: #fff;
14093 }
14094 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14095 background: rgb(2,0,36);
14096 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14097 }
14098 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14099 cursor: pointer;
14100 }
14101 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14102 display: flex;
14103 margin-bottom: 10px;
14104 }
14105 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14106 margin-right: 15px;
14107 font-size: 20px;
14108 }
14109 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14110 margin-left: auto;
14111 font-size: 16px;
14112 cursor: pointer;
14113 }
14114 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14115 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14116 }
14117 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14118 font-size: 1.1em;
14119 font-weight: bold;
14120 margin-bottom: 2px;
14121 }
14122 .vbo-admin-widget-style-light-red {
14123 background: rgb(2,0,36);
14124 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14125 }
14126 .vbo-admin-widget-style-light-blue {
14127 background: rgb(2,0,36);
14128 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14129 }
14130 .vbo-admin-widget-style-pink {
14131 background: rgb(2,0,36);
14132 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14133 }
14134 .vbo-admin-widget-style-green {
14135 background: rgb(2,0,36);
14136 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14137 }
14138 .vbo-admin-widget-style-light-orange {
14139 background: rgb(2,0,36);
14140 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14141 }
14142 .vbo-admin-widget-style-yellow {
14143 background: rgb(2,0,36);
14144 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14145 }
14146 .vbo-admin-widget-style-red {
14147 background: rgb(2,0,36);
14148 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14149 }
14150 .vbo-admin-widget-style-violet {
14151 background: rgb(2,0,36);
14152 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14153 }
14154 .vbo-admin-widget-style-orange {
14155 background: rgb(2,0,36);
14156 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14157 }
14158 .vbo-admin-widget-style-blue {
14159 background: rgb(2,0,36);
14160 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14161 }
14162 .vbo-admin-widget-style-brown {
14163 background: rgb(2,0,36);
14164 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14165 }
14166 .vbo-admin-widget-style-dark-blue {
14167 background: rgb(2,0,36);
14168 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14169 }
14170 .vbo-modal-widget-notselected {
14171 filter: brightness(60%);
14172 }
14173 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
14174 cursor: initial;
14175 font-size: 1.4em;
14176 margin-bottom: 10px;
14177 }
14178
14179 /* Side widget panel */
14180 .vbo-sidepanel-wrapper {
14181 position: fixed;
14182 top: 0;
14183 bottom: 0;
14184 right: 0;
14185 z-index: 2147483647;
14186 }
14187 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14188 background: var(--vbo-config-child-bg-color);
14189 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14190 position: absolute;
14191 top: 0;
14192 bottom: 0;
14193 width: 25vw;
14194 padding: 10px 0 6px 0;
14195 transition: 0.3s ease-in all;
14196 -moz-transition: 0.3s ease-in all;
14197 -webkit-transition: 0.3s ease-in all;
14198 }
14199 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14200 background: var(--vbo-config-child-bg-color);
14201 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
14202 position: absolute;
14203 top: 0;
14204 bottom: 0;
14205 width: 88vw;
14206 padding: 10px 0 6px 0;
14207 transition: 0.3s ease-in all;
14208 -moz-transition: 0.3s ease-in all;
14209 -webkit-transition: 0.3s ease-in all;
14210 }
14211 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
14212 visibility: hidden;
14213 }
14214 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
14215 transition: all 0.3s;
14216 }
14217 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
14218 transform: translateX(25vw);
14219 right: 0;
14220 top: 0;
14221 }
14222 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
14223 transform: translateX(88vw);
14224 right: 0;
14225 top: 0;
14226 }
14227 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
14228 transform: translateX(0);
14229 }
14230 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
14231 transform: translateX(0);
14232 }
14233 .vbo-sidepanel-layouts {
14234 display: flex;
14235 margin-top: -10px;
14236 padding: 6px;
14237 }
14238 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
14239 padding-left: 4px;
14240 }
14241 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
14242 display: inline-block;
14243 border: 1px solid var(--vbo-config-border-color);
14244 padding: 0px 5px;
14245 border-radius: 4px;
14246 background: var(--vbo-input-style);
14247 cursor: pointer;
14248 opacity: .8;
14249 }
14250 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
14251 opacity: 1;
14252 }
14253 .vbo-sidepanel-container .vbo-sidepanel-notifications {
14254 flex: 1;
14255 margin-left: 10px;
14256 }
14257 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
14258 background: transparent;
14259 border: 0;
14260 padding: 0;
14261 color: var(--vbo-orange-color);
14262 font-size: 13px;
14263 cursor: initial;
14264 }
14265 .vbo-sidepanel-notifications-off {
14266 color: var(--vbo-red-color);
14267 cursor: pointer;
14268 }
14269 .vbo-sidepanel-notifications-off:hover {
14270 color: var(--vbo-orange-color);
14271 }
14272 .vbo-sidepanel-notifications-off.shaking {
14273 font-size: 13px;
14274 width: 15px;
14275 height: 15px;
14276 margin: 0;
14277 -webkit-animation: ring 4s .7s ease-in-out ;
14278 -webkit-transform-origin: 50% 4px;
14279 -moz-animation: ring 4s .7s ease-in-out;
14280 -moz-transform-origin: 50% 4px;
14281 animation: ring 4s .7s ease-in-out;
14282 transform-origin: 50% 4px;
14283 }
14284 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
14285 margin-left: 10px;
14286 }
14287 .vbo-admin-widgets-suggest-notifications-cont {
14288 display: inline-block;
14289 vertical-align: top;
14290 padding: 4px 6px;
14291 border-radius: 4px;
14292 border: 1px solid var(--vbo-config-border-color);
14293 }
14294 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
14295 margin-left: 0 !important;
14296 }
14297
14298 @-webkit-keyframes ring {
14299 0% { -webkit-transform: rotateZ(0); }
14300 1% { -webkit-transform: rotateZ(30deg); }
14301 3% { -webkit-transform: rotateZ(-28deg); }
14302 5% { -webkit-transform: rotateZ(34deg); }
14303 7% { -webkit-transform: rotateZ(-32deg); }
14304 9% { -webkit-transform: rotateZ(30deg); }
14305 11% { -webkit-transform: rotateZ(-28deg); }
14306 13% { -webkit-transform: rotateZ(26deg); }
14307 15% { -webkit-transform: rotateZ(-24deg); }
14308 17% { -webkit-transform: rotateZ(22deg); }
14309 19% { -webkit-transform: rotateZ(-20deg); }
14310 21% { -webkit-transform: rotateZ(18deg); }
14311 23% { -webkit-transform: rotateZ(-16deg); }
14312 25% { -webkit-transform: rotateZ(14deg); }
14313 27% { -webkit-transform: rotateZ(-12deg); }
14314 29% { -webkit-transform: rotateZ(10deg); }
14315 31% { -webkit-transform: rotateZ(-8deg); }
14316 33% { -webkit-transform: rotateZ(6deg); }
14317 35% { -webkit-transform: rotateZ(-4deg); }
14318 37% { -webkit-transform: rotateZ(2deg); }
14319 39% { -webkit-transform: rotateZ(-1deg); }
14320 41% { -webkit-transform: rotateZ(1deg); }
14321
14322 43% { -webkit-transform: rotateZ(0); }
14323 100% { -webkit-transform: rotateZ(0); }
14324 }
14325
14326 @-moz-keyframes ring {
14327 0% { -moz-transform: rotate(0); }
14328 1% { -moz-transform: rotate(30deg); }
14329 3% { -moz-transform: rotate(-28deg); }
14330 5% { -moz-transform: rotate(34deg); }
14331 7% { -moz-transform: rotate(-32deg); }
14332 9% { -moz-transform: rotate(30deg); }
14333 11% { -moz-transform: rotate(-28deg); }
14334 13% { -moz-transform: rotate(26deg); }
14335 15% { -moz-transform: rotate(-24deg); }
14336 17% { -moz-transform: rotate(22deg); }
14337 19% { -moz-transform: rotate(-20deg); }
14338 21% { -moz-transform: rotate(18deg); }
14339 23% { -moz-transform: rotate(-16deg); }
14340 25% { -moz-transform: rotate(14deg); }
14341 27% { -moz-transform: rotate(-12deg); }
14342 29% { -moz-transform: rotate(10deg); }
14343 31% { -moz-transform: rotate(-8deg); }
14344 33% { -moz-transform: rotate(6deg); }
14345 35% { -moz-transform: rotate(-4deg); }
14346 37% { -moz-transform: rotate(2deg); }
14347 39% { -moz-transform: rotate(-1deg); }
14348 41% { -moz-transform: rotate(1deg); }
14349
14350 43% { -moz-transform: rotate(0); }
14351 100% { -moz-transform: rotate(0); }
14352 }
14353
14354 @keyframes ring {
14355 0% { transform: rotate(0); }
14356 1% { transform: rotate(30deg); }
14357 3% { transform: rotate(-28deg); }
14358 5% { transform: rotate(34deg); }
14359 7% { transform: rotate(-32deg); }
14360 9% { transform: rotate(30deg); }
14361 11% { transform: rotate(-28deg); }
14362 13% { transform: rotate(26deg); }
14363 15% { transform: rotate(-24deg); }
14364 17% { transform: rotate(22deg); }
14365 19% { transform: rotate(-20deg); }
14366 21% { transform: rotate(18deg); }
14367 23% { transform: rotate(-16deg); }
14368 25% { transform: rotate(14deg); }
14369 27% { transform: rotate(-12deg); }
14370 29% { transform: rotate(10deg); }
14371 31% { transform: rotate(-8deg); }
14372 33% { transform: rotate(6deg); }
14373 35% { transform: rotate(-4deg); }
14374 37% { transform: rotate(2deg); }
14375 39% { transform: rotate(-1deg); }
14376 41% { transform: rotate(1deg); }
14377
14378 43% { transform: rotate(0); }
14379 100% { transform: rotate(0); }
14380 }
14381
14382 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
14383 margin-left: auto;
14384 padding-right: 5px;
14385 padding-top: 2px;
14386 }
14387 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
14388 cursor: pointer;
14389 width: 17px;
14390 display: inline-block;
14391 }
14392 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14393 opacity: .8;
14394 }
14395 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
14396 opacity: 1;
14397 }
14398 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
14399 fill: var(--vbo-config-titles-color-light);
14400 }
14401 .vbo-sidepanel-container .vbo-sidepanel-search {
14402 position: relative;
14403 display: flex;
14404 }
14405 .vbo-sidepanel-container .vbo-sidepanel-search > i {
14406 position: absolute;
14407 top: 14px;
14408 left: 15px;
14409 }
14410 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
14411 width: 100% !important;
14412 flex: 1;
14413 padding: 8px 10px;
14414 padding-left: 35px !important;
14415 }
14416 .vbo-sidepanel-container .vbo-sidepanel-search button {
14417 border-radius: 4px;
14418 margin: 0 0 0 5px;
14419 font-size: 14px;
14420 padding: 6px 8px;
14421 }
14422 .vbo-sidepanel-container .vbo-sidepanel-search button i {
14423 margin-right: 0;
14424 }
14425 .vbo-sidepanel-body-top {
14426 position: relative;
14427 margin-top: 7px;
14428 margin-bottom: 5px;
14429 padding: 0 15px;
14430 }
14431 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
14432 max-height: 35vh;
14433 overflow-y: scroll;
14434 margin-top: 5px;
14435 position: absolute;
14436 width: calc(100% - 30px);
14437 background: var(--vbo-config-bg-color);
14438 padding: 5px;
14439 box-sizing: border-box;
14440 z-index: 99999;
14441 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
14442 border-radius: 4px;
14443 }
14444 .vbo-sidepanel-add-widget {
14445 cursor: pointer;
14446 margin-bottom: 8px;
14447 border: 1px solid var(--vbo-config-border-color);
14448 border-radius: 6px;
14449 padding: 5px;
14450 }
14451 .vbo-sidepanel-add-widget:hover {
14452 border-color: var(--vbo-blue-color);
14453 }
14454 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
14455 display: flex;
14456 }
14457 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
14458 flex: 1;
14459 }
14460 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
14461 border-radius: 6px;
14462 padding: 5px;
14463 text-align: center;
14464 width: 22px;
14465 height: 22px;
14466 display: inline-block;
14467 line-height: 22px;
14468 color: #fff;
14469 box-sizing: content-box;
14470 }
14471 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
14472 font-weight: bold;
14473 margin-left: 10px;
14474 -webkit-user-select: none;
14475 -ms-user-select: none;
14476 user-select: none;
14477 }
14478 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
14479 margin-left: auto;
14480 align-self: center;
14481 font-size: 15px;
14482 cursor: pointer;
14483 color: var(--vbo-green-color);
14484 }
14485 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
14486 color: var(--vbo-green-color-hover);
14487 }
14488 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
14489 opacity: 0;
14490 margin-right: 3px;
14491 color: var(--vbo-base-color);
14492 transition: all 100ms ease-in-out 0s;
14493 }
14494 .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 {
14495 opacity: 1;
14496 transition: all 100ms ease-in-out 0s;
14497 }
14498 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
14499 color: var(--vbo-base-color-hover);
14500 }
14501 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
14502 max-height: 84vh;
14503 min-height: 300px;
14504 overflow-y: scroll;
14505 padding: 5px 15px 0;
14506 }
14507 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
14508 background: var(--vbo-config-bg-color);
14509 border-radius: 6px;
14510 margin: 20px 0 10px;
14511 position: relative;
14512 box-shadow: 0 3px 5px rgba(0,0,0,.1);
14513 }
14514 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
14515 margin-top: 10px;
14516 }
14517 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
14518 position: absolute;
14519 top: -4px;
14520 left: -6px;
14521 width: 16px;
14522 height: 16px;
14523 border-radius: 50%;
14524 text-align: center;
14525 line-height: 16px;
14526 background: var(--vbo-red-color);
14527 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
14528 color: #fff;
14529 font-size: 10px;
14530 }
14531 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
14532 background: var(--vbo-red-color-hover);
14533 }
14534 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
14535 position: absolute;
14536 top: -15px;
14537 left: 50%;
14538 transform: translate(-50%, 0);
14539 width: 24px;
14540 height: 24px;
14541 border-radius: 50%;
14542 background: var(--vbo-config-bg-color);
14543 border: 1px solid var(--vbo-main-bg-color);
14544 color: var(--vbo-config-text-color-light);
14545 text-align: center;
14546 line-height: 24px;
14547 font-size: 12px;
14548 box-shadow: 0 4px 7px rgba(0,0,0,.1);
14549 z-index: 1;
14550 cursor: pointer;
14551 opacity: 0;
14552 transition: 0.2s ease-in all;
14553 -moz-transition: 0.2s ease-in all;
14554 -webkit-transition: 0.2s ease-in all;
14555 }
14556 .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 {
14557 opacity: 1;
14558 }
14559 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
14560 color: var(--vbo-base-color);
14561 }
14562 .vbo-sidepanel-edit-widgets {
14563 margin-top: 10px;
14564 text-align: center;
14565 position: absolute;
14566 bottom: 10px;
14567 left: 50%;
14568 transform: translate(-50%, 0px);
14569 z-index: 10000;
14570 }
14571 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
14572 display: inline-block;
14573 padding: 5px 10px;
14574 border-radius: 20px;
14575 font-size: 11px;
14576 background: var(--vbo-config-border-color);
14577 border-color: var(--vbo-config-text-color-light);
14578 }
14579 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
14580 background: var(--vbo-main-bg-color);
14581 }
14582 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
14583 background: var(--vbo-orange-color);
14584 border-color: var(--vbo-orange-color-hover);
14585 box-shadow: 0 3px 5px rgba(0,0,0,.2);
14586 }
14587 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
14588 background: var(--vbo-orange-color);
14589 }
14590 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
14591 font-size: 14px;
14592 padding: 3px 0 3px 15px;
14593 margin: 8px 0;
14594 }
14595 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
14596 margin-right: 5px;
14597 font-size: 12px;
14598 }
14599 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
14600 display: none;
14601 }
14602 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
14603 height: 28px;
14604 }
14605 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14606 padding: 5px 8px;
14607 font-size: 11px;
14608 }
14609 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
14610 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14611 margin: 7px 10px 6px 6px;
14612 }
14613 .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 {
14614 padding: 2px 5px;
14615 }
14616 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
14617 padding: 3.5px 9px;
14618 }
14619 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14620 flex-wrap: wrap;
14621 }
14622 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
14623 flex-wrap: wrap;
14624 }
14625 .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 {
14626 flex-basis: 100%;
14627 margin-top: 5px;
14628 margin-right: 0;
14629 }
14630 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
14631 width: 100%;
14632 }
14633 .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 {
14634 padding: 8px;
14635 border: 1px solid var(--vbo-basic-btn);
14636 }
14637 .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 {
14638 border-color: var(--vbo-blue-color-hover);
14639 }
14640 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
14641 margin-bottom: 0;
14642 }
14643 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
14644 width: 100%;
14645 }
14646 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
14647 padding: 10px 15px;
14648 }
14649 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
14650 vertical-align: middle;
14651 }
14652 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
14653 padding: 0px 10px;
14654 }
14655 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
14656 font-size: 16px;
14657 }
14658 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
14659 font-size: 13px;
14660 }
14661 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
14662 width: 100%;
14663 }
14664 .vbo-sidepanel-add-widget-focussed {
14665 background: var(--vbo-toolbar-bg-color);
14666 border-color: var(--vbo-blue-color);
14667 }
14668 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
14669 padding: 5px 0 5px 15px;
14670 }
14671 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
14672 margin-top: 3px;
14673 }
14674 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
14675 flex-basis: 180px;
14676 }
14677 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
14678 display: flex;
14679 }
14680 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
14681 align-self: center;
14682 padding: 0 8px 0 10px;
14683 }
14684 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
14685 display: block;
14686 margin-bottom: 5px;
14687 }
14688 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
14689 margin-top: 5px;
14690 }
14691 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
14692 width: 100%;
14693 }
14694 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
14695 padding: 10px;
14696 display: flex;
14697 gap: 0;
14698 }
14699 .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 {
14700 flex: 1;
14701 margin-right: 10px;
14702 }
14703 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
14704 padding: 10px 15px;
14705 }
14706 .vbo-widget-booskcal-newbook-cont {
14707 position: relative;
14708 }
14709 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
14710 margin-top: 5px;
14711 }
14712 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
14713 border-bottom: 1px solid var(--vbo-config-border-color);
14714 padding-bottom: 5px;
14715 }
14716 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
14717 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
14718 margin-right: 2px;
14719 }
14720 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
14721 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
14722 float: right;
14723 font-weight: bold;
14724 text-transform: uppercase;
14725 display: inline-block;
14726 margin-left: 10px;
14727 }
14728 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
14729 display: inline-block;
14730 margin-bottom: 2px;
14731 }
14732 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
14733 padding: 5px 10px;
14734 border-radius: 4px;
14735 margin-top: 5px;
14736 }
14737 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
14738 border: 1px solid var(--vbo-config-border-color);
14739 padding: 5px;
14740 border-radius: 6px;
14741 margin-bottom: 5px;
14742 }
14743 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
14744 width: 100%;
14745 }
14746 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14747 text-align: right !important;
14748 padding: 3px !important;
14749 vertical-align: top !important;
14750 cursor: initial;
14751 }
14752 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14753 height: 40px;
14754 }
14755 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
14756 width: 100%;
14757 height: 100%;
14758 }
14759 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
14760 vertical-align: bottom !important;
14761 background: transparent;
14762 border: 0 !important;
14763 }
14764 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
14765 background: transparent;
14766 }
14767 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
14768 background: var(--vbo-main-bg-color);
14769 }
14770 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
14771 cursor: pointer;
14772 }
14773 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
14774 width: 18px;
14775 display: inline-block;
14776 height: 18px;
14777 line-height: 18px;
14778 background: var(--vbo-red-color);
14779 color: #fff;
14780 border-radius: 50%;
14781 text-align: center;
14782 }
14783 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
14784 border: 1px solid var(--vbo-config-bg-color);
14785 }
14786 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
14787 text-align: center;
14788 font-size: 12px;
14789 }
14790 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
14791 height: 40px;
14792 }
14793 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
14794 line-height: 40px;
14795 }
14796 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
14797 height: 40px;
14798 }
14799 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14800 margin-top: 0;
14801 }
14802 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
14803 margin-top: 14px;
14804 }
14805 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
14806 padding-top: 6px;
14807 }
14808 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
14809 margin-bottom: 5px;
14810 }
14811 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
14812 right: 10px;
14813 min-width: 200px;
14814 }
14815 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
14816 display: flex;
14817 width: 100%;
14818 }
14819 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
14820 align-self: center;
14821 display: inline-block;
14822 }
14823 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
14824 align-self: center;
14825 margin-top: 0;
14826 padding-top: 0;
14827 padding-bottom: 0;
14828 margin-left: auto;
14829 width: auto;
14830 float: right;
14831 margin-right: 0;
14832 }
14833 .vbo-widget-reminders-list .vbo-widget-reminders-record {
14834 display: flex;
14835 padding: 5px 10px;
14836 border-radius: 4px;
14837 border: 1px solid var(--vbo-config-border-color);
14838 margin: 5px 10px;
14839 position: relative;
14840 overflow: hidden;
14841 }
14842 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
14843 margin-right: 10px;
14844 display: flex;
14845 flex-wrap: wrap;
14846 flex-direction: column;
14847 }
14848 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14849 background: none;
14850 border: 0;
14851 color: var(--vbo-body-text-color);
14852 padding: 0;
14853 font-size: 15px;
14854 margin-top: 2px;
14855 }
14856 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14857 margin-top: auto;
14858 }
14859 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
14860 color: var(--vbo-orange-color);
14861 }
14862 .vbo-widget-reminders-list .vbo-reminder-ok {
14863 opacity: .8;
14864 color: var(--vbo-config-titles-color-light);
14865 }
14866 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
14867 color: var(--vbo-blue-color);
14868 }
14869 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
14870 background: var(--vbo-blue-color);
14871 position: absolute;
14872 right: 0;
14873 top: 0;
14874 height: 100%;
14875 width: 35px;
14876 transition: 0.3s ease-in all;
14877 -moz-transition: 0.3s ease-in all;
14878 -webkit-transition: 0.3s ease-in all;
14879 transform: translateX(100%);
14880 display: flex;
14881 cursor: pointer;
14882 }
14883 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
14884 background: var(--vbo-blue-color-hover);
14885 }
14886 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
14887 transform: translateX(0);
14888 }
14889 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
14890 background: transparent;
14891 border: 0;
14892 padding: 0;
14893 width: 100%;
14894 color: #fff;
14895 cursor: pointer;
14896 }
14897 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
14898 margin-right: 0;
14899 }
14900 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
14901 margin-right: 10px;
14902 }
14903 .vbo-widget-reminder-title {
14904 font-weight: bold;
14905 display: block;
14906 margin-bottom: 2px;
14907 }
14908 .vbo-widget-reminders-record-due {
14909 margin-top: 3px;
14910 color: var(--vbo-config-titles-color-light) !important;
14911 font-size: .9em;
14912 display: flex;
14913 }
14914 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
14915 order: 2;
14916 margin-left: 10px;
14917 }
14918 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
14919 display: inline-block;
14920 }
14921 .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 {
14922 margin-left: 2px;
14923 }
14924 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
14925 color: var(--vbo-red-color) !important;
14926 font-size: 1em;
14927 }
14928 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
14929 padding: 5px 10px;
14930 margin-bottom: 8px;
14931 }
14932 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
14933 padding: 0 15px;
14934 }
14935 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
14936 margin-bottom: 5px;
14937 }
14938 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
14939 margin: 10px 0;
14940 }
14941 .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 {
14942 width: 100% !important;
14943 }
14944 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
14945 width: auto !important;
14946 }
14947 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
14948 min-height: 100px;
14949 }
14950 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
14951 display: flex;
14952 flex-wrap: wrap;
14953 }
14954 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
14955 float: right;
14956 margin-left: 10px;
14957 }
14958 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
14959 color: var(--vbo-orange-color);
14960 }
14961 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
14962 flex: 1;
14963 }
14964 .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 {
14965 width: 100%;
14966 }
14967 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14968 display: flex;
14969 gap: 5px;
14970 }
14971 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14972 flex: 1;
14973 }
14974 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14975 display: flex;
14976 margin-left: 10px;
14977 }
14978 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
14979 flex: 0;
14980 }
14981 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
14982 width: 110px !important;
14983 }
14984 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
14985 margin-right: 5px;
14986 }
14987 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14988 margin-top: 5px;
14989 text-align: center;
14990 }
14991 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
14992 display: flex;
14993 }
14994 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
14995 flex: 1;
14996 }
14997 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
14998 margin-left: 5px;
14999 }
15000 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
15001 align-self: initial;
15002 }
15003 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
15004 margin-top: 3px;
15005 color: var(--vbo-config-titles-color-light) !important;
15006 font-size: .9em;
15007 }
15008 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
15009 font-weight: 500;
15010 font-size: .9em;
15011 }
15012 .vbo-widget-bookdets-cm-updresult {
15013 margin-bottom: 2px;
15014 }
15015 .vbo-widget-bookdets-cm-updresult:last-child {
15016 margin-bottom: 0;
15017 }
15018 .vbo-widget-bookdets-cm-updresult > i {
15019 color: var(--vbo-config-text-color-light);
15020 margin-right: 3px;
15021 }
15022 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
15023 padding: 2px 6px;
15024 }
15025 .vbo-widget-push-notification {
15026 margin: 0px 10px;
15027 padding: 12px;
15028 border-radius: 10px;
15029 border-width: 1px;
15030 border-style: solid;
15031 }
15032 .vbo-widget-push-notification-info {
15033 background-color: var(--vbo-info-bg);
15034 border-color: var(--vbo-info-border);
15035 color: var(--vbo-container-text-color);
15036 }
15037 .vbo-widget-push-notification-warning {
15038 background-color: var(--vbo-warning-bg);
15039 border-color: var(--vbo-warning-border);
15040 color: var(--vbo-container-text-color);
15041 }
15042 .vbo-widget-push-notification-error {
15043 background-color: var(--vbo-error-bg);
15044 border-color: var(--vbo-error-border);
15045 color: var(--vbo-container-text-color);
15046 }
15047 .vbo-widget-push-notification-title {
15048 font-size: 14px;
15049 margin-bottom: 2px;
15050 }
15051 .vbo-widget-push-notification-message {
15052 font-size: 13px;
15053 }
15054 .vbo-widget-push-notification-action {
15055 margin-top: 5px;
15056 }
15057 .vbo-widget-push-notification-action .btn.vbo-config-btn {
15058 padding: 8px 10px;
15059 }
15060 .vbo-widget-bookdets-cm-updresult-log {
15061 font-size: .95em;
15062 color: var(--vbo-config-titles-color-light);
15063 }
15064
15065 .colorpicker input {
15066 top: -4px;
15067 }
15068
15069 @-webkit-keyframes VikfadeInDown {
15070 from {
15071 opacity: 0;
15072 -webkit-transform: translate3d(0%, -20%, 0);
15073 transform: translate3d(0%, -20%, 0);
15074 }
15075
15076 to {
15077 opacity: 1;
15078 -webkit-transform: translate3d(0%, 0%, 0);
15079 transform: translate3d(0%, 0%, 0);
15080 }
15081 }
15082
15083 @keyframes VikfadeInDown {
15084 from {
15085 opacity: 0;
15086 -webkit-transform: translate3d(0%, -20%, 0);
15087 transform: translate3d(0%, -20%, 0);
15088 }
15089
15090 to {
15091 opacity: 1;
15092 -webkit-transform: translate3d(0%, 0%, 0);
15093 transform: translate3d(0%, 0%, 0);
15094 }
15095 }
15096 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
15097 text-align: center;
15098 margin-bottom: 20px;
15099 }
15100 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
15101 display: inline-block;
15102 margin: 5px;
15103 }
15104 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
15105 border-radius: 3px;
15106 padding: 8px 14px;
15107 margin-bottom: 0;
15108 font-size: inherit;
15109 }
15110 .vbo-modal-condtext-rules {
15111 display: flex;
15112 flex-wrap: wrap;
15113 }
15114 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
15115 flex-basis: calc(33% - 38px);
15116 border: 2px solid var(--vbo-config-border-color);
15117 padding: 10px;
15118 border-radius: 6px;
15119 margin: 7px;
15120 cursor: pointer;
15121 }
15122 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
15123 border-color: #acdaac;
15124 }
15125 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
15126 border-color: #46a546;
15127 }
15128 .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 {
15129 opacity: .6;
15130 border: 2px solid var(--vbo-main-bg-color);
15131 cursor: auto;
15132 color: var(--vbo-config-titles-color-light);
15133 }
15134 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
15135 margin-top: 0;
15136 margin-bottom: 5px;
15137 font-size: 16px;
15138 }
15139 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
15140 font-size: 14px;
15141 }
15142 .vbo-modal-condtext-rule-apply {
15143 text-align: center;
15144 margin-bottom: 20px;
15145 }
15146 .vbo-condtext-rule .adminlegend {
15147 display: flex;
15148 }
15149 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
15150 margin-left: auto;
15151 cursor: pointer;
15152 }
15153 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
15154 font-size: 15px;
15155 color: var(--vbo-config-titles-color-light);
15156 padding: 4px;
15157 display: inline-block;
15158 }
15159 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
15160 color: var(--vbo-red-color);
15161 }
15162 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
15163 padding: 8px 10px;
15164 border-color: var(--vbo-config-border-color);
15165 }
15166 .vbo-config-maintab-right-halfsize {
15167 display: flex;
15168 flex-wrap: wrap;
15169 padding-top: 12px;
15170 }
15171 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
15172 flex-grow: 0;
15173 }
15174 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
15175 flex-basis: calc(50% - 78px);
15176 margin: 8px;
15177 flex-grow: 1;
15178 }
15179 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
15180 width: 100%;
15181 }
15182 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
15183 flex-wrap: wrap;
15184 }
15185 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
15186 flex-basis: 100%;
15187 }
15188 .vbo-param-container img {
15189 max-width: 100%;
15190 }
15191 .vbo-condtext-rule[data-ruleaction="0"] {
15192 border: 1px solid var(--vbo-base-color);
15193 }
15194 .vbo-condtext-rule[data-ruleaction="1"] {
15195 border: 1px solid var(--vbo-orange-color);
15196 }
15197 .notice-noicon {
15198 padding: 12px;
15199 background-image: none;
15200 }
15201 .notice-noicon i {
15202 margin-right: 5px;
15203 }
15204 .vbo-list-table-rounded {
15205 border: 1px solid var(--vbo-config-border-color);
15206 border-radius: 10px;
15207 }
15208 .vbo-list-table-rounded .table {
15209 margin-top: 0;
15210 margin-bottom: 0;
15211 }
15212 .vbo-list-table-rounded .table thead th {
15213 padding: 18px 20px;
15214 color: #444;
15215 }
15216 .vbo-list-table-rounded .table td {
15217 padding: 10px 20px;
15218 }
15219 .vbo-list-table-rounded .table td:last-child {
15220 text-align: right;
15221 }
15222 .vbo-ratesoverview-top-outer {
15223 text-align: right;
15224 margin-top: -20px;
15225 }
15226 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
15227 display: inline-block;
15228 border: 1px solid var(--vbo-config-border-color);
15229 padding: 5px 10px 0;
15230 border-radius: 4px;
15231 margin-bottom: 5px
15232 }
15233 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
15234 display: inline-block;
15235 vertical-align: top;
15236 margin: 5px 0 0 6px;
15237 cursor: pointer;
15238 }
15239 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
15240 height: 27px;
15241 }
15242 .vbo-list-table .btn.vbo-condtext-tmpl-status {
15243 padding: 4px 10px;
15244 margin: 3px;
15245 font-size: 13px;
15246 }
15247 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
15248 margin-right: 2px;
15249 }
15250 .vbo-inspector-hover {
15251 background-color: rgba(184, 225, 243, 1) !important;
15252 }
15253 .vbo-inspector-wrap {
15254 padding: 15px;
15255 }
15256 .vbo-inspector-wrap > * {
15257 padding: 20px 0;
15258 }
15259 .vbo-admin-container .vbo-config-maintab-top {
15260 display: flex;
15261 flex-basis: 100%;
15262 }
15263 .vbo-config-maintab-top .vbo-config-fieldset-large {
15264 flex-basis: 75%;
15265 }
15266 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
15267 width: 100%;
15268 }
15269 .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 {
15270 white-space: initial;
15271 }
15272 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
15273 flex: 1;
15274 margin-left: 20px;
15275 }
15276 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
15277 width: 100%;
15278 }
15279 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
15280 padding: 5px 10px;
15281 background: var(--vbo-config-child-bg-color);
15282 margin: 0;
15283 }
15284 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
15285 font-weight: 500;
15286 }
15287 .vbo-admin-container > .vbo-config-maintab-bottom {
15288 flex-basis: 100%;
15289 }
15290 .vbo-admin-container > #vbo-conditrules-wrap {
15291 flex-grow: 0;
15292 }
15293 .btn.vbo-condtext-specialtag-btn {
15294 padding: 8px 14px;
15295 background-color: #e2eaee;
15296 color: var(--vbo-base-color);
15297 border: 1px solid #c9e0ec;
15298 }
15299 .btn.vbo-condtext-specialtag-btn:hover {
15300 background: #2482b5;
15301 border: 1px solid #2482b5;
15302 color: #fff;
15303 }
15304 .vbo-condtext-addrule-helper {
15305 flex-basis: 100%;
15306 margin: 10px 0 20px 8px;
15307 }
15308 .vbo-geoinfo-markers-wrap {
15309 display: flex;
15310 flex-wrap: wrap;
15311 }
15312 .vbo-geoinfo-marker-cont {
15313 flex-basis: calc(16% - 15px);
15314 text-align: center;
15315 border: 1px solid var(--vbo-config-border-color);
15316 background: var(--vbo-basic-btn);
15317 padding: 5px;
15318 margin: 4px;
15319 border-radius: 4px;
15320 }
15321 .vbo-geoinfo-marker-label {
15322 margin-bottom: 4px;
15323 }
15324 .btn.vbo-geomarker-status {
15325 font-size: 18px;
15326 }
15327 .btn.vbo-geomarker-status i {
15328 font-size: 16px;
15329 margin-right: 0 !important;
15330 }
15331 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
15332 border-color: var(--vbo-green-color);
15333 color: var(--vbo-green-color);
15334 }
15335 .vbo-geoinfo-param .vbo-param-label > i {
15336 margin-top: 10px;
15337 }
15338 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
15339 margin: 0;
15340 padding-top: 0;
15341 }
15342 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
15343 background: var(--vbo-config-bg-color);
15344 }
15345 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15346 border-color: var(--vbo-config-border-color);
15347 color: #343a40;
15348 }
15349 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
15350 border-color: var(--vbo-green-color);
15351 color: var(--vbo-green-color);
15352 }
15353 .vbo-cust-geo-marker-svg-list {
15354 display: flex;
15355 flex-wrap: wrap;
15356 margin-bottom: 10px;
15357 margin-top: 20px;
15358 justify-content: center;
15359 }
15360 .vbo-cust-geo-marker-svg {
15361 border: 1px solid var(--vbo-config-border-color);
15362 text-align: center;
15363 border-radius: 4px;
15364 padding: 4px 10px;
15365 margin: 4px;
15366 flex-basis: calc(16% - 27px);
15367 cursor: pointer;
15368 position: relative;
15369 }
15370 .vbo-cust-geo-marker-svg-icon {
15371 padding-right: 10px;
15372 }
15373 .vbo-cust-geo-marker-svg-name {
15374 margin-bottom: 10px;
15375 font-size: 14px;
15376 }
15377 .vbo-cust-geo-marker-svg svg {
15378 height: 43px;
15379 max-width: 100%;
15380 }
15381 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
15382 border-color: #008d02;
15383 }
15384 .vbo-cust-geo-marker-svg-addnew i {
15385 font-size: 26px;
15386 }
15387 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
15388 padding-right: 0;
15389 }
15390 .vbo-cust-geo-marker-svg-adjust {
15391 margin-bottom: 20px;
15392 border: 1px solid var(--vbo-config-border-color);
15393 padding: 10px 20px;
15394 background: var(--vbo-config-child-bg-color);
15395 }
15396 .vbo-geo-marker-param-container {
15397 margin: 12px 0;
15398 }
15399 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
15400 margin-right: 10px;
15401 min-width: 80px;
15402 margin-bottom: 5px;
15403 font-weight: 500;
15404 }
15405 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
15406 margin-right: 10px;
15407 min-width: 140px;
15408 margin-bottom: 10px;
15409 }
15410 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
15411 width: 100% !important;
15412 }
15413 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
15414 margin: 15px 0 20px;
15415 }
15416 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
15417 display: flex;
15418 flex-wrap: wrap;
15419 justify-content: center;
15420 }
15421 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
15422 margin: 12px 10px;
15423 }
15424 .vbo-cust-geo-marker-save {
15425 text-align: center;
15426 margin-bottom: 20px;
15427 }
15428 .vbo-cust-geo-marker-top {
15429 text-align: center;
15430 margin-bottom: 20px;
15431 }
15432 #geo_address_formatted {
15433 cursor: pointer;
15434 }
15435 #geo_address_formatted:hover {
15436 color: #0071a1;
15437 }
15438 .vbo-cust-geo-marker-svg-remove {
15439 position: absolute;
15440 right: 0;
15441 bottom: 0;
15442 padding: 2px 4px;
15443 border: 1px solid var(--vbo-config-border-color);
15444 border-bottom: 0;
15445 border-right: 0;
15446 border-top-left-radius: 4px;
15447 }
15448 .vbo-cust-geo-marker-svg-remove span:hover i {
15449 color: var(--vbo-red-color);
15450 }
15451 .vbo-geo-marker-param-setting .btn.btn-secondary {
15452 padding: 9px 14px;
15453 }
15454 .vbo-geomarker-infowin-wrap {
15455 min-width: 250px;
15456 }
15457 .vbo-geomarker-infowin-wrap > h4 {
15458 margin: 0px 0 10px;
15459 font-size: 16px;
15460 }
15461 .vbo-geo-marker-param-setting img {
15462 max-width: 90%;
15463 margin-bottom: 5px;
15464 }
15465 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
15466 max-width: 180px;
15467 }
15468 .vbo-geo-legend-import {
15469 float: right;
15470 }
15471 .vbo-geo-legend-import .select2-container .select2-selection--single {
15472 height: 36px;
15473 border: 1px solid var(--vbo-config-border-color);
15474 border-radius: 2px;
15475 font-size: 14px;
15476 font-weight: normal;
15477 }
15478 .vbo-geo-legend-import #select2-roomselcalc-container {
15479 font-weight: normal;
15480 font-size: 14px;
15481 }
15482 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
15483 height: 36px;
15484 }
15485 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
15486 line-height: 36px;
15487 }
15488 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
15489 margin-right: 10px;
15490 }
15491 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
15492 margin-top: 7px;
15493 }
15494 .vbo-geoinfo-param #vbo-goverlay-edit {
15495 margin-left: 15px;
15496 }
15497 .vbo-geo-marker-params-group {
15498 display: flex;
15499 flex-wrap: wrap;
15500 }
15501 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
15502 margin: 12px 5px;
15503 flex-basis: calc(50% - 10px);
15504 }
15505 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
15506 width: 100% !important;
15507 box-sizing: border-box;
15508 height: auto;
15509 }
15510 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
15511 height: 80%;
15512 }
15513 .vbo-paybutpos-wrap {
15514 margin-top: 10px;
15515 }
15516 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
15517 border-radius: 10px;
15518 background: var(--vbo-main-bg-color);
15519 padding: 15px;
15520 width: 300px;
15521 font-size: 16px;
15522 color: var(--vbo-config-titles-color-light);
15523 box-shadow: 0 5px 10px rgba(0,0,0,.15);
15524 }
15525 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
15526 border-radius: 4px;
15527 margin: 0 5px 5px;
15528 background: var(--vbo-light-color-btn);
15529 width: 200px;
15530 height: 20px;
15531 }
15532 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
15533 text-align: center;
15534 padding: 7px;
15535 margin: 0 5px 0;
15536 border: 2px solid var(--vbo-config-bg-color);
15537 border-radius: 4px;
15538 }
15539 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
15540 background: var(--vbo-base-color);
15541 color: #fff;
15542 padding: 5px 18px;
15543 display: inline-block;
15544 border-radius: 6px;
15545 cursor: pointer;
15546 }
15547 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
15548 display: flex;
15549 }
15550 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
15551 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
15552 flex: 1;
15553 margin: 5px;
15554 border-radius: 4px;
15555 background: var(--vbo-config-bg-color);
15556 padding: 10px 15px;
15557 }
15558 .vbo-param-container.vbo-param-container-log {
15559 border: 1px solid var(--vbo-config-border-color);
15560 padding: 10px;
15561 margin: 2px;
15562 border-radius: 4px;
15563 background: var(--vbo-config-child-bg-color);
15564 }
15565 #vbo-condtext-warn-norules {
15566 width: 100%;
15567 }
15568 #ifchildrenextra .vbo-dyninpnum-cont + a {
15569 display: inline-block;
15570 background: var(--vbo-base-color);
15571 color: #fff;
15572 border: 0;
15573 padding: 9px 14px;
15574 font-weight: bold;
15575 font-size: 13px;
15576 line-height: 18px;
15577 border-radius: 3px;
15578 }
15579 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
15580 background: var(--vbo-base-color-hover);
15581 }
15582 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
15583 background: var(--vbo-link-text-color);
15584 }
15585 #ifchildrenextra .vbo-dyninpnum-cont + a i {
15586 margin-right: 5px;
15587 }
15588 #ifchildrenextra .vbo-dyninpnum-cont input {
15589 margin: 5px 0;
15590 }
15591 #minguestscont > div, #alwaysavcont > div {
15592 margin: 5px 0;
15593 }
15594 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
15595 width: auto !important;
15596 }
15597 .vbo-admin-container .vbo-maninvoice-tbcont {
15598 width: 100%;
15599 border: 1px solid var(--vbo-main-bg-color);
15600 border-radius: 7px;
15601 border-spacing: 0px;
15602 border-collapse: separate;
15603 }
15604 .vbo-maninvoice-tbcont th {
15605 background: var(--vbo-main-bg-color);
15606 text-align: left;
15607 padding: 7px 10px;
15608 }
15609 .vbo-maninvoice-tbcont th:first-child {
15610 border-top-left-radius: 5px;
15611 }
15612 .vbo-maninvoice-tbcont th:last-child {
15613 border-top-right-radius: 5px;
15614 }
15615 .vbo-maninvoice-tbcont td {
15616 padding: 5px 10px;
15617 }
15618 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
15619 margin: 2px;
15620 }
15621 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
15622 vertical-align: top;
15623 display: inline-block;
15624 }
15625 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
15626 width: 80px !important;
15627 }
15628 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
15629 text-align: right;
15630 }
15631 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
15632 margin-right: 0 !important;
15633 }
15634 .vbo-maninvoice-totals-format {
15635 position: relative;
15636 }
15637 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
15638 position: absolute;
15639 top: -1px;
15640 left: 10px;
15641 color: var(--vbo-config-titles-color-light);
15642 font-size: 15px;
15643 }
15644 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
15645 padding-left: 25px !important;
15646 }
15647 #maxquantblock {
15648 width: 100%;
15649 }
15650 .colorpicker {
15651 z-index: 100000001;
15652 }
15653 .vbo-toast-wrapper .toast-message-content {
15654 color: var(--vbo-body-text-color) !important;
15655 }
15656 .vbo-toast-wrapper .toast-message-content.notice {
15657 background-color: var(--vbo-config-bg-color) !important;
15658 }
15659
15660 /* Virtual Terminal Widget */
15661 .vbo-vterminal-cc-container {
15662 padding: 20px;
15663 }
15664 .vbo-vterminal-cc-row-group {
15665 display: flex;
15666 flex-wrap: wrap;
15667 }
15668 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
15669 margin-bottom: 14px;
15670 flex: 1;
15671 }
15672 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
15673 margin-bottom: 3px;
15674 text-align: left;
15675 font-size: 14px;
15676 font-weight: 500;
15677 }
15678 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
15679 flex: 1;
15680 height: 50px !important;
15681 border: 1px solid var(--vbo-config-border-color);
15682 border-radius: 6px !important;
15683 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
15684 margin: 0;
15685 }
15686 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
15687 flex-basis: 150px;
15688 flex-grow: 0;
15689 }
15690 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
15691 width: 100% !important;
15692 max-width: inherit !important;
15693 }
15694 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
15695 border-top-right-radius: 0 !important;
15696 border-bottom-right-radius: 0 !important;
15697 }
15698 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
15699 flex: 1;
15700 }
15701 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
15702 position: relative;
15703 }
15704 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
15705 position: absolute;
15706 top: 50%;
15707 right: 15px;
15708 transform: translateY(-50%);
15709 width: 32px;
15710 height: 20px;
15711 }
15712 @keyframes vterminal-card-position {
15713 0% {right: 0}
15714 100% {right: -5px}
15715 }
15716 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
15717 position: relative;
15718 animation-name: vterminal-card-position;
15719 animation-duration: 0.2s;
15720 right: -5px;
15721 width: 32px;
15722 height: 20px;
15723 }
15724 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
15725 flex-basis: 150px;
15726 flex-grow: 0;
15727 }
15728 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
15729 border-top-left-radius: 0 !important;
15730 border-bottom-left-radius: 0 !important;
15731 border-left: 0;
15732 }
15733 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
15734 font-weight: 500;
15735 font-size: 16px;
15736 width: 100%;
15737 padding: 10px 14px;
15738 }
15739 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
15740 font-weight: 500;
15741 }
15742
15743 /* Template Override */
15744 .vbo-overrides-manager {
15745 background: var(--vbo-body-bg-color) !important;
15746 }
15747 .vbo-overrides-manager .override-file #override-copy {
15748 background-color: var(--vbo-blue-color) !important;
15749 color: var(--vbo-contrast-text-color) !important;
15750 border-color: var(--vbo-blue-color) !important;
15751 }
15752 .vbo-overrides-manager .override-file #override-copy:hover {
15753 background-color: var(--vbo-blue-color-hover) !important;
15754 color: var(--vbo-contrast-text-color) !important;
15755 border-color: var(--vbo-blue-color-hover) !important;
15756 }
15757
15758 /* generic calendar box */
15759 .vbo-input-calendar-box {
15760 background: var(--vbo-input-style);
15761 border: 1px solid var(--vbo-config-border-color);
15762 border-radius: 2px;
15763 padding: 0 10px 0 0;
15764 display: inline-block;
15765 vertical-align: top;
15766 }
15767 .vbo-input-calendar-box input[type="text"] {
15768 border: 0;
15769 box-shadow: none;
15770 background: transparent;
15771 padding: 5px 0 5px 10px;
15772 }
15773 .vbo-input-calendar-box i.dashicons-calendar-alt {
15774 top: 8px;
15775 position: relative;
15776 }
15777
15778 /* Color Scheme hide/show panel */
15779 .vbo-sidepanel-colorscheme {
15780 position: relative;
15781 margin-right: 10px;
15782 }
15783 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
15784 display: inline-block;
15785 border: 1px solid var(--vbo-config-border-color);
15786 padding: 0px 5px;
15787 border-radius: 4px;
15788 cursor: pointer;
15789 color: var(--vbo-config-titles-color-light);
15790 opacity: .8;
15791 z-index: 1;
15792 }
15793 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
15794 color: var(--vbo-base-color);
15795 }
15796 .vbo-sidepanel-colorscheme-list {
15797 z-index: 1000000;
15798 visibility: hidden;
15799 opacity: 0;
15800 width: 100px;
15801 padding: 10px 15px;
15802 right: 0;
15803 background: var(--vbo-config-bg-color);
15804 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
15805 border-radius: 10px;
15806 position: absolute;
15807 }
15808 .vbo-sidepanel-colorscheme-list-show {
15809 transform: scale(0.99) translateY(-0.7em);
15810 transform-origin: top;
15811 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
15812 transition-duration: 500ms;
15813 transition-property: opacity,transform;
15814 visibility: visible;
15815 opacity: 1;
15816 transform: scale(1) translateY(0);
15817 }
15818 .vbo-sidepanel-colorscheme-option {
15819 padding: 7px 0;
15820 }
15821 .vbo-sidepanel-colorscheme-option i {
15822 margin-right: 5px;
15823 }
15824 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
15825 color: var(--vbo-base-color);
15826 cursor: pointer;
15827 }
15828
15829 .vbo-dashboard-colorscheme {
15830 display: inline-block;
15831 margin-right: 0;
15832 }
15833 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
15834 right: initial;
15835 left: 0;
15836 margin-top: 2px;
15837 }
15838 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
15839 font-weight: normal;
15840 }
15841 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
15842 padding: 4px 6px;
15843 vertical-align: top;
15844 }
15845
15846 .vbo-widget-bulkmess-steps {
15847 margin-top: 10px;
15848 }
15849 .vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps {
15850 margin: 10px;
15851 }
15852 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step {
15853 margin: 0 0 12px;
15854 background: var(--vbo-config-child-bg-color);
15855 border: 1px solid var(--vbo-config-child-bg-color);
15856 border-bottom: 3px solid var(--vbo-config-border-color);
15857 border-bottom-width: 3px;
15858 border-radius: 12px;
15859 }
15860 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child {
15861 margin-bottom: 0;
15862 }
15863 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content {
15864 display: none;
15865 }
15866 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title {
15867 padding: 12px 20px;
15868 cursor: pointer;
15869 display: flex;
15870 }
15871 .vbo-admin-widget-wrapper h4 i {
15872 color: var(--vbo-config-titles-color-light);
15873 }
15874 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover {
15875 border-color: var(--vbo-base-color);
15876 }
15877 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 {
15878 padding: 0;
15879 margin: 0;
15880 }
15881 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content {
15882 padding: 0 20px 5px;
15883 border-top: 1px solid var(--vbo-config-border-color);
15884 }
15885 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content {
15886 padding: 10px 20px 10px;
15887 }
15888 .vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content {
15889 padding: 20px;
15890 }
15891 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea {
15892 width: 100%;
15893 }
15894 .vbo-widget-bulkmess-step-status {
15895 margin-left: auto;
15896 font-size: .9em;
15897 font-style: italic;
15898 color: var(--vbo-config-titles-color-light);
15899 }
15900 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation {
15901 padding: 10px 0;
15902 }
15903 .vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox {
15904 align-self: center;
15905 margin-right: 5px;
15906 }
15907 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook {
15908 display: block;
15909 }
15910 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label {
15911 display: inline-block;
15912 }
15913 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i {
15914 margin-right: 5px
15915 }
15916 .vbo-widget-bulkmess-gonext {
15917 text-align: right;
15918 margin-top: 10px;
15919 margin-bottom: 10px;
15920 }
15921 .vbo-widget-bulkmess-progress-inner progress {
15922 width: 100%;
15923 background: #ddd;
15924 border-radius: 10px;
15925 }
15926 .vbo-widget-bulkmess-bookings-actions {
15927 margin-top: 8px;
15928 }
15929 .vbo-widget-bulkmess-bookings-actions .btn {
15930 border-color: var(--vbo-middle-color-btn);
15931 }
15932 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon {
15933 font-size: 12px;
15934 }
15935 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified {
15936 margin-left: 5px;
15937 }
15938 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i {
15939 color: var(--vbo-green-color);
15940 }
15941 /* @end styles */
15942
15943 /* @start media queries */
15944 @media print {
15945 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
15946 display: none !important;
15947 visibility: hidden !important;
15948 }
15949 .vbo-showin-print {
15950 display: inline-block;
15951 }
15952 .vbo-hidein-print {
15953 display: none !important;
15954 }
15955 .vbo-bookingdet-summary-roomguests {
15956 margin-bottom: 10px;
15957 }
15958 .vbo-receipt-notes-inner {
15959 border-radius: 0 !important;
15960 border-top: 1px solid #ddd;
15961 }
15962 .vbo-receipt-numdate-date-val {
15963 font-size: 1.1em;
15964 }
15965 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
15966 padding: 0 30px;
15967 }
15968 .vbo-bookdet-wrap {
15969 margin: 0 10px 10px;
15970 max-width: inherit;
15971 min-width: inherit;
15972 }
15973 .vbo-bookdet-head {
15974 border-bottom: 0;
15975 padding: 0;
15976 font-weight: bold;
15977 }
15978 .vbo-bookdet-foot {
15979 padding: 0;
15980 }
15981 .vbo-bookdet-head, .vbo-bookdet-foot {
15982 text-align: left;
15983 }
15984 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
15985 -webkit-flex: 100%;
15986 -ms-flex: 100%;
15987 flex: 100%;
15988 }
15989 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
15990 width: 23%;
15991 }
15992 .vbo-bookdet-container {
15993 text-align: left;
15994 }
15995 .vbo-bookingdet-detcont {
15996 background: #f6f6f6;
15997 }
15998 .vbo-receipt-numdate-block {
15999 padding-top: 0 !important;
16000 vertical-align: top;
16001 }
16002 .vbo-bookdet-foot {
16003 font-size: 1em;
16004 }
16005 .vbo-table-responsive {
16006 overflow: visible;
16007 }
16008 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
16009 display: none !important;
16010 }
16011 body {
16012 -webkit-print-color-adjust: exact;
16013 }
16014 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
16015 background: #02679a !important;
16016 color: #fff !important;
16017 border: 1px solid #ddd !important;
16018 -webkit-print-color-adjust: exact;
16019 }
16020 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
16021 color: #fff !important;
16022 }
16023 .vbo-tableaux-table tr td:first-child {
16024 background: var(--vbo-config-child-bg-color) !important;
16025 }
16026
16027 html {
16028 padding: 0 !important;
16029 }
16030 body.vbo-is-printing {
16031 height: auto;
16032 background: #fff;
16033 }
16034 .vbo-is-printing h4 {
16035 margin-top: 0;
16036 padding-top: 0;
16037 }
16038 .vbo-is-printing .vbo-reports-output {
16039 margin: 10px 2px;
16040 padding-bottom: 10px;
16041 }
16042 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
16043 display: none;
16044 }
16045 .vbo-is-printing .vbo-report-output-printing .table-responsive {
16046 overflow: initial;
16047 box-shadow: none;
16048 }
16049 .vbo-is-printing .vbo-reports-output table th {
16050 text-transform: initial;
16051 }
16052 .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 {
16053 padding: 15px 5px;
16054 white-space: initial;
16055 font-size: 13px;
16056 }
16057 .vbo-is-printing .vbo-report-sheet {
16058 border-radius: 8px;
16059 padding: 3px;
16060 border: 1px solid #eee;
16061 margin-bottom: 2px;
16062 }
16063 .vbo-is-printing .vbo-reports-output table tbody td a {
16064 color: inherit;
16065 }
16066 .vbo-is-printing .vbo-reports-output .table-responsive {
16067 margin: 0;
16068 }
16069 .vbo-is-printing .vbo-report-title-print {
16070 text-align: center;
16071 }
16072 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
16073 flex-basis: 100%;
16074 }
16075 .vbo-is-printing .vbo-report-chart-wrap {
16076 display: none;
16077 }
16078 table tfoot {
16079 display: table-row-group;
16080 }
16081 .vbo-menu-container {
16082 display: none;
16083 }
16084 .vbo-allbookings-fm #filter-bar .pull-right {
16085 display: none;
16086 }
16087 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
16088 font-size: 12px;
16089 }
16090 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
16091 font-size: 12px;
16092 }
16093 .vbo-allbookings-fm span.label.vbo-status-label {
16094 font-size: 11px;
16095 padding: 5px 9px !important;
16096 }
16097 .vbo-allbookings-fm .vbo-provenience {
16098 font-size: 13px;
16099 }
16100 }
16101 @media screen and (min-width: 2400px) {
16102 .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 {
16103 flex-basis: auto;
16104 margin-right: 15px;
16105 margin-bottom: 0;
16106 }
16107 }
16108 @media screen and (min-width: 1860px) {
16109 .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 {
16110 margin-left: 0;
16111 }
16112 }
16113 @media screen and (max-width: 2000px) {
16114 .vbo-menu-updates > button {
16115 width: 44px;
16116 height: 44px;
16117 line-height: 36px;
16118 padding: 0;
16119 border-radius: 50%;
16120 }
16121 .vbo-menu-updates > button i {
16122 margin-right: 0 !important;
16123 }
16124 .vbo-menu-updates > button span {
16125 display: none;
16126
16127 }
16128 }
16129 @media screen and (max-width: 1860px) {
16130 .vbo-admin-container .vbo-param-container-full {
16131 flex-wrap: wrap;
16132 }
16133 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
16134 flex-basis: 100% !important;
16135 margin-bottom: 10px;
16136 }
16137 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
16138 display: block;
16139 margin-bottom: 5px;
16140 }
16141 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16142 flex-basis: calc(25% - 16px);
16143 }
16144 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16145 width: calc(100% - 100px);
16146 }
16147 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
16148 flex-basis: calc(100% - 52px);
16149 }
16150 }
16151 @media screen and (max-width: 1760px) {
16152 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
16153 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
16154 width: 80px !important;
16155 }
16156 .vbo-roomentries-cont {
16157 width: 40%;
16158 }
16159 .vbo-report-sheetnchart .vbo-report-sheet {
16160 flex-basis: 50%;
16161 }
16162 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
16163 display: none;
16164 }
16165 .vbo-report-sheetnchart .vbo-report-chart-meta {
16166 flex-basis: 50%;
16167 }
16168 .vbo-dashboard-today-bookings {
16169 flex-basis: 65%;
16170 }
16171 .vbo-dashboard-chart-container {
16172 flex-basis: auto;
16173 flex-grow: initial;
16174 }
16175 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16176 margin: 0 0 15px;
16177 }
16178 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16179 width: 52% !important;
16180 }
16181 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16182 width: 46%;
16183 }
16184 .vbo-dashboard-firstsetup-container {
16185 width: 90%;
16186 }
16187 .vbo-geoinfo-param .vbo-param-setting span {
16188 display:block;
16189 margin-bottom: 5px;
16190 }
16191 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
16192 display: inline-block;
16193 }
16194 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16195 margin-bottom: 10px;
16196 }
16197 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16198 display: block;
16199 float: none;
16200 margin-bottom: 10px;
16201 margin-left: 0;
16202 }
16203 .vbo-checkin-main-block .vbo-checkin-payment-container {
16204 flex-basis: 100%;
16205 margin: 10px 0;
16206 box-sizing: border-box;
16207 }
16208 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16209 flex-basis: 100%;
16210 margin-left: 0;
16211 }
16212 .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 {
16213 width: 100% !important;
16214 }
16215 .vbo-menu-parent-li > span {
16216 padding: 14px 15px;
16217 }
16218 }
16219 @media screen and (max-width: 1612px) {
16220 .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 {
16221 flex-basis: calc(50% - 12px);
16222 max-width: 50%;
16223 }
16224 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
16225 padding: 15px 5px 15px 10px;
16226 }
16227 }
16228 @media screen and (max-width: 1580px) {
16229 .vbo-dashboard-today-occ {
16230 margin: 10px 20px;
16231 }
16232 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16233 width: calc(33% - 80px);
16234 }
16235 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16236 width: calc(50% - 80px);
16237 }
16238 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16239 flex-basis: calc(50% - 16px);
16240 }
16241 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
16242 display: flex;
16243 margin-bottom: 5px;
16244 }
16245 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
16246 flex: 1;
16247 }
16248 .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 {
16249 margin: 10px 15px 6px 10px;
16250 }
16251
16252 }
16253 /* main menu screen size adjustments */
16254 @media screen and (max-width: 1440px) {
16255 .vbo-menu-updates > button {
16256 width: 42px;
16257 height: 42px;
16258 padding: 0;
16259 border-radius: 50%;
16260 }
16261 .vbo-menu-updates > button span {
16262 display: none;
16263 }
16264 .vbo-menu-updates > button i {
16265 margin-right: 0 !important;
16266 }
16267 }
16268 @media screen and (max-width: 1280px) {
16269 .vbo-menu-left {
16270 max-width: 100px;
16271 }
16272 .vbo-ratesoverview-period-container {
16273 flex: 0 0 25%;
16274 }
16275 #vbpaymentlogdiv pre {
16276 max-width: 100%;
16277 }
16278 #vbpaymentlogdiv .vcm-notif-pcidrq-container {
16279 float: none;
16280 display: block;
16281 margin-bottom: 10px;
16282 }
16283 }
16284
16285 @media screen and (max-width: 1520px) {
16286 .vbo-admin-container .vbo-param-container .vbo-param-label {
16287 flex-basis: 200px;
16288 }
16289 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
16290 flex-basis: 100%;
16291 }
16292 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16293 flex-basis: 100%;
16294 }
16295 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
16296 margin-left: 10px;
16297 }
16298 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16299 margin-top: 0;
16300 margin-left: 5px;
16301 }
16302 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
16303 width: 100%;
16304 }
16305 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16306 width: 50%;
16307 float: left;
16308 }
16309 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
16310 width: 100% !important;
16311 }
16312 .vbo-modal-overlay-block .vbo-modal-overlay-content {
16313 width: 95%;
16314 }
16315 .vbo-admin-container > div:not([id^="jmodal"]) {
16316 flex: 100%;
16317 margin-left: 0 !important;
16318 margin-right: 0 !important;
16319 }
16320 .vbo-admin-container .adminform {
16321 margin: 10px 0;
16322 }
16323 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16324 margin: 8px;
16325 }
16326 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16327 width: calc(33% - 80px);
16328 }
16329 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16330 width: calc(100% - 80px);
16331 }
16332 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16333 -webkit-transform: rotate(-2deg);
16334 -o-transform: rotate(-2deg);
16335 -moz-transform: rotate(-2deg);
16336 }
16337 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
16338 width: calc(100% - 100px);
16339 -o-transform: rotate(0);
16340 -webkit-transform: rotate(0);
16341 -moz-transform: rotate(0);
16342 }
16343 .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 {
16344 display: block;
16345 margin-bottom: 2px;
16346 margin-right: 0;
16347 }
16348 }
16349 @media screen and (max-width: 1500px) and (min-width: 760px) {
16350 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
16351 white-space: initial;
16352 }
16353 }
16354 @media screen and (max-width: 1400px) {
16355 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
16356 width: 100%;
16357 float: none;
16358 box-sizing: border-box;
16359 }
16360 .vbo-bookingdet-summary-roomnum {
16361 display: block;
16362 }
16363 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
16364 white-space: initial;
16365 display: flex;
16366 }
16367 .vbo-bookingslist-viewdet-fulldate {
16368 white-space: nowrap;
16369 }
16370 .vbo-bookingslist-viewdet-open {
16371 margin-left: 10px;
16372 order: 2;
16373 }
16374 .vbo-dashboard-today-bookings {
16375 flex-basis: 60%;
16376 }
16377 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
16378 justify-content: left;
16379 }
16380 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16381 flex-basis: 50%;
16382 }
16383 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16384 width: 100%;
16385 }
16386 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
16387 margin-left: 0;
16388 }
16389 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
16390 float: none;
16391 margin-bottom: 10px;
16392 }
16393 .vbo-editbooking-room-services .vbo-editbooking-room-service {
16394 flex: 0 0 33%;
16395 }
16396 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
16397 align-self: end;
16398 margin-bottom: 0;
16399 }
16400 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
16401 flex-grow: 1;
16402 flex-wrap: wrap;
16403 margin-bottom: 0;
16404 }
16405 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
16406 display: block;
16407 flex-basis: 100%;
16408 margin-bottom: 5px;
16409 }
16410 }
16411 @media screen and (max-width: 1400px) and (min-width: 1320px) {
16412 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
16413 width: 100% !important;
16414 margin-bottom: 3px;
16415 }
16416 }
16417 @media screen and (max-width: 1380px) {
16418 #filter-bar {
16419 height: auto !important;
16420 }
16421 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16422 width: auto;
16423 display: block;
16424 margin: 3px;
16425 }
16426 .vbadmincaltable td {
16427 padding: 5px 0 !important;
16428 }
16429 .vbo-ratesoverview-roomsel-block > form {
16430 flex-wrap: wrap;
16431 }
16432 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
16433 flex-basis: 100%;
16434 border-right: 0;
16435 border-bottom: 1px solid var(--vbo-config-border-color);
16436 border-radius: 0;
16437 }
16438 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
16439 border: 0;
16440 flex-basis: min-content;
16441 }
16442 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
16443 border: 1px solid var(--vbo-config-border-color);
16444 border-radius: 16px;
16445 padding: 20px;
16446 }
16447 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16448 width: 50%;
16449 }
16450 #vbo-report-chart-canvas {
16451 width: 82%;
16452 }
16453 .vbo-ratesoverview-roomsel-entry-forecast {
16454 flex-grow: inherit;
16455 }
16456 .vbo-menu-ul .vbo-menu-parent-li > span {
16457 padding: 13px 18px;
16458 }
16459 .vbo-menu-parent-li > span a {
16460 display: none;
16461 }
16462 .vbo-menu-parent-li > span > i {
16463 margin: 0;
16464 }
16465 .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 {
16466 flex-basis: 100%;
16467 }
16468 .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 {
16469 width: 100%;
16470 }
16471 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
16472 margin-left: 0;
16473 }
16474 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
16475 width: 100% !important;
16476 }
16477 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16478 display: flex;
16479 }
16480 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16481 flex: 1;
16482 }
16483 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
16484 margin-left: 5px;
16485 }
16486 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
16487 max-width: 150px;
16488 }
16489 }
16490 @media screen and (max-width: 1320px) {
16491 .vbo-admin-container > div {
16492 flex: 100%;
16493 }
16494 .vbo-admin-container .adminform {
16495 margin: 10px 0;
16496 }
16497 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16498 margin: 8px;
16499 }
16500 .vbo-admin-container .vbo-param-container .vbo-param-label {
16501 flex-basis: 250px;
16502 }
16503 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16504 flex-basis: 100%;
16505 }
16506 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
16507 margin: 10px 0px 0;
16508 }
16509 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
16510 margin-top: 0;
16511 margin-left: 5px;
16512 width: auto;
16513 }
16514 .vbo-roomentries-cont {
16515 width: 210px;
16516 }
16517 .vbo-ratesoverview-roomsel-entry-forecast > label {
16518 margin-left: 20px;
16519 margin-top: 20px;
16520 }
16521 .vbo-config-tabs-wrap dl.tabs dt {
16522 padding: 5px 15px;
16523 }
16524 .vbo-config-maintab-top {
16525 flex-wrap: wrap;
16526 }
16527 .vbo-config-maintab-top .vbo-config-fieldset-large {
16528 flex-basis: 100%;
16529 }
16530 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
16531 margin-left: 0;
16532 }
16533 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16534 flex-basis: 100%;
16535 }
16536 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
16537 flex-basis: calc(50% - 12px);
16538 max-width: 50%;
16539 }
16540 #filter-bar .pull-left {
16541 margin-bottom: 10px;
16542 }
16543 /* @WPonly
16544 * The black background of the modal has been disabled in smartphones and tablets.
16545 * 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.
16546 */
16547 .modal-backdrop.fade.in {
16548 display: none;
16549 }
16550 }
16551 @media screen and (max-width: 1520px) and (min-width: 1280px) {
16552 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16553 display: block;
16554 width: 100%;
16555 }
16556 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16557 width: 100%;
16558 display: block;
16559 margin-top: 5px;
16560 }
16561 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
16562 display: inline-block;
16563 width: 90%;
16564 }
16565 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
16566 width: 100% !important;
16567 box-sizing: border-box;
16568 height: auto;
16569 }
16570 }
16571 @media screen and (max-width: 1290px) {
16572 .vbo-dashboard-today-bookings {
16573 flex-basis: 100%;
16574 }
16575
16576 .vbo-bookdet-splitstay-details > div > span {
16577 display: block;
16578 border-right: 0;
16579 border-bottom: 1px solid var(--vbo-basic-btn);
16580 }
16581 .vbo-bookdet-splitstay-details > div > span:last-child {
16582 border-bottom: 0;
16583 }
16584 }
16585 @media screen and (max-width: 1280px) {
16586 .vbo-menu-parent-li > span {
16587 padding: 18px 17px;
16588 }
16589 .vbo-menu-parent-li > span::after {
16590 right: 6px;
16591 }
16592 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
16593 margin-top: 20px;
16594 }
16595 .vbo-config-maintab-left .adminform:only-child {
16596 padding: 15px 20px;
16597 margin: 0px;
16598 }
16599 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
16600 display: inherit;
16601 width: auto;
16602 }
16603 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
16604 width: auto;
16605 display: inline-block;
16606 margin-left: auto;
16607 }
16608 .vbo-checkin-main-block .vbo-roomsdet-container {
16609 flex-basis: 100%;
16610 margin: 0 0 10px;
16611 }
16612 .vbo-checkin-main-block .vbo-checkin-payment-container {
16613 flex-basis: 100%;
16614 box-sizing: border-box;
16615 }
16616 .vbo-graph-top-right, .vbo-graph-bottom-right {
16617 flex-basis: 20%;
16618 }
16619 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16620 flex-basis: 100%;
16621 }
16622 .vbo-stats-topform .pull-left {
16623 display: block;
16624 float: none;
16625 margin-bottom: 5px;
16626 }
16627 .vbo-stats-topform #filter-bar .pull-right {
16628 float: right;
16629 margin-left: 5px;
16630 }
16631 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16632 flex-basis: 100%;
16633 }
16634 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16635 margin: 0 0 10px;
16636 }
16637 .vbo-report-layout-type .vbo-report-layout-type-inner {
16638 margin-right: 10px;
16639 }
16640 .vbo-report-sheetnchart {
16641 flex-wrap: wrap;
16642 }
16643 .vbo-report-sheetnchart .vbo-report-sheet {
16644 flex-basis: 100%;
16645 margin-right: 0;
16646 }
16647 .vbo-reports-filters-outer .vbo-reports-filters-export {
16648 display: block;
16649 width: 100%;
16650 float: none;
16651 margin-top: 5px;
16652 }
16653 .vbo-reports-filters-outer > div {
16654 margin: 3px;
16655 }
16656 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
16657 margin-right: 0;
16658 }
16659 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
16660 padding: 10px 20px;
16661 }
16662 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
16663 margin-bottom: 5px;
16664 }
16665 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
16666 font-size: 22px;
16667 }
16668 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
16669 margin-right: 0;
16670 }
16671 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16672 display: block !important;
16673 }
16674 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
16675 flex-basis: 50%;
16676 }
16677 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
16678 flex-basis: calc(100% - 16px);
16679 }
16680 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
16681 flex-basis: 100%;
16682 }
16683 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16684 flex: initial;
16685 width: 100%;
16686 }
16687 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16688 flex: 1;
16689 }
16690 .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 {
16691 width: 100% !important;
16692 }
16693 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16694 flex-wrap: wrap;
16695 }
16696 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16697 align-self: end;
16698 }
16699 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16700 width: auto;
16701 align-self: end;
16702 }
16703 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
16704 width: 110px !important;
16705 }
16706 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16707 width: auto !important;
16708 }
16709 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
16710 flex: initial;
16711 }
16712 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16713 flex: 1;
16714 }
16715 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16716 width: 80px !important;
16717 }
16718 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
16719 width: 100%;
16720 }
16721 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
16722 margin-top: 0;
16723 }
16724 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16725 margin-left: 5px;
16726 }
16727 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
16728 display: block;
16729 margin-top: 5px;
16730 }
16731 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
16732 margin-left: 0;
16733 }
16734 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
16735 display: block;
16736 }
16737 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
16738 width: 100%;
16739 }
16740 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
16741 width: 35vw;
16742 }
16743 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
16744 width: 100%;
16745 }
16746 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
16747 grid-template-columns: repeat(1, 1fr);
16748 }
16749 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
16750 flex-grow: 1;
16751 }
16752 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
16753 flex-grow: 0;
16754 }
16755 .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 {
16756 margin: 5px 0 0;
16757 width: 100%;
16758 }
16759 .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 {
16760 width: 20px;
16761 margin-right: 8px;
16762 }
16763 .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 {
16764 width: 20px;
16765 height: 20px;
16766 line-height: 20px;
16767 margin-right: 8px;
16768 font-size: 10px;
16769 }
16770 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
16771 display: flex;
16772 }
16773 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
16774 margin-right: 3px;
16775 }
16776 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
16777 width: 100%;
16778 margin-left: 0;
16779 }
16780 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
16781 flex: 1;
16782 }
16783 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
16784 width: 100% !important;
16785 }
16786 .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 {
16787 flex: initial;
16788 }
16789 .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 {
16790 float: none;
16791 margin: 10px 15px 0px 10px;
16792 }
16793 .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 {
16794 flex-basis: 100%;
16795 }
16796 .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 {
16797 width: 100%;
16798 float: none;
16799 }
16800 .vbo-admin-widget-head .btn-toolbar {
16801 margin: 10px 15px 10px 10px;
16802 }
16803 .vbo-ratesoverview-period-boxes-inner > div {
16804 flex-basis: 100%;
16805 }
16806 }
16807 @media screen and (max-width: 1080px) {
16808 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
16809 order:2;
16810 }
16811 .vbo-ratesoverview-period-container {
16812 -ms-flex: 100%;
16813 -webkit-flex: 100%;
16814 flex: 100%;
16815 order:1;
16816 margin-bottom: 5px;
16817 }
16818 #filter-bar .pull-right {
16819 display: inline-block;
16820 float: none;
16821 margin: 0 0 5px 0;
16822 }
16823 .btn-group.pull-right.vbo-avov-legend {
16824 width: 100%;
16825 }
16826 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
16827 flex-basis: 20%;
16828 }
16829 .vbo-config-tabs-wrap dl.tabs dt {
16830 padding: 10px;
16831 }
16832 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
16833 flex-basis: 45%;
16834 }
16835 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16836 width: 100%;
16837 }
16838 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
16839 flex-basis: 100%;
16840 }
16841 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
16842 flex-basis: 100%;
16843 height: 100px;
16844 }
16845 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
16846 flex-basis: calc((50% - (16px / 2)));
16847 }
16848 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
16849 flex-basis: calc((50% - (24px / 3)));
16850 }
16851 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
16852 flex-basis: calc((25% - (16px / 2)));
16853 }
16854 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
16855 flex-basis: calc((25% - (24px / 3)));
16856 }
16857 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
16858 flex: 1;
16859 }
16860 #filter-bar .btn-group.pull-right {
16861 float: left;
16862 }
16863 .vbo-translations-element-row {
16864 flex-wrap: wrap;
16865 }
16866 .vbo-translations-element-row .vbo-translations-element-lbl {
16867 flex-basis: 100%;
16868 margin-bottom: 15px;
16869 margin-right: 0;
16870 }
16871 fieldset.adminform .vbo-list-table-rounded {
16872 max-width: 700px;
16873 }
16874 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
16875 -webkit-flex: 100%;
16876 -ms-flex: 100%;
16877 flex: 100%;
16878 }
16879 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
16880 width: 45%;
16881 display: inline-block;
16882 }
16883 }
16884 @media screen and (max-width: 1024px) {
16885 .vbo-graph-top-left, .vbo-graph-bottom-left {
16886 margin-right: 0;
16887 margin-bottom: 20px;
16888 }
16889 .vbo-graph-top-right, .vbo-graph-bottom-right {
16890 flex-basis: 100%;
16891 }
16892 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
16893 flex-basis: 50%;
16894 }
16895 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
16896 margin-bottom: 15px;
16897 margin-right: 5px;
16898 }
16899 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
16900 display: inline-block !important;
16901 padding-right: 0;
16902 }
16903 .vbo-ratesoverview-roomsel-entry-forecast {
16904 flex-basis: 100%;
16905 }
16906 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
16907 width: 33%;
16908 }
16909 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
16910 padding-bottom: 0;
16911 }
16912 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
16913 width: 120px !important;
16914 flex-grow: 0;
16915 }
16916 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
16917 flex-grow: 0;
16918 flex-basis: auto;
16919 }
16920 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
16921 width: 80px !important;
16922 flex-grow: 0;
16923 }
16924 .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 {
16925 flex-grow: 1;
16926 }
16927 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
16928 margin-left: 8px;
16929 }
16930 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
16931 margin-bottom: 0;
16932 }
16933 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
16934 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
16935 margin-top: 5px;
16936 }
16937 }
16938 @media screen and (max-width: 960px) {
16939 .vbo-config-tabs-wrap dl.tabs dt {
16940 padding: 10px 20px;
16941 }
16942 .vbo-menu-parent-li > span::after {
16943 right: 11px;
16944 }
16945 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16946 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
16947 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16948 width: calc(100% - 80px);
16949 }
16950 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
16951 flex-basis: 100%;
16952 }
16953 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
16954 flex-basis: 100%;
16955 margin: 5px 0 0;
16956 }
16957 .add-tax-breakdown-cont div span {
16958 margin-bottom: 5px;
16959 }
16960 .select2-container--default .select2-search--inline .select2-search__field {
16961 -webkit-appearance: initial !important;
16962 }
16963 .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 {
16964 margin: 0px 15px 0px 10px;
16965 }
16966 }
16967 @media screen and (max-width: 1280px) and (min-width: 860px) {
16968 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
16969 width: calc(100% - 80px);
16970 }
16971 }
16972 @media screen and (max-width: 940px) {
16973 .vbo-rmphotos-cont {
16974 float: none;
16975 margin: 0 0 10px;
16976 }
16977 #editor-xtd-buttons .btn {
16978 margin:5px 5px 0 0 !important;
16979 }
16980 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
16981 margin: 10px 0 0;
16982 }
16983 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
16984 flex-basis: 100%;
16985 box-sizing: border-box;
16986 }
16987 .vbo-checkin-payment-container {
16988 -ms-flex: 100%;
16989 -webkit-flex: 100%;
16990 flex: 100%;
16991 margin-left: 0;
16992 }
16993 .vbo-checkin-payment-container {
16994 padding: 10px 15px;
16995 }
16996 #vbo-graphstats-right-legend ul.pie-legend li,
16997 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
16998 -ms-flex: 0 0 30%;
16999 -webkit-flex: 0 0 30%;
17000 flex: 0 0 30%;
17001 }
17002 .vbo-calendar-cfields-inner {
17003 box-sizing: border-box;
17004 }
17005 .vbo-info-overlay-content {
17006 width: 70%;
17007 }
17008 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
17009 display: block !important;
17010 margin-top: 5px;
17011 margin-left: 0;
17012 }
17013 #pt5 .vbo-admin-container .vbo-param-container {
17014 flex-wrap: wrap;
17015 }
17016 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
17017 flex-basis: 100%;
17018 font-weight: bold;
17019 }
17020 .vbo-admin-container .vbo-param-container .vbo-param-label label {
17021 margin-bottom: 0;
17022 }
17023 .vbo-sortable .vbimagedetbox {
17024 right: 0;
17025 left: 0;
17026 }
17027 .vbo-sortable .vbimagedetbox .captionlabel {
17028 width: 100%;
17029 }
17030 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
17031 width: 100% !important;
17032 height: auto;
17033 box-sizing: border-box;
17034 }
17035 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
17036 width: auto !important;
17037 }
17038 .vbo-dashboard-top-outer {
17039 display: inherit;
17040 }
17041 .vbo-dashboard-today-bookings {
17042 display: inherit;
17043 }
17044 .vbo-dashboard-today-bookings > div {
17045 margin-right: 0;
17046 }
17047 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17048 width: 100%;
17049 }
17050 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
17051 border: 0;
17052 }
17053 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
17054 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
17055 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
17056 width: 100%;
17057 min-width: 100%;
17058 }
17059 .vbo-list-form-filters form[name="seasonsform"] > div {
17060 margin: 3px 10px 3px 0;
17061 }
17062 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17063 width: 80vw;
17064 }
17065 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
17066 padding: 4px 10px;
17067 border: 1px solid #666;
17068 }
17069 }
17070 @media screen and (max-width: 860px) {
17071 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
17072 padding: 12px 0;
17073 }
17074 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17075 flex: 33%;
17076 flex-basis: inherit !important;
17077 }
17078 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
17079 border: 0;
17080 padding: 5px 15px 0;
17081 font-size: 11px;
17082 text-transform: uppercase;
17083 }
17084 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
17085 padding-top: 0;
17086 }
17087 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
17088 height: 100px;
17089 }
17090 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
17091 width: auto !important;
17092 }
17093 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17094 width: calc(33% - 20px);
17095 }
17096 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
17097 flex-basis: calc(50% - 34px);
17098 }
17099 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17100 width: calc(33% - 15px);
17101 }
17102 }
17103 @media screen and (max-width: 780px) {
17104 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17105 padding-top: 0 !important;
17106 }
17107 .vbo-trackings-table-head {
17108 display: none;
17109 }
17110 .vbo-trackings-table-body-hidden-lbl {
17111 display: block;
17112 font-weight: bold;
17113 text-transform: uppercase;
17114 margin-bottom: 7px;
17115 color: var(--vbo-config-titles-color-light);
17116 }
17117 .vbo-trackings-table-body-cell {
17118 padding: 5px 10px;
17119 text-align: left !important;
17120 }
17121 .vbo-trackings-table-cell-id {
17122 flex: 0 0 33px !important;
17123 }
17124 .vbo-trackings-chart-avgval-listcont > div {
17125 flex-basis: 40%;
17126 }
17127 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
17128 flex: 50%;
17129 }
17130 .vbo-ratesoverview-roomsel-block > form {
17131 flex-wrap: wrap;
17132 }
17133 .vbo-ratesoverview-roomsel-entry {
17134 flex-basis: 100%;
17135 border: 0;
17136 border-bottom: 1px solid var(--vbo-config-border-color);
17137 }
17138 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17139 border-right: 0;
17140 }
17141 .vbo-ratesoverview-roomsel-entry-los {
17142 border: 0;
17143 }
17144 .vbo-ratesoverview-period-box-cals-inner {
17145 width: 100%;
17146 }
17147 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
17148 width: 100%;
17149 margin-top: 10px;
17150 background: var(--vbo-config-child-bg-color);
17151 padding: 10px;
17152 box-sizing: border-box;
17153 }
17154 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17155 width: 100%;
17156 }
17157 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17158 width: 46vw;
17159 }
17160 .vbo-admin-widgets-section .vbo-admin-widgets-container {
17161 max-width: 100%;
17162 flex-basis: 100%;
17163 }
17164 .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 {
17165 max-width: 100%;
17166 flex-basis: 100%;
17167 }
17168 .vbo-calendar-cfields-inner {
17169 grid-template-columns: repeat(1, auto);
17170 }
17171 }
17172 @media screen and (max-width: 767px) {
17173 .table-responsive, .vbo-table-responsive {
17174 width: 100%;
17175 margin-bottom: 15px;
17176 overflow-y: hidden;
17177 -ms-overflow-style: -ms-autohiding-scrollbar;
17178 border: 1px solid var(--vbo-config-border-color);
17179 }
17180 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
17181 margin-bottom: 0;
17182 }
17183 .table-responsive > .table > thead > tr > th,
17184 .table-responsive > .table > tbody > tr > th,
17185 .table-responsive > .table > tfoot > tr > th,
17186 .table-responsive > .table > thead > tr > td,
17187 .table-responsive > .table > tbody > tr > td,
17188 .table-responsive > .table > tfoot > tr > td {
17189 white-space: nowrap;
17190 }
17191 .table-responsive > .table-bordered {
17192 border: 0;
17193 }
17194 .table-responsive > .table-bordered > thead > tr > th:first-child,
17195 .table-responsive > .table-bordered > tbody > tr > th:first-child,
17196 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
17197 .table-responsive > .table-bordered > thead > tr > td:first-child,
17198 .table-responsive > .table-bordered > tbody > tr > td:first-child,
17199 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
17200 border-left: 0;
17201 }
17202 .table-responsive > .table-bordered > thead > tr > th:last-child,
17203 .table-responsive > .table-bordered > tbody > tr > th:last-child,
17204 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
17205 .table-responsive > .table-bordered > thead > tr > td:last-child,
17206 .table-responsive > .table-bordered > tbody > tr > td:last-child,
17207 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
17208 border-right: 0;
17209 }
17210 .table-responsive > .table-bordered > tbody > tr:last-child > th,
17211 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
17212 .table-responsive > .table-bordered > tbody > tr:last-child > td,
17213 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
17214 border-bottom: 0;
17215 }
17216 #jmodal-vbo-new-res {
17217 left: 50%;
17218 transform: translate(-50%, -50%);
17219 margin-left: 0 !important;
17220 }
17221 }
17222 @media screen and (max-width : 740px) {
17223 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17224 width: 100%;
17225 float: none;
17226 margin: 5px 0;
17227 }
17228 .vbo-info-overlay-content {
17229 width: 80%;
17230 overflow-y: scroll;
17231 }
17232 .vbo-bookingdet-summary, .vbo-editbooking-summary {
17233 flex: auto;
17234 width: 100%;
17235 box-sizing: border-box;
17236 }
17237 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
17238 flex: auto;
17239 width: 94%;
17240 box-sizing: border-box;
17241 }
17242 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
17243 flex-wrap: wrap;
17244 }
17245 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
17246 flex-basis: 100%;
17247 font-weight: bold;
17248 }
17249 #vbmessagingdiv {
17250 flex-basis: 150px;
17251 }
17252 .vbo-menu-left {
17253 display: none;
17254 }
17255 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
17256 flex-basis: calc(50% - 34px);
17257 }
17258 .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 {
17259 display: block;
17260 margin-right: 0;
17261 margin-bottom: 4px;
17262 }
17263 fieldset.adminform .vbo-list-table-rounded {
17264 max-width: 600px;
17265 }
17266 }
17267 @media screen and (max-width : 680px) {
17268 .vbo-preferred-countries-sortlist {
17269 max-width: 100%;
17270 width: 100%;
17271 }
17272 .vbo-ebusy-extracosts-cellname input {
17273 max-width: 100px;
17274 }
17275 .vbo-ebusy-extracosts-celltax select {
17276 max-width: 100px;
17277 }
17278 #vbo-graphstats-right-canv {
17279 width: 100% !important;
17280 height: auto !important
17281 }
17282 .vbo-tracking-info-details > div {
17283 padding: 10px;
17284 }
17285 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
17286 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
17287 flex: 1;
17288 }
17289 #filter-bar.vbo-trackings-filters .pull-right {
17290 display: block;
17291 }
17292 #breakdown-cont {
17293 display: block;
17294 width: 100%;
17295 }
17296 .add-tax-breakdown-cont div span {
17297 margin-bottom: 5px;
17298 }
17299 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17300 width: 90%;
17301 }
17302 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
17303 flex-basis: 40%;
17304 }
17305 .vbo-admin-container .vbo-param-container {
17306 flex-wrap: wrap;
17307 }
17308 .vbo-admin-container .vbo-param-container .vbo-param-label {
17309 margin-right: 0;
17310 flex-basis: 100%;
17311 }
17312 .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 {
17313 width: 100% !important;
17314 }
17315 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
17316 width: auto !important;
17317 }
17318 .vbo-admin-container .vbo-param-container .vbo-param-label {
17319 font-size: 13px;
17320 font-weight: bold;
17321 }
17322 .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 {
17323 width: 100% !important;
17324 max-width: inherit !important;
17325 height: auto;
17326 box-sizing: border-box;
17327 }
17328 .vbo-admin-container .vbo-param-container .vbo-param-setting {
17329 display: flex;
17330 flex-wrap: wrap;
17331 }
17332 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
17333 width: 100%;
17334 }
17335 input[type="number"].vbo-small-input {
17336 width: 80px !important;
17337 }
17338 .vbo-admin-container .vbo-param-container.vbo-param-nested {
17339 flex-wrap: wrap;
17340 }
17341 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
17342 flex-basis: 100%;
17343 }
17344 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
17345 width: 100%;
17346 margin: 5px 0;
17347 }
17348 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
17349 width: 100%;
17350 }
17351 .vbo-admin-container .vbo-param-container.vbo-param-child {
17352 margin-top: -15px;
17353 }
17354 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
17355 margin: 0;
17356 padding: 0;
17357 }
17358 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
17359 width: 100% !important;
17360 }
17361 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
17362 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
17363 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
17364 width: auto !important;
17365 margin-right: 5px;
17366 }
17367 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
17368 flex: 1;
17369 flex-grow: 0;
17370 flex-basis: 130px;
17371 }
17372 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
17373 margin-left: 10px;
17374 }
17375 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
17376 margin: 0 0 0 5px;
17377 width: auto !important;
17378 }
17379 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
17380 margin-bottom: 0;
17381 }
17382 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
17383 height: 30px;
17384 }
17385 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
17386 margin-bottom: 5px !important;
17387 }
17388 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
17389 margin-bottom: 5px;
17390 }
17391 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17392 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17393 width: 90px !important;
17394 }
17395 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
17396 margin-left: 10px;
17397 }
17398 .vbo-admin-container .vbo-param-container {
17399 margin: 15px 0;
17400 }
17401 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
17402 width: 120px !important;
17403 }
17404 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
17405 width: auto !important;
17406 }
17407 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
17408 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17409 width: 120px !important;
17410 }
17411 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
17412 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
17413 margin-right: 10px;
17414 }
17415 .vbo-admin-container .adminform {
17416 padding: 15px 20px;
17417 }
17418 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
17419 margin: 8px 0 0 50px;
17420 }
17421 #vbo-row-custcost .vbo-param-setting input {
17422 width: auto !important;
17423 }
17424 .vbo-ratesoverview-period-box-cals-inner {
17425 padding: 10px;
17426 }
17427 .vbo-ratesoverview-period-box-cals-inner > div {
17428 display: block;
17429 margin: 10px;
17430 width: auto;
17431 }
17432 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
17433 width: auto;
17434 padding-right: 0;
17435 border: 0;
17436 box-sizing: border-box;
17437 margin-bottom: 20px;
17438 }
17439 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
17440 text-align: center;
17441 text-transform: capitalize;
17442 font-size: 16px;
17443 }
17444 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
17445 width: 100%;
17446 box-sizing: border-box;
17447 }
17448 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
17449 border-radius: 4px;
17450 border: 1px solid var(--vbo-config-border-color);
17451 }
17452 .vbo-tariffs-params-container .vbo-param-setting form {
17453 width: 100%;
17454 }
17455 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
17456 display: block;
17457 width: 100%;
17458 font-weight: bold;
17459 }
17460 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17461 display: flex;
17462 margin: 5px 0 0;
17463 width: 100%;
17464 }
17465 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
17466 align-self: center;
17467 margin-right: 5px;
17468 }
17469 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17470 flex: 1;
17471 }
17472 .vbo-bookdet-container .vbo-bookdet-wrap {
17473 width: 45%;
17474 border: 0;
17475 padding-right: 0;
17476 }
17477 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
17478 flex-basis: 100% !important;
17479 }
17480 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
17481 display: block;
17482 font-weight: bold;
17483 }
17484 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
17485 width: 100% !important;
17486 max-width: 100% !important;
17487 }
17488 .vbo-dashboard-refresh-container {
17489 margin: 0px auto 0;
17490 float: none;
17491 display: table;
17492 }
17493 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17494 width: 80%;
17495 }
17496 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17497 width: calc(50% - 20px);
17498 }
17499 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17500 width: calc(50% - 10px);
17501 }
17502
17503 .popover.right {
17504 left: 0 !important;
17505 border-right-width: 0 !important;
17506 border-left-color: #999 !important;
17507 border-left-color: rgba(0,0,0,0.25) !important;
17508 right: 0 !important;
17509 left: 7% !important;
17510 }
17511 .popover.right .arrow {
17512 top: 50% !important;
17513 margin-top: -11px !important;
17514 border-right-width: 0 !important;
17515 border-left-color: #999 !important;
17516 border-left-color: rgba(0,0,0,0.25) !important;
17517 right: 0 !important;
17518 }
17519 .popover.right .arrow:after {
17520 left: 1px !important;
17521 border-right-width: 0 !important;
17522 border-right-color: #fff !important;
17523 }
17524 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17525 min-width: 200px;
17526 max-width: 200px;
17527 white-space: nowrap;
17528 overflow: hidden;
17529 text-overflow: ellipsis;
17530 }
17531 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17532 white-space: nowrap;
17533 overflow: hidden;
17534 text-overflow: ellipsis;
17535 width: 130px;
17536 display: inline-block;
17537 }
17538 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
17539 box-sizing: border-box;
17540 width: 100%;
17541 }
17542 .vbo-dashboard-today-roomocc-customers {
17543 border: 0;
17544 }
17545 .wp-editor-container .quicktags-toolbar input[type="button"] {
17546 width: auto !important;
17547 }
17548 .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 {
17549 width: 100%;
17550 }
17551 .vbo-config-gr-services {
17552 width: 100%;
17553 }
17554 .vbo-config-gr-services .vbo-config-gr-service {
17555 display: flex;
17556 }
17557 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
17558 flex: 1;
17559 margin-right: 5px;
17560 }
17561 .vbo-smstpl-bgroup button.btn {
17562 margin: 2px !important;
17563 }
17564 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
17565 width: 100%;
17566 }
17567 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17568 flex-basis: calc(50% - 38px);
17569 }
17570 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
17571 width: auto !important;
17572 }
17573 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
17574 width: auto !important;
17575 }
17576 .vbo-tariffs-params-container .vbo-param-setting {
17577 margin-top: 30px;
17578 }
17579 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
17580 width: auto !important;
17581 }
17582 .vbo-params-container .vbo-param-setting select#val_pcent {
17583 width: auto !important;
17584 }
17585 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
17586 width: 100px !important;
17587 }
17588 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
17589 width: 130px !important;
17590 }
17591 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
17592 width: auto !important;
17593 }
17594 #vbo-row-people .vbo-param-setting select {
17595 width: auto !important;
17596 }
17597 #vbo-close-all-rooms-sel {
17598 width: 100%;
17599 }
17600 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17601 flex-grow: 1;
17602 }
17603 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
17604 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
17605 width: 100%;
17606 margin-bottom: 5px;
17607 }
17608 .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 {
17609 width: 100% !important;
17610 flex-grow: 1;
17611 }
17612 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17613 margin-left: 0;
17614 }
17615 .vbo-param-confirm-btn .btn {
17616 width: 100%;
17617 }
17618 }
17619 @media screen and (max-width : 640px) {
17620 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17621 flex-basis: 50%;
17622 }
17623 .vbo-calcrates-rateblock > span {
17624 width: 20%;
17625 margin: 5px 10px 5px 0;
17626 }
17627 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17628 widows: 50%;
17629 }
17630 .vbo-calcrates-rateblock > span {
17631 width: 35%;
17632 }
17633 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
17634 width: 100%;
17635 margin-top: 10px;
17636 }
17637 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
17638 flex-basis: 100%;
17639 }
17640 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17641 flex-basis: 100%;
17642 }
17643 .vbrestrdrangesp {
17644 display: block;
17645 margin-bottom: 4px;
17646 }
17647 .vbrestrdrangesp + .wp-calendar-box {
17648 margin-right: 5px;
17649 }
17650 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
17651 width: 100%;
17652 }
17653 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
17654 width: 100%;
17655 }
17656 .vbo-checkin-custdet-entry {
17657 margin-bottom: 10px;
17658 display: inline-block;
17659 width: 100%;
17660 margin: 5px;
17661 vertical-align: top;
17662 }
17663 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
17664 flex-basis: 100% !important;
17665 }
17666 .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 {
17667 width: 100%;
17668 }
17669 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17670 margin-left: 0;
17671 }
17672 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17673 flex: 1;;
17674 }
17675 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17676 display: flex;
17677 }
17678 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17679 flex: 1;
17680 }
17681 .vbo-overlay-fests-addnew-elem input[type="text"] {
17682 width: 100% !important;
17683 }
17684 .vbo-overlay-fests-addnew-save .btn-success {
17685 width: 100% !important;
17686 }
17687 .vbo-dashboard-today-occ-listcont {
17688 width: 100%;
17689 box-sizing: border-box;
17690 }
17691 fieldset.adminform .vbo-list-table-rounded {
17692 max-width: 500px;
17693 }
17694 }
17695 @media screen and (max-width : 580px) {
17696 .vbo-calendar-cfields-search {
17697 width: 100%;
17698 width: 100%;
17699 background: var(--vbo-main-bg-color);
17700 padding: 10px 15px;
17701 float: none;
17702 margin-bottom: 10px;
17703 box-sizing: border-box;
17704 border: 1px solid var(--vbo-config-border-color);
17705 }
17706 .vbo-calendar-cfields-search input {
17707 margin-bottom: 0;
17708 }
17709 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
17710 margin-right: 0;
17711 }
17712 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
17713 width: 100% !important;
17714 }
17715 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
17716 flex: 100%;
17717 }
17718 .vbo-calendar-cfields-bottom {
17719 margin: 10px 0 15px 10px;
17720 display: flex;
17721 }
17722 .vbo-calendar-cfields-bottom .btn {
17723 flex: 1;
17724 }
17725 .vbo-calendar-cfields-bottom .btn-success {
17726 margin-left: 10px;
17727 }
17728 .vbo-ratesoverview-tabscont > div {
17729 margin: 4px 5px;
17730 }
17731 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
17732 margin: 5px 5px 0;
17733 }
17734 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
17735 width: 100%;
17736 margin: 10px 0 0;
17737 }
17738 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
17739 width: 100%;
17740 }
17741 .vbo-ratesoverview-tabscont div {
17742 width: 100%;
17743 box-sizing: border-box;
17744 }
17745 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
17746 white-space: inherit;
17747 }
17748 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
17749 width: 100%;
17750 }
17751 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
17752 width: 100% !important;
17753 }
17754 .vbo-bookingdet-admin-entry select {
17755 width: 100% !important;
17756 }
17757 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
17758 width: 48%;
17759 }
17760 .vbo-booking-history-container td {
17761 white-space: initial !important;
17762 }
17763 .vbo-dashboard-chart-container {
17764 flex-basis: 100%;
17765 }
17766 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17767 width: 50%;
17768 }
17769 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17770 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
17771 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17772 width: calc(100% - 80px);
17773 }
17774 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
17775 width: auto;
17776 display: block;
17777 text-align: left;
17778 padding: 3px 5px;
17779 }
17780 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
17781 margin-right: 5px;
17782 }
17783 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
17784 width: 110px;
17785 }
17786 .vbo-menu-right > .vbo-menu-ul {
17787 display: contents;
17788 }
17789 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
17790 margin-bottom: 8px;
17791 }
17792 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
17793 flex-basis: 100% !important;
17794 }
17795 .vbo-translation-tab {
17796 width: calc(50% - 29px);
17797 }
17798 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
17799 width: 86%;
17800 }
17801 #alwaysavcont {
17802 flex-basis: 100%;
17803 }
17804 .vbo-tariffs-wizard-price {
17805 flex-basis: 100%;
17806 }
17807 .vbo-param-setting .vbwdaytwodiv {
17808 width: 100%;
17809 margin-top: 10px;
17810 margin-left: 0;
17811 }
17812 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
17813 flex-wrap: wrap;
17814 }
17815 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
17816 flex-basis: 100%;
17817 }
17818 .vbo-info-overlay-content .vbo-add-room-entry > div {
17819 width: 100%;
17820 margin: 5px 0;
17821 }
17822 .vbo-info-overlay-content .vbo-add-room-entry select {
17823 width: 100% !important;
17824 }
17825 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
17826 flex-basis: 100%;
17827 }
17828 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
17829 flex-grow: 0;
17830 margin-bottom: 0px;
17831 }
17832 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
17833 width: 100px !important;
17834 flex: 1;
17835 }
17836 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
17837 flex: 1;
17838 display: flex;
17839 flex-wrap: nowrap;
17840 }
17841 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
17842 align-self: center;
17843 margin-right: 5px;
17844 }
17845 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
17846 flex: 1;
17847 margin-left: 0;
17848 }
17849 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
17850 width: 80px !important;
17851 flex-grow: 1;
17852 }
17853 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
17854 width: 100%;
17855 display: flex;
17856 }
17857 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17858 width: 55vw;
17859 }
17860 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
17861 flex: 1;
17862 }
17863 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
17864 width: 100% !important;
17865 }
17866 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
17867 margin-left: 0;
17868 }
17869 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
17870 margin-bottom: 5px;
17871 display: inline-block;
17872 }
17873 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
17874 width: 100%;
17875 }
17876 .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 {
17877 width: 100%;
17878 }
17879 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
17880 flex: 1;
17881 }
17882 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17883 display: flex;
17884 }
17885 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17886 flex: 1;
17887 }
17888 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
17889 margin-left: 5px;
17890 }
17891 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
17892 flex-wrap: wrap;
17893 }
17894 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
17895 flex-wrap: wrap;
17896 }
17897 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
17898 flex-basis: 100%;
17899 margin-top: 5px;
17900 }
17901 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
17902 width: 100%;
17903 }
17904 .vbo-quickres-head .vbo-quickres-head-right {
17905 margin-top: 10px;
17906 width: 100%;
17907 }
17908 .vbo-list-form-filters .btn-toolbar #rname {
17909 width: 200px !important;
17910 }
17911 .vbo-calcrates-rateblock > span {
17912 flex-basis: 100%;
17913 margin: 5px 0 5px 0;
17914 border-bottom: 1px solid var(--vbo-config-border-color);
17915 padding-bottom: 5px;
17916 text-align: right;
17917 }
17918 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17919 border: 0;
17920 }
17921 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
17922 text-align: left;
17923 }
17924 .vbo-calcrates-rateblock > span > span {
17925 float: left;
17926 }
17927 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
17928 font-size: 18px;
17929 }
17930 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
17931 margin-right: 0;
17932 font-size: 18px;
17933 }
17934 .vbo-modal-wguestmessages-chat-info-booking .badge {
17935 margin-bottom: 2px;
17936 }
17937 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
17938 display: flex;
17939 }
17940 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
17941 flex-basis: 25px !important;
17942 flex-grow: 0 !important;
17943 }
17944 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
17945 width: 25px;
17946 height: 25px;
17947 }
17948 .vbo-submenu-wrap {
17949 display: none;
17950 }
17951 .vbo-menu-ul li:hover .vbo-submenu-wrap {
17952 display: block;
17953 }
17954 .vbo-config-tabs-wrap dl.tabs dt {
17955 padding: 10px 0;
17956 width: 50%;
17957 }
17958 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
17959 width: 100%;
17960 }
17961 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
17962 display: inline-block;
17963 width: 100%;
17964 }
17965 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
17966 display: block;
17967 }
17968 .vbo-btn-toolbar .input-append input#code {
17969 max-width: 150px;
17970 }
17971 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
17972 min-width: 180px;
17973 }
17974 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
17975 width: 100%;
17976 }
17977 .vbo-info-overlay-content {
17978 height: 90%;
17979 }
17980 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
17981 margin-top: 0px;
17982 }
17983 .vbo-avcalendars-roomphoto img {
17984 width: 100%;
17985 }
17986 .vbcsvexport {
17987 margin: 2px !important;
17988 }
17989 .vbo-editbooking-totrefund {
17990 margin: 10px 0 0;
17991 }
17992 .vbo-param-setting #pin + .btn.vbo-config-btn {
17993 margin: 5px 0 !important;
17994 }
17995 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
17996 max-width: 100px !important;
17997 }
17998 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
17999 flex-basis: 100%;
18000 }
18001 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
18002 border-left: 1px solid var(--vbo-config-border-color);
18003 }
18004 .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 {
18005 border-radius: 6px !important;
18006 }
18007 }
18008 @media screen and (max-width : 550px) {
18009 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
18010 -webkit-flex: 100%;
18011 -ms-flex: 100%;
18012 flex: 100%;
18013 }
18014 .vbo-ratesoverview-tabscont div > i {
18015 margin-bottom: 3px;
18016 }
18017 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18018 flex-basis: 36%;
18019 }
18020 .vbo-trackings-chart-avgvals {
18021 flex: 1;
18022 padding-right: 0;
18023 }
18024 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
18025 width: 100% !important;
18026 margin-bottom: 3px;
18027 }
18028 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
18029 flex: 100%;
18030 }
18031 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
18032 margin: 10px auto;
18033 }
18034 .vbmodelink {
18035 margin: 5px;
18036 }
18037 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
18038 flex-basis: 100%;
18039 }
18040 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
18041 margin: 0 0 10px;
18042 }
18043 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18044 width: 100%;
18045 }
18046 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
18047 flex-basis: 100%;
18048 }
18049 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
18050 flex-basis: calc(100% - 34px);
18051 }
18052 fieldset.adminform .vbo-list-table-rounded {
18053 max-width: 400px;
18054 }
18055 .vbo-widget-finance-data-block-rankings {
18056 grid-template-columns: repeat(1, 1fr);
18057 }
18058 }
18059 @media screen and (max-width : 500px) {
18060 .vbo-translation-tab.vbo-translation-tab-ini {
18061 float: none;
18062 }
18063 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
18064 width: auto !important;
18065 }
18066 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
18067 width: 100%;
18068 margin: 5px 0;
18069 }
18070 .vbo-bookdet-container .vbo-bookdet-wrap {
18071 width: auto;
18072 border-bottom: 1px solid var(--vbo-config-border-color);
18073 padding: 0 0 5px;
18074 margin: 5px;
18075 box-sizing: border-box;
18076 display: block;
18077 }
18078 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
18079 border: 0;
18080 }
18081 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
18082 width: 100%;
18083 display: inline-block;
18084 margin: 5px 3px;
18085 }
18086 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
18087 flex-basis: 100%;
18088 }
18089 .vbo-calcrates-rateblock > span {
18090 width: 100%;
18091 }
18092 .modal-header .box-close {
18093 padding: 0 !important;
18094 border-bottom: 0 !important;
18095 }
18096 .modal .modal-header .box-close {
18097 border-left: 0 !important;
18098 }
18099 .vbo-cal-splitstay-details {
18100 min-width: initial;
18101 width: 100%;
18102 }
18103 .vbo-cal-splitstay-details > div {
18104 grid-template-columns: repeat(1, 1fr);
18105 }
18106 .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 {
18107 border-right: 0;
18108 }
18109 }
18110
18111 /* form fieldset */
18112 .admin-form-wrapper {
18113 display: flex;
18114 flex-wrap: wrap;
18115 justify-content: space-between;
18116 }
18117 .admin-form-fieldset {
18118 width: calc(100% / 2 - 10px);
18119 }
18120 @media screen and (max-width: 1440px) {
18121 .admin-form-fieldset select {
18122 max-width: 250px !important;
18123 }
18124 }
18125 @media screen and (max-width: 1280px) {
18126 .admin-form-fieldset {
18127 width: 100%;
18128 }
18129 }
18130 /* main menu screen size adjustments */
18131 @media screen and (max-width: 1400px) {
18132 .vbo-menu-updates > button span {
18133 display: none;
18134 }
18135 }
18136 @media screen and (max-width: 1280px) {
18137 .vbo-menu-left {
18138 max-width: 100px;
18139 }
18140 }
18141
18142 /* new medias drag&drop */
18143 .vbo-dropfiles-target {
18144 padding: 5% 20px;
18145 text-align:center;
18146 border: 2px dashed var(--vbo-config-border-color);
18147 border-radius: 4px;
18148 color: var(--vbo-config-text-color-light);
18149 background: var(--vbo-config-child-bg-color);
18150 }
18151 .vbo-dropfiles-target.drag-enter {
18152 border-color: var(--vbo-config-border-color);
18153 }
18154 .vbo-dropfiles-target .lead {
18155 font-size: 16px;
18156 font-weight: bold;
18157 }
18158 .vbo-dropfiles-target a:hover {
18159 text-decoration: none;
18160 }
18161
18162 .vbo-uploaded-files {
18163 display: flex;
18164 flex-wrap: wrap;
18165 }
18166 .vbo-uploaded-files i.fa-file {
18167 font-size: 128px;
18168 }
18169 .vbo-uploaded-files .file-elem {
18170 width: calc(100% / 5);
18171 margin-bottom: 20px;
18172 }
18173 .vbo-uploaded-files .file-elem-inner {
18174 width: auto;
18175 display: inline-block;
18176 position: relative;
18177 }
18178 .vbo-uploaded-files .file-elem a {
18179 position: relative;
18180 }
18181 .vbo-uploaded-files .file-elem.uploading a,
18182 .vbo-uploaded-files .file-elem.removing a {
18183 cursor: default;
18184 color: var(--vbo-config-text-color-light);
18185 }
18186 .vbo-uploaded-files .file-elem.removing a {
18187 opacity: 0.7;
18188 }
18189 .vbo-uploaded-files .file-elem a .file-extension {
18190 position: absolute;
18191 bottom: 20px;
18192 left: 50%;
18193 color: #fff;
18194 transform: translateX(-50%);
18195 font-size: 30px;
18196 text-transform: uppercase;
18197 font-weight: 500;
18198 }
18199 .vbo-uploaded-files .file-elem .file-summary {
18200 word-break: break-all;
18201 margin-top: 5px;
18202 }
18203 .vbo-uploaded-files .file-elem .file-summary .filename {
18204 font-weight: 500;
18205 }
18206 .vbo-uploaded-files .file-elem .file-summary .filesize {
18207 font-size: smaller;
18208 }
18209 .vbo-uploaded-files .file-elem .delete-file {
18210 position: absolute;
18211 top: -10px;
18212 left: -10px;
18213 background: var(--vbo-config-bg-color);
18214 width: 32px;
18215 height: 32px;
18216 border-radius: 50%;
18217 color: var(-vbo-body-text-color);
18218 line-height: 32px;
18219 text-align: center;
18220 visibility: hidden;
18221 }
18222 .vbo-uploaded-files .file-elem .delete-file i.fa {
18223 font-size: 34px;
18224 color: var(--vbo-body-text-color);
18225 }
18226 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
18227 color: var(--vbo-blue-color);
18228 }
18229 .vbo-uploaded-files .file-elem.do-shake .file-link {
18230 color: var(--vbo-config-text-color-light);
18231 cursor: default;
18232 }
18233 .vbo-uploaded-files .file-elem.do-shake .delete-file {
18234 visibility: visible;
18235 }
18236 .vbo-uploaded-files .file-elem.do-shake {
18237 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
18238 }
18239
18240 @-webkit-keyframes shake-files {
18241 from {
18242 -webkit-transform: rotate(4deg);
18243 }
18244 to {
18245 -webkit-transform-origin: center center;
18246 -webkit-transform: rotate(-4deg);
18247 }
18248 }
18249
18250 .stop-managing-files-hint {
18251 background: #333c;
18252 color: #fff;
18253 padding: 20px 30px;
18254 text-align: center;
18255 position: fixed;
18256 bottom: 20px;
18257 border-radius: 6px;
18258 left: 50%;
18259 transform: translateX(-50%);
18260 font-size: 20px;
18261 width: 80%;
18262 font-weight: 500;
18263 display: none;
18264 }
18265
18266 .drop-files-hint {
18267 float: right;
18268 margin-top: -25px;
18269 margin-right: 6px;
18270 }
18271 .drop-files-hint i.fa-question-circle {
18272 color: #999;
18273 }
18274
18275 @media screen and (max-width: 1440px) {
18276 .vbo-uploaded-files .file-elem {
18277 width: calc(100% / 4);
18278 }
18279 }
18280 @media screen and (max-width: 1280px) {
18281 .vbo-uploaded-files .file-elem {
18282 width: calc(100% / 5);
18283 }
18284 }
18285 @media screen and (max-width: 800px) {
18286 .vbo-uploaded-files .file-elem {
18287 width: calc(100% / 4);
18288 }
18289 }
18290 @media screen and (max-width: 550px) {
18291 .vbo-uploaded-files .file-elem {
18292 width: calc(100% / 3);
18293 }
18294 }
18295
18296 /*** @WPonly ***/
18297 .vbo-invoices-inv-frontleft {
18298 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
18299 border-right: 1px solid var(--vbo-config-border-color);
18300 float: left;
18301 height: 128px;
18302 max-height: 100%;
18303 min-height: 100%;
18304 vertical-align: middle;
18305 width: 128px;
18306 margin-right: 10px;
18307 }
18308 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
18309 position: relative;
18310 }
18311