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

19,723 lines 546.9 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-bg-dark: #1d2327;
45 --vbo-config-text-color: inherit;
46 --vbo-config-border-color: #ddd;
47 --vbo-config-titles-color-light: #666;
48 --vbo-config-child-bg-color: #f6f6f6;
49 --vbo-config-text-color-light: #999;
50 --vbo-config-title-color: #1d2327;
51
52 /* Input Style */
53 --vbo-input-style: #fff;
54 --vbo-input-style-deactive: #f6f7f7;
55 --vbo-input-style-nested-deactive: #eee;
56
57 /* Page Lists */
58 --vbo-toolbar-bg-color: #d4dae5;
59
60 /* General Colors */
61 --vbo-red-color: #b90c0d;
62 --vbo-red-color-hover: #e61717;
63 --vbo-red-color-focus: #9d0101;
64 --vbo-orange-color: #ffab48;
65 --vbo-orange-color-hover: #ad6704;
66 --vbo-green-color: #46a546;
67 --vbo-green-color-hover: #428242;
68 --vbo-green-color-focus: #65c265;
69 --vbo-light-green-color: #d7f4d6;
70 --vbo-light-green-color-hover: #9ed59c;
71 --vbo-blue-color: #31708f;
72 --vbo-blue-color-hover: #498fb3;
73 --vbo-gold-color: #f0e20e;
74 --vbo-purple-color: #9b0dce;
75
76 /* Notification Status */
77 --vbo-info-bg: #bdd7e3;
78 --vbo-info-txt: #13438e;
79 --vbo-info-border: #72abcc;
80 --vbo-warning-bg: #ffead6;
81 --vbo-warning-txt: #f38321;
82 --vbo-warning-border: #d69b3c;
83 --vbo-error-bg: #ffd1d1;
84 --vbo-error-txt: #800;
85 --vbo-error-border: #ea6060;
86 --vbo-success-bg: #c9f4c9;
87 --vbo-success-txt: #097900;
88
89 /* VCM Chat Message */
90 --vcm-chat-bubble-host-background: #2293f4;
91 --vcm-chat-bubble-host-color: #fff;
92 --vcm-chat-bubble-guest-background: #e5e5ea;
93 --vcm-chat-bubble-guest-color: #444;
94 --vcm-chat-dot-flashing-on: #1e4c93;
95 --vcm-chat-dot-flashing-off: rgba(30, 76, 147, 0.2);
96 }
97
98 legend.adminlegend {
99 color: var(--vbo-config-title-color);
100 border-bottom: 1px solid var(--vbo-config-border-color);
101 }
102
103 /*
104 * Classes .label and .badge
105 */
106 .label, .badge {
107 display: inline-block;
108 padding: 4px 6px;
109 font-size: 10.998px;
110 font-weight: bold;
111 line-height: 14px;
112 color: var(--vbo-contrast-text-color);
113 vertical-align: baseline;
114 white-space: nowrap;
115 background-color: var(--vbo-middle-color-btn);
116 }
117 .label {
118 border-radius: 3px;
119 }
120 .badge {
121 border-radius: 20px;
122 }
123 .label.label-success, .badge.badge-success {
124 background-color: var(--vbo-success-bg);
125 color: var(--vbo-success-txt);
126 }
127 a.label.label-success:hover, a.badge.badge-success:hover {
128 background-color: var(--vbo-green-color-hover);
129 }
130 .label.label-warning, .badge.badge-warning {
131 background-color: var(--vbo-warning-bg);
132 color: var(--vbo-warning-txt);
133 }
134 a.label.label-warning:hover, a.badge.badge-warning:hover {
135 background-color: var(--vbo-orange-color-hover);
136 }
137 .label.label-info, .badge.badge-info {
138 background-color: var(--vbo-info-bg);
139 color: var(--vbo-info-txt);
140 }
141 a.label.label-info:hover, a.badge.badge-info:hover {
142 background-color: var(--vbo-blue-color-hover);
143 }
144 a.label, a.badge, a.label:hover, a.badge:hover {
145 color: var(--vbo-contrast-text-color);
146 }
147 .vbo-label-nested {
148 padding: 1px 4px !important;
149 font-weight: 500;
150 line-height: 12px;
151 font-size: 11px;
152 }
153 .vbo-enabled-icon {
154 color: var(--vbo-green-color);
155 }
156
157 /* @joomlaonly - forced border color for the Joomla top toolbar */
158 .subhead .btn-toolbar .btn {
159 border: 1px solid var(--vbo-config-border-color);
160 }
161 .subhead .btn-toolbar .btn-success {
162 border: 1px solid var(--vbo-green-color);
163 border: 1px solid rgba(0,0,0,0.2);
164 }
165
166 /*** @WPonly - Load Reservation from other booking plugins ***/
167 .vbo-modal-lock-scroll {
168 overflow: hidden !important;
169 }
170 .vbo-importbftpp-plugins-list {
171 border-radius: 4px;
172 padding: 20px;
173 border: 1px solid var(--vbo-config-border-color);
174 background: var(--vbo-config-bg-color);
175 }
176 .vbo-importbftpp-plugins-list-inner label {
177 display: block;
178 margin-bottom: 5px;
179 }
180 .vbo-importbftpp-plugins-list-bottom {
181 margin-top: 15px;
182 }
183 .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label {
184 display: block;
185 margin-bottom: 5px;
186 }
187 .vbo-importbftpp-roomsmapping-wrap {
188 margin-bottom: 20px;
189 }
190 .vbo-importbftpp-roomsmapping-inner {
191 display: flex;
192 flex-wrap: wrap;
193 }
194 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block {
195 width: calc(33% - 48px);
196 margin: 5px;
197 border: 1px solid var(--vbo-config-border-color);
198 background: var(--vbo-config-bg-color);
199 padding: 20px;
200 border-radius: 4px;
201 }
202 .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label {
203 display: block;
204 margin-bottom: 5px;
205 font-weight: 500;
206 }
207 .vbo-importbftpp-roomsmapping-block-thirdparty {
208 margin-bottom: 10px;
209 }
210 .vbo-importbftpp-subtitle {
211 font-size: 1.2em;
212 margin-bottom: 8px;
213 }
214 .vbo-importbftpp-reservations-inner {
215 display: flex;
216 flex-wrap: wrap;
217 }
218 .vbo-importbftpp-reservation-block {
219 flex-basis: 50%;
220 }
221 .vbo-importbftpp-reservation-inner {
222 border-radius: 4px;
223 border: 1px solid var(--vbo-config-border-color);
224 padding: 15px;
225 background: var(--vbo-config-bg-color);
226 margin: 5px;
227 }
228 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail {
229 margin: 4px 0;
230 }
231 .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl {
232 display: inline-block;
233 min-width: 150px;
234 font-weight: 500;
235 }
236 .vbo-importbftpp-reservation-import {
237 margin-top: 14px;
238 border-top: 1px solid var(--vbo-config-border-color);
239 padding-top: 10px;
240 display: inline-block;
241 width: 100%;
242 box-sizing: border-box;
243 min-height: 40px;
244 }
245 .vbo-importbftpp-reservation-import-toggle {
246 display: inline-block;
247 }
248 .vbo-importbftpp-reservation-import-rooms {
249 float: right;
250 font-weight: bold;
251 font-size: 1.1em;
252 }
253 .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl {
254 min-width: inherit;
255 margin-right: 10px;
256 }
257 .vbo-importbftpp-confirm-wrap {
258 text-align: center;
259 margin-top: 15px;
260 }
261 .vbo-importbftpp-confirm-wrap .vbo-btn-label {
262 font-size: 1.3em;
263 font-weight: bold;
264 margin-bottom: 10px;
265 }
266 .vbo-importbftpp-reservation-noteligible {
267 opacity: .7;
268 }
269 .vbo-importbftpp-reservations-btns {
270 text-align: right;
271 padding-right: 5px;
272 }
273 div.modal .close {
274 color: inherit;
275 }
276 .modal .modal-footer {
277 border-top: 1px solid var(--vbo-config-border-color);
278 background: var(--vbo-config-bg-color);
279 box-shadow: none;
280 }
281 a:focus, a:hover {
282 text-decoration: none !important;
283 }
284 .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
285 padding: 10px 10px;
286 border-color: var(--vbo-config-border-color);
287 }
288 .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide {
289 padding: 10px 30px !important;
290 }
291 .btn-secondary {
292 color: var(--vbo-config-title-color);
293 background-color: var(--vbo-basic-btn);
294 border-color: var(--vbo-config-border-color);
295 }
296 .btn-secondary:hover {
297 color: var(--vbo-config-title-color);
298 background-color: var(--vbo-basic-btn-hover);
299 }
300 .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary {
301 border-radius: 3px;
302 padding: 10px 14px;
303 margin-bottom: 0;
304 }
305 .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] {
306 height: auto;
307 }
308 .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) {
309 margin-right: 5px;
310 }
311 .btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) {
312 margin-right: 0;
313 margin-left: 5px;
314 }
315 body #content .input-append > input, body #wpcontent .input-append > input {
316 border-color: var(--vbo-config-border-color);
317 }
318 body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success {
319 color: #fff;
320 background-color: var(--vbo-green-color);
321 border: 1px solid var(--vbo-green-color);
322 }
323 body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover {
324 color: #fff;
325 font-weight: normal;
326 background-color: var(--vbo-green-color-hover);
327 border-color: var(--vbo-green-color-hover);
328 }
329 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 {
330 color: #fff;
331 font-weight: normal;
332 background-color: var(--vbo-green-color-focus);
333 border-color: var(--vbo-green-color-focus);
334 }
335 body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger {
336 color: #fff;
337 background-color: var(--vbo-red-color);
338 border: 1px solid var(--vbo-red-color);
339 }
340 body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover {
341 color: #fff;
342 background-color: var(--vbo-red-color-hover);
343 border-color: var(--vbo-red-color-hover)
344 }
345 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 {
346 color: #fff;
347 background-color: var(--vbo-red-color-focus);
348 border-color: var(--vbo-red-color-focus)
349 }
350 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 {
351 color: #fff;
352 background-color: var(--vbo-blue-color);
353 border: 1px solid var(--vbo-blue-color);
354 }
355 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 {
356 color: #fff;
357 background-color: var(--vbo-blue-color-hover);
358 border: 1px solid var(--vbo-blue-color-hover);
359 }
360 body #content .btn.btn-light-green, body #wpcontent .btn.btn-light-green, .vbo-modal-overlay-content .btn.btn-light-green {
361 background-color: var(--vbo-light-green-color);
362 border: 1px solid var(--vbo-green-color);
363 }
364 body #content .btn.btn-light-green:hover, body #wpcontent .btn.btn-light-green:hover, .vbo-modal-overlay-content .btn.btn-light-green:hover {
365 background-color: var(--vbo-light-green-color-hover);
366 border: 1px solid var(--vbo-green-color);
367 }
368 body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning {
369 color: #fff;
370 background-color: var(--vbo-orange-color);
371 border: 1px solid var(--vbo-orange-color);
372 }
373 body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover {
374 color: #fff;
375 background-color: var(--vbo-orange-color-hover);
376 border: 1px solid var(--vbo-orange-color-hover);
377 }
378
379 .select2-container .select2-dropdown {
380 background-color: var(--vbo-config-bg-color);
381 border-color: var(--vbo-config-border-color) !important;
382 }
383 .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] {
384 background-color: var(--vbo-blue-color);
385 }
386 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
387 line-height: 38px;
388 }
389 .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] {
390 background-color: var(--vbo-config-bg-color);
391 color: var(--vbo-base-color);
392 border: 1px solid var(--vbo-base-color);
393 }
394 .select2-container.select2-container--default .select2-selection--single {
395 background-color: var(--vbo-input-style);
396 border: 1px solid var(--vbo-config-border-color) !important;
397 height: 40px;
398 border-radius: 2px;
399 }
400 .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
401 height: 40px;
402 }
403 /*** Chrome Hack for the select ***/
404 .selector:not(*:root), select {
405 border: 0 !important;
406 outline: 1px solid var(--vbo-config-border-color);
407 outline-offset: -1px;
408 height: 36px !important;
409 }
410 select[multiple] {
411 height: 120px !important;
412 }
413 /***/
414
415 .input-append .btn.vbo-btn-dont-append {
416 margin-left: 5px;
417 }
418
419 /* Skeleton structure */
420 .vbo-skeleton-loading {
421 position: relative;
422 overflow: hidden;
423 background-color: #DDDBDD;
424 display: inline-block;
425 }
426 .vbo-skeleton-loading:after {
427 position: absolute;
428 top: 0;
429 right: 0;
430 bottom: 0;
431 left: 0;
432 transform: translateX(-100%);
433 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));
434 animation: shimmer 2s infinite;
435 content: '';
436 }
437
438 .fancybox-type-iframe.fancybox-opened {
439 height: 80% !important;
440 }
441 .fancybox-type-iframe.fancybox-opened .fancybox-skin {
442 height: 100% !important;
443 }
444
445 .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 {
446 white-space: nowrap;
447 }
448 .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap {
449 white-space: inherit;
450 }
451 .vbo-table-td-wrap .btn {
452 margin-top: 5px;
453 }
454 .successmade {
455 margin: 10px 0px;
456 padding: 12px 12px 12px 40px;
457 color: var(--vbo-green-color);
458 background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
459 border: 2px solid var(--vbo-green-color);
460 background-size: 20px;
461 }
462 .info {
463 margin: 10px 0px;
464 padding: 12px;
465 background-color: #c8e4fb;
466 border: 1px solid #72abcc;
467 }
468 .err {
469 margin: 10px 0px;
470 padding: 12px 12px 12px 40px;
471 border: 2px solid var(--vbo-red-color);
472 background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
473 background-size: 20px;
474 }
475 .warn {
476 margin: 10px 0px;
477 padding: 12px 12px 12px 40px;
478 border: 2px solid var(--vbo-orange-color);
479 background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color);
480 background-size: 20px;
481 }
482 .label-error, .badge-error, .label-danger, .badge-danger {
483 background-color: var(--vbo-error-bg) !important;
484 color: var(--vbo-error-txt) !important;
485 }
486 .ui-datepicker-multi .ui-datepicker-group-first {
487 border-right: 1px solid var(--vbo-config-border-color);
488 }
489 .select2-container--default .select2-results__option[role="group"] {
490 border-top: 1px solid var(--vbo-config-border-color);
491 }
492 #hmfooter {
493 font-size: x-small;
494 text-align: center;
495 margin: 20px 0;
496 }
497 .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost {
498 margin-top: 5px;
499 }
500 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
501 margin-top: 15px;
502 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
503 display: grid;
504 }
505 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
506 background-color: var(--vbo-config-bg-color);
507 border-radius: 10px;
508 border: 1px solid var(--vbo-basic-btn);
509 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
510 margin: 10px;
511 }
512 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
513 height: 100%;
514 }
515 .vbadmincaltable td {
516 border: 1px solid var(--vbo-input-style-nested-deactive) !important;
517 font-size: 11px;
518 width: 45px;
519 padding: 0 !important;
520 text-align: center !important;
521 height: 30px;
522 box-sizing: content-box;
523 vertical-align: middle !important;
524 }
525 .vbadmincaltable tr:last-child td {
526 border-bottom: 0 !important;
527 }
528 .vbadmincaltable tr:last-child td:first-child {
529 border-bottom-left-radius: 10px;
530 }
531 .vbadmincaltable tr:last-child td:last-child {
532 border-bottom-right-radius: 10px;
533 }
534 .vbadmincaltable td:last-child {
535 border-right: 0 !important;
536 }
537 .vbadmincaltable td:first-child {
538 border-left: 0 !important;
539 }
540 .vbadmincaltable td:hover {
541 background-color: var(--vbo-config-border-color);
542 }
543 .vbadmincaltable td:active {
544 background-color: var(--vbo-blue-color);
545 color: #fff;
546 }
547 .vbadmincaltable .busy {
548 background: var(--vbo-red-color);
549 }
550 .vbadmincaltable .busy:hover {
551 background: var(--vbo-red-color-hover);
552 }
553 .busy.busy-closure {
554 background: var(--vbo-config-title-color);
555 }
556 .busy.busy-closure:hover {
557 background: var(--vbo-config-titles-color-light);
558 }
559 .vbadmincaltable .busy > * {
560 font-weight:bold;
561 color:#fff;
562 }
563 .vbadmincaltable td.free {
564 cursor: pointer;
565 }
566 .vbadmincaltrmon td {
567 color: var(--vbo-config-title-color);
568 font-weight:bold;
569 font-size: 14px;
570 border: 0 !important;
571 padding: 6px 5px !important;
572 }
573 .vbadmincaltrmon td:hover {
574 background-color: transparent;
575 }
576 .vbadmincaltrmdays td {
577 font-weight: bold;
578 text-align:center;
579 background-color: var(--vbo-config-child-bg-color);
580 }
581 .vbadmincaltrmdays td:hover {
582 background-color: var(--vbo-config-child-bg-color);
583 }
584 .vborderof {
585 padding:10px 0;
586 font-size:14px;
587 }
588 .vborderof a {
589 font-size:12px;
590 }
591 .vborderpar {
592 margin:10px 0 5px 0;
593 padding:0;
594 font-weight:bold;
595 font-size:13px;
596 }
597 .vborderspan {
598 font-weight:bold;
599 }
600 p.vborderpartot {
601 padding:5px 10px;
602 margin:10px 5px;
603 background: var(--vbo-light-color-btn);
604 border: 1px solid var(--vbo-config-border-color);
605 border-radius:4px;
606 -moz-border-radius:4px;
607 -webkit-border-radius:4px;
608 font-weight:bold;
609 }
610 div.vborderpartot {
611 display: block;
612 padding:5px 10px;
613 margin:10px 5px;
614 background:var(--vbo-light-color-btn);
615 border: 1px solid var(--vbo-config-border-color);
616 border-radius:4px;
617 -moz-border-radius:4px;
618 -webkit-border-radius:4px;
619 font-weight:bold;
620 width: 300px;
621 }
622 .vborderseatasconf {
623 background:var(--vbo-green-color);
624 border: 1px solid var(--vbo-green-color);
625 border-radius:4px;
626 -moz-border-radius:4px;
627 -webkit-border-radius:4px;
628 margin:5px 0 10px;
629 width:133px;
630 display:block;
631 padding:10px;
632 }
633 .vborderseatasconf a {
634 color:#fff !important;
635 font-weight:bold;
636 text-decoration:none;
637 text-transform:uppercase;
638 }
639 .maxthirty {
640 cursor: pointer;
641 max-height: 30px;
642 height: expression(this.height > 30 ? "30px" : true);
643 max-width: 30px;
644 width: expression(this.width > 30 ? "30px" : true);
645 }
646 .maxfifty {
647 max-height: 60px;
648 height: expression(this.height > 50 ? "50px" : true);
649 border:0;
650 border-radius: 4px;
651
652 transition-delay: 0s;
653 transition-duration: 0.15s;
654 transition-property: transform, box-shadow;
655 transition-timing-function: ease-in-out;
656 -webkit-transition-delay: 0s;
657 -webkit-transition-duration: 0.15s;
658 -webkit-transition-property: transform, box-shadow;
659 -webkit-transition-timing-function: ease-in-out;
660 }
661 .maxfifty:hover {
662 box-shadow: 0 0 10px rgba(0,0,0,0.5);
663
664 transform: translateY(-2px);
665 -webkit-transform: translateY(-2px);
666 }
667 .maxninety {
668 max-height: 190px;
669 height: expression(this.height > 190 ? "190px" : true);
670 }
671 .imgresult {
672 max-height: 85px;
673 height: expression(this.height > 85 ? "85px" : true);
674 max-width: 130px;
675 width: expression(this.width > 130 ? "130px" : true);
676 }
677 .vbmenutable td {
678 position:relative;
679 padding:0 12px 0 0;
680 }
681 .vbmenuentries {
682 float:left;
683 width:117px;
684 margin:8px 0 0 85px;
685 }
686 .vbmenuentries a {
687
688 }
689 .vbsubmitfares {
690 background: none repeat scroll 0 0 #708827 !important;
691 border: 1px solid #5D7120 !important;
692 border-radius: 4px 4px 4px 4px;
693 color: #FFFFFF !important;
694 font-size: 14px;
695 padding: 5px 15px;
696 margin:10px 0 0 0;
697 }
698 .vbsubmithfares {
699 background: none repeat scroll 0 0 #0B9E9E !important;
700 border: 1px solid #007171 !important;
701 border-radius: 4px 4px 4px 4px;
702 color: #FFFFFF !important;
703 font-size: 14px;
704 padding: 5px;
705 margin:10px 0 0 0;
706 }
707
708 .vbsubmithcharges {
709 background: none repeat scroll 0 0 #386B16 !important;
710 border: 1px solid #2D5511 !important;
711 border-radius: 4px 4px 4px 4px;
712 color: #FFFFFF !important;
713 font-size: 14px;
714 padding: 5px;
715 margin:10px 0 0 0;
716 cursor:pointer;
717 }
718 .vbo-checkin-commands-wrap .btn.btn-success {
719 padding: 10px 14px;
720 }
721 .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success {
722 border: 1px solid var(--vbo-green-color);
723 background-color: var(--vbo-green-color);
724 color: #fff;
725 border-radius: 3px;
726 margin-bottom: 0;
727 font-size: inherit;
728 }
729 .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success {
730 padding: 10px 14px;
731 }
732 .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover,
733 body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{
734 background-color: var(--vbo-green-color-hover) !important;
735 border: 1px solid var(--vbo-green-color-hover) !important;
736 }
737 .container-main .btn.btn-warning {
738 border: 1px solid var(--vbo-orange-color);
739 background-color: var(--vbo-orange-color);
740 border-radius: 3px;
741 padding: 10px 14px;
742 margin-bottom: 0;
743 }
744 .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active {
745 background-color: var(--vbo-orange-color-hover) !important;
746 border: 1px solid var(--vbo-orange-color-hover) !important;
747 }
748 .vbo-checkin-commands-wrap .btn.btn-danger {
749 padding: 8px 14px;
750 }
751 .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger {
752 border: 1px solid var(--vbo-red-color);
753 background-color: var(--vbo-red-color);
754 color: var(--vbo-contrast-text-color);
755 border-radius: 3px;
756 margin-bottom: 0;
757 font-size: inherit;
758 }
759 .container-main *:not(.joomla-toolbar-button) .btn.btn-danger {
760 color: #fff;
761 }
762 .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover {
763 background-color: var(--vbo-red-color-hover) !important;
764 border: 1px solid var(--vbo-red-color-hover) !important;
765 }
766 .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus,
767 .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus {
768 background-color: var(--vbo-red-color-focus) !important;
769 border: 1px solid var(--vbo-red-color-focus) !important;
770 }
771 /* UI Calendar */
772 .ui-widget-content {
773 background: var(--vbo-config-bg-color) !important;
774 color: inherit !important;
775 }
776 .ui-widget-header {
777 background: var(--vbo-config-bg-color) !important;
778 border: 1px solid var(--vbo-config-border-color) !important;
779 color: inherit !important;
780 }
781 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
782 background: var(--vbo-config-bg-color) !important;
783 border-color: var(--vbo-config-border-color) !important;
784 color: inherit !important;
785 }
786 .ui-widget.ui-widget-content {
787 border: 1px solid var(--vbo-config-border-color) !important;
788 }
789 .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 {
790 background: var(--vbo-light-color-btn) !important;
791 }
792 .free{
793 color: var(--vbo-body-text-color);
794 }
795
796 .busy{
797 color: var(--vbo-body-text-color);
798 background: var(--vbo-red-color);
799 }
800
801 .notbusy{
802 color: var(--vbo-body-text-color);
803 background: var(--vbo-config-bg-color);
804 }
805 .bluedays {
806 min-width: 2.7%;
807 background: none repeat scroll 0 0 #02679a;
808 color: #FFFFFF;
809 font-weight: bold;
810 padding: 4px 0;
811 text-align: center;
812 cursor: pointer;
813 }
814 .bluedays:hover {
815 background-color: #0a7bb5;
816 }
817 .skip-bluedays-click {
818 cursor: inherit;
819 }
820 .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell {
821 background: #b0c0d1;
822 }
823 .notbusy.vbo-overv-todaycell:hover, .subnotbusy.vbo-overv-todaycell:hover {
824 background: #7791ac;
825 }
826 .bluedays.vbo-overv-todaycell {
827 background: #074666;
828 }
829 .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell {
830 background: #d9b9d3;
831 }
832 .bluedays.vbo-overv-festcell {
833 cursor: pointer;
834 background: #a07e9a;
835 }
836 .vbo-overview-month {
837 font-size: 105%;
838 }
839 .vbo-overview-redday, .vbo-overview-subredday {
840 color: #fff;
841 }
842 .vbo-overview-redday:hover, .vbo-overview-subredday:hover {
843 color: #fff;
844 }
845 .vboverviewtablerow .busy:not(.vbo-checkinday) {
846 cursor: pointer;
847 }
848 .vbo-checkinday {
849 border-top: 3px solid var(--vbo-green-color);
850 }
851 .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) {
852 background: var(--vbo-red-color) !important;
853 }
854 .busy.vbo-overv-todaycell.busy-closure:not(.vbo-hascolortag), .subroom-busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag)
855 .busy:hover {
856 background: var(--vbo-config-title-color) !important;
857 }
858 .busy.vbo-overv-todaycell:not(.vbo-hascolortag):hover, .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag):hover {
859 background: var(--vbo-red-color-hover) !important;
860 }
861 .busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag):hover {
862 background: var(--vbo-config-titles-color-light) !important;
863 }
864 .busy:hover {
865 background: var(--vbo-red-color-hover) !important;
866 }
867 .busy.busy-closure:hover {
868 background: var(--vbo-config-titles-color-light) !important;
869 }
870 .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell {
871 box-shadow: inset 0 0 5px rgba(0,0,0,.5);
872 }
873 .vbo-partially {
874 background: none repeat scroll 0 0 var(--vbo-orange-color) !important;
875 }
876 .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell {
877 background: var(--vbo-orange-color-hover) !important;
878 }
879 .busy-sharedcalendar {
880 position: relative;
881 }
882 .busy-sharedcalendar:before {
883 position: absolute;
884 z-index: 0;
885 width: 100%;
886 height: 100%;
887 background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px);
888 content: "";
889 top: 0;
890 left: 0;
891 }
892 .vbo-avov-legend {
893 margin: 9px 10px 0;
894 }
895 .vbo-overview-legend-init {
896 display: inline-block;
897 vertical-align: middle;
898 font-size: 13px;
899 font-weight: bold;
900 margin-right: 10px;
901 }
902 .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green {
903 display: inline-block;
904 margin-right: 10px;
905 font-size: 12px;
906 vertical-align: middle;
907 }
908 .vbo-overview-legend-box {
909 display: inline-block;
910 width: 15px;
911 height: 15px;
912 vertical-align: middle;
913 border-radius: 2px;
914 margin-right: 2px;
915 }
916 .vbo-overview-legend-red .vbo-overview-legend-box {
917 background: none repeat scroll 0 0 var(--vbo-red-color);
918 }
919 .vbo-overview-legend-yellow .vbo-overview-legend-box {
920 background: none repeat scroll 0 0 #f0ad4e;
921 }
922 .vbo-overview-legend-green .vbo-overview-legend-box {
923 border-top: 2px solid var(--vbo-green-color);
924 background: var(--vbo-config-bg-color);
925 }
926 .vbo-overview-legend-title {
927 display: inline-block;
928 vertical-align: middle;
929 }
930 #jmodal-vbo-new-res {
931 width: 90% !important;
932 top: 50%;
933 left: 50%;
934 transform: translate(-50%, -50%);
935 margin: 0 !important;
936 }
937 td.roomname {
938 background: var(--vbo-config-child-bg-color);
939 height: 40px;
940 padding: 5px 10px 5px 6px;
941 text-align: left;
942 }
943 td.roomname.subroomname {
944 background: var(--vbo-config-bg-color) !important;
945 }
946 .vbo-overview-room-info {
947 display: flex;
948 }
949 .vbo-overview-room-info > span {
950 align-self: center;
951 }
952 .vbo-overview-roomname {
953 font-weight: bold;
954 font-size: 14px;
955 display: inline-block;
956 max-width: 185px;
957 }
958 .vbo-overview-roomunits {
959 display: inline-block;
960 margin: 0 5px 0 2px;
961 background: none repeat scroll 0 0 #3e6372;
962 border-radius: 50%;
963 color: #fff;
964 font-size: 12px;
965 font-weight: bold;
966 min-height: 20px;
967 min-width: 20px;
968 padding: 4px;
969 text-align: center;
970 }
971 .vbo-overview-subroomname {
972 font-weight: bold;
973 font-size: 13px;
974 }
975 .vbo-overview-subroomunits {
976 display: inline-block;
977 margin: 0 5px 0 2px;
978 font-size: 12px;
979 min-height: 20px;
980 min-width: 20px;
981 padding: 4px;
982 text-align: center;
983 }
984 .vbo-overview-subroomunits i {
985 margin: 0;
986 }
987 .subroom-busy {
988 background: var(--vbo-red-color) none repeat scroll 0 0;
989 color: var(--vbo-body-text-color);
990 }
991 .subnotbusy {
992 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
993 color: #000000;
994 }
995 .dailypricesactive {
996 text-align: center;
997 float: left;
998 font-weight: bold;
999 width: 100%;
1000 height: 34px;
1001 font-size:14px;
1002 line-height:34px;
1003 text-transform:uppercase;
1004 color:var(--vbo-green-color);
1005 background:var(--vbo-input-style-nested-deactive);
1006 }
1007 .vbo-admin-container .vbo-param-container .vbo-param-label .maxninety {
1008 border-radius: 4px;
1009 }
1010 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container {
1011 flex-wrap: wrap;
1012 }
1013 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container {
1014 margin: 15px 0;
1015 }
1016 .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container {
1017 margin: 0;
1018 }
1019 .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
1020 flex-basis: 100%;
1021 font-weight: 500;
1022 }
1023 .vbo-tariffs-params-container .vbo-param-setting > h4 {
1024 margin-top: 0;
1025 font-size: 16px;
1026 }
1027 .vbo-insertrates-cont > div {
1028 background-color: var(--vbo-config-bg-color);
1029 box-shadow: 0 0 10px rgba(0,0,0,.15);
1030 border-radius: 8px;
1031 padding: 20px;
1032 margin: 0 0 15px;
1033 }
1034 .vbo-insertrates-cont input[type="number"] {
1035 width: 100px !important;
1036 }
1037 .vbo-ratestable-lbl {
1038 font-weight: bold;
1039 color: var(--vbo-config-titles-color-light);
1040 font-size: 16px;
1041 padding: 0px 0px 7px;
1042 }
1043 .vbo-ratestable-nights > div {
1044 display: flex;
1045 margin: 5px 0 8px;
1046 }
1047 .vbo-ratestable-nights > div > span {
1048 display: inline-block;
1049 min-width: 100px;
1050 }
1051 .vbo-insertrates-bottom .vbo-ratestable-newprice {
1052 display: flex;
1053 flex-wrap: wrap;
1054 margin: 5px 0;
1055 border: 1px solid var(--vbo-main-bg-color);
1056 padding: 10px 10px;
1057 }
1058 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
1059 align-self: center;
1060 }
1061 .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name {
1062 font-weight: 500;
1063 }
1064 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
1065 margin-left: auto;
1066 }
1067 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute {
1068 flex-basis: 100%;
1069 margin-top: 5px;
1070 }
1071 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name {
1072 display: block;
1073 margin-bottom: 5px;
1074 }
1075 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost {
1076 display: block;
1077 }
1078 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] {
1079 width: 100% !important;
1080 box-sizing: border-box;
1081 height: auto;
1082 }
1083 .vbo-insertrates-save {
1084 margin-top: 20px;
1085 }
1086 .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn {
1087 padding: 10px 25px;
1088 font-size: 13px;
1089 }
1090 .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form {
1091 background: transparent;
1092 }
1093 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont {
1094 text-align: right;
1095 margin: 0 auto;
1096 }
1097 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive {
1098 width: 100%;
1099 margin-top: 15px;
1100 box-shadow: 0 0px 10px rgba(0,0,0,.15);
1101 }
1102 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
1103 color: var(--vbo-config-titles-color-light);
1104 }
1105 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] {
1106 border: 1px solid var(--vbo-config-border-color);
1107 border-radius: 2px;
1108 padding: 5px 10px;
1109 margin-bottom: 0;
1110 width: 120px !important;
1111 }
1112 .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr {
1113 display: block;
1114 text-transform: initial;
1115 max-width: 200px;
1116 white-space: normal;
1117 margin: 0 auto;
1118 font-weight: 600;
1119 }
1120 .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge {
1121 font-size: 10px;
1122 text-transform: initial;
1123 }
1124 .vbo-config-gr-services .vbo-config-gr-service {
1125 margin: 4px 0;
1126 }
1127 .vbo-config-gr-services .vbo-config-gr-service i {
1128 margin-right: 0 !important;
1129 }
1130 .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger {
1131 padding: 11px 14px;
1132 vertical-align: top;
1133 }
1134 .vbadminfaresctitle {
1135 background: none repeat scroll 0 0 var(--vbo-main-bg-color);
1136 border: 1px solid var(--vbo-config-border-color);
1137 border-radius: 4px 4px 4px 4px;
1138 font-size: 13px;
1139 font-weight: bold;
1140 margin: 0 0 10px;
1141 padding: 10px;
1142 text-transform: uppercase;
1143 width: 100%;
1144 display: inline-block;
1145 }
1146 .vbadminfaresctitle form {
1147 margin: 0;
1148 }
1149 .vbadminfaresctitle form select {
1150 margin: 0;
1151 }
1152 .vbdashparag {
1153 font-size:12px;
1154 }
1155 .vbdashparagred span {
1156 font-weight: bold;
1157 color:var(--vbo-red-color);
1158 display: inline-block;
1159 min-width: 200px;
1160 }
1161 .vbdashspanright {
1162 float: right;
1163 padding:0 0 20px 0;
1164 font-size:12px;
1165 }
1166 .vbdashspanright form {
1167 padding:0 0 0 3px;
1168 display:inline;
1169 }
1170 .vbdashdivleft {
1171 float:left;
1172 border: 1px solid var(--vbo-config-border-color);
1173 border-radius:10px;
1174 -moz-border-radius:10px;
1175 -webkit-border-radius:10px;
1176 background:var(--vbo-config-bg-color);
1177 padding:20px;
1178 box-shadow:0 0 2px rgba(0,0,0,0.2);
1179 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1180 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1181 margin:15px 30px 15px 0;
1182 width:55%;
1183 }
1184 .vbdashdivleft .vbdashdivlefthead {
1185 margin:0 0 10px 0;
1186 padding:0;
1187 text-transform:uppercase;
1188 font-size:14px;
1189 color:var(--vbo-green-color);
1190 }
1191 .vbdashdivleft .vbdashtable {
1192 width:100%;
1193 }
1194 .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td {
1195 padding:3px 0;
1196 }
1197 .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a {
1198 font-size:12px;
1199 color:var(--vbo-blue-color);
1200 }
1201 .vbdashdivright {
1202 float:right;
1203 border: 1px solid var(--vbo-config-border-color);
1204 border-radius:10px;
1205 -moz-border-radius:10px;
1206 -webkit-border-radius:10px;
1207 background:var(--vbo-config-bg-color);
1208 padding:20px;
1209 box-shadow:0 0 2px rgba(0,0,0,0.2);
1210 -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
1211 -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
1212 margin:15px 0 15px 0;
1213 width:30%;
1214 }
1215 .vbdashdivright .vbdashdivrighthead {
1216 margin:0 0 10px 0;
1217 padding:0;
1218 text-transform:uppercase;
1219 font-size:14px;
1220 color:var(--vbo-green-color);
1221 }
1222 .vbdashdivright .vbdashtable {
1223 width:100%;
1224 }
1225 .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td {
1226 font-size:12px;
1227 font-weight:bold;
1228 color:var(--vbo-config-title-color);
1229 text-transform:uppercase;
1230 padding:0 0 5px 0;
1231 }
1232 .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child {
1233 padding:0 5px;
1234 }
1235 #vbadultsdiffbox p {
1236 margin: 0px 0 10px;
1237 border: 1px solid var(--vbo-basic-btn);
1238 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
1239 border-radius: 10px;
1240 padding: 10px;
1241 }
1242 #vbadultsdiffbox p:last-child {
1243 margin-bottom: 0;
1244 }
1245 #vbadultsdiffbox .vbo-adults-usage {
1246 margin-right: 15px;
1247 display: block;
1248 margin-bottom: 4px;
1249 font-weight: 500;
1250 }
1251
1252 .vbplusminus {
1253 cursor: pointer;
1254 vertical-align: middle;
1255 display: inline-block;
1256 margin: -7px 0 0 5px;
1257 text-align: center;
1258 width: 20px;
1259 height: 20px;
1260 font-size: 20px;
1261 }
1262
1263 .vbplusminuscont {
1264 display: inline-block;
1265 text-align: right;
1266 }
1267 .vbplusminuscont > span {
1268 display: inline-block;
1269 min-width: 35px;
1270 text-align: left;
1271 }
1272 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns {
1273 display: inline-block;
1274 vertical-align: middle;
1275 }
1276 p.vbpfiltconfnumb {
1277 text-align: right;
1278 }
1279
1280 .vbotaspblock {
1281 display: block;
1282 background: none repeat scroll 0 0 var(--vbo-blue-color);
1283 border: 0;
1284 border-radius: 5px 5px 5px 5px;
1285 margin: 0 3px 5px 0;
1286 padding: 4px;
1287 color: var(--vbo-body-text-color);
1288 font-weight: bold;
1289 position: relative;
1290 }
1291 .vbotaspblock:before {
1292 content: "";
1293 height: 20px;
1294 left: -1px;
1295 position: absolute;
1296 top: -11px;
1297 width: 20px;
1298 }
1299 .vboverviewtable {
1300 width: 100%;
1301 border: 0;
1302 border-collapse: inherit;
1303 border-spacing: 0;
1304 }
1305 .vboverviewtable {
1306 font-size: 105%;
1307 }
1308 .vboverviewtablerowone {
1309 height: 30px;
1310 }
1311 .vbo-overv-montable-wrap {
1312 margin-bottom: 20px;
1313 }
1314 .vbo-roverview-table .vboverviewtablerowone td.bluedays {
1315 min-width: 80px;
1316 }
1317 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays {
1318 min-width: 80px;
1319 max-width: 80px;
1320 }
1321 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
1322 min-width: 250px;
1323 }
1324 .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span {
1325 display: block;
1326 }
1327 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday {
1328 color: #fff;
1329 font-size: 12px;
1330 }
1331 .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday {
1332 font-size: 24px;
1333 margin: 3px 0;
1334 }
1335 .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child {
1336 position: sticky;
1337 left: 0;
1338 box-shadow: 5px 0 10px rgba(0,0,0,.05);
1339 z-index: 10;
1340 background-clip: padding-box !important;
1341 }
1342 .vboverviewtablerow {
1343 height: 30px;
1344 }
1345 .vboverviewtdone {
1346 min-width: 130px !important;
1347 text-align: left !important;
1348 padding-left: 1px;
1349 }
1350 .vbo-roverv-rplan.vbo-roverv-rplan-restricted {
1351 padding: 10px 10px 0;
1352 vertical-align: top;
1353 }
1354 .vbo-roverv-rplan-restrictions {
1355 font-size: 10px;
1356 position: absolute;
1357 left: 10px;
1358 bottom: 4px;
1359 }
1360 .vbo-roverv-rplan .vbo-rplan-name {
1361 width: 150px;
1362 overflow: hidden;
1363 display: inline-block;
1364 white-space: nowrap;
1365 text-overflow: ellipsis;
1366 font-size: 14px;
1367 }
1368 .vbo-roverv-rplan-haslosrates {
1369 bottom: 3px;
1370 }
1371 .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los {
1372 font-size: 10px;
1373 }
1374 .vbo-roverv-gonext-cell {
1375 vertical-align: middle;
1376 padding: 0 10px;
1377 }
1378 /* New Custom Sticky Header */
1379 .vbo-overv-sticky-scroll-month {
1380 position: fixed;
1381 top: 0;
1382 width: 100%;
1383 z-index: 1000;
1384 }
1385 .vbo-overv-sticky-scroll-month-wrap {
1386 display: flex;
1387 box-shadow: 0px 0px 5px rgba(0,0,0,.2);
1388 }
1389 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-m {
1390 max-width: initial;
1391 display: flex;
1392 justify-content: center;
1393 align-items: center;
1394 font-size: 14px;
1395 }
1396 .vbo-overv-sticky-scroll-month-wrap > div {
1397 max-width: 80px;
1398 background: none repeat scroll 0 0 #02679a;
1399 color: #FFFFFF;
1400 font-weight: bold;
1401 padding: 2px 0;
1402 text-align: center;
1403 border-right: 1px solid #fff;
1404 box-sizing: border-box;
1405 line-height: 1.1em;
1406 cursor: pointer;
1407 }
1408 .vbo-overv-sticky-scroll-month-wrap > div:hover {
1409 background: #0a7bb5;
1410 }
1411 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day {
1412 color: #fff;
1413 font-size: 10px;
1414 }
1415 .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day-num {
1416 font-size: 17px;
1417 margin: 4px 0;
1418 display: block;
1419 }
1420
1421 .vbcloseroom {
1422 float: right;
1423 text-align: right;
1424 }
1425 .vbcloseroomsp i {
1426 color: var(--vbo-red-color);
1427 padding: 4px;
1428 font-size: 15px;
1429 border-radius: 4px;
1430 margin-right: 3px;
1431 }
1432 .vbcloseroomsp label {
1433 display: inline;
1434 }
1435 .vbordersroomclosed {
1436 color: var(--vbo-red-color);
1437 font-weight: bold;
1438 }
1439 .vbordcancelled {
1440 color: var(--vbo-red-color);
1441 font-weight: bold;
1442 background-position: left center;
1443 background-repeat: no-repeat;
1444 padding: 5px 0 5px 18px;
1445 }
1446 .vbcsvexport {
1447 cursor: pointer;
1448 background: var(--vbo-config-bg-color);
1449 color: var(--vbo-body-text-color);
1450 border-radius: 20px;
1451 display: flex;
1452 align-items: center;
1453 float: left;
1454 font-weight: bold;
1455 border: 1px solid var(--vbo-green-color);
1456 font-size: 12px;
1457 margin: 0 3px;
1458 }
1459 .vbcsvexport:hover {
1460 text-decoration: none;
1461 background: var(--vbo-green-color);
1462 color: var(--vbo-contrast-text-color);
1463 }
1464 .vbcsvexport > i {
1465 color: var(--vbo-green-color);
1466 padding: 11px 8px 11px 12px;
1467 font-size: 16px;
1468 display: inline-block;
1469 }
1470 .vbcsvexport:hover > i, .vbcsvexport:focus > i, .vbcsvexport:active > i {
1471 color: var(--vbo-contrast-text-color);
1472 }
1473 .vbcsvexport:focus, .vbcsvexport:active {
1474 background: var(--vbo-green-color-hover);
1475 color: var(--vbo-contrast-text-color);
1476 }
1477 .vbo-perms-operators {
1478 cursor: pointer;
1479 background: var(--vbo-config-bg-color);
1480 color: var(--vbo-body-text-color);
1481 border-radius: 20px;
1482 display: flex;
1483 align-items: center;
1484 font-weight: bold;
1485 border: 1px solid var(--vbo-blue-color);
1486 font-size: 12px;
1487 margin: 0 3px;
1488 }
1489 .vbo-perms-operators:hover {
1490 text-decoration: none;
1491 background: var(--vbo-blue-color);
1492 color: var(--vbo-contrast-text-color);
1493 }
1494 .vbo-perms-operators > i {
1495 color: var(--vbo-blue-color);
1496 padding: 11px 8px 11px 12px;
1497 font-size: 16px;
1498 display: inline-block;
1499 float: left;
1500 }
1501 .vbo-perms-operators:hover > i {
1502 color: var(--vbo-contrast-text-color);
1503 }
1504 .vbo-perms-operators > span {
1505 padding: 0px 12px 0 0;
1506 display: inline-block;
1507 float: left;
1508 }
1509 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a {
1510 margin: 0 2px;
1511 }
1512 .vbicsexport {
1513 cursor: pointer;
1514 background: var(--vbo-config-bg-color);
1515 color: var(--vbo-body-text-color);
1516 border-radius: 20px;
1517 display: flex;
1518 align-items: center;
1519 font-weight: bold;
1520 border: 1px solid var(--vbo-orange-color);
1521 font-size: 12px;
1522 }
1523 .vbicsexport > i {
1524 color: var(--vbo-orange-color);
1525 padding: 11px 8px 11px 12px;
1526 font-size: 16px;
1527 }
1528 .vbicsexport:hover {
1529 text-decoration: none;
1530 background: var(--vbo-orange-color);
1531 color: var(--vbo-contrast-text-color);
1532 }
1533 .vbicsexport:hover > i, .vbicsexport:focus > i, .vbicsexport:active > i {
1534 color: var(--vbo-contrast-text-color);
1535 }
1536 .vbicsexport:active, .vbicsexport:focus {
1537 background: var(--vbo-orange-color-hover);
1538 color: var(--vbo-contrast-text-color);
1539 }
1540 .vbcsvexport > span, .vbicsexport > span {
1541 padding: 0px 12px 0 0;
1542 display: inline-block;
1543 vertical-align: top;
1544 }
1545 /* VikBooking 1.3 */
1546 .vbrestrdrangesp {
1547 display: inline-block;
1548 min-width: 80px;
1549 }
1550 .vbwdaytwodiv {
1551 margin-left:5px;
1552 }
1553 #vbwdaytwodivid > span {
1554 display: none;
1555 margin: 10px 4px 0 0;
1556 }
1557 .vbwdaycombodiv {
1558 margin-top: 10px;
1559 }
1560 .vbwdaycombodiv .vbwdaycombop > label {
1561 min-width: 125px
1562 }
1563 .vbwdaycombosp {
1564 display: block;
1565 font-weight:bold;
1566 }
1567 .vbwdaycombohelp {
1568 display: block;
1569 font-size:smaller;
1570 }
1571 .vbrestrroomssp {
1572 display: block;
1573 font-weight: bold;
1574 margin-top: 10px;
1575 }
1576 .vbo-bookingdet-noteslogs pre {
1577 word-break: break-all;
1578 white-space: break-spaces;
1579 }
1580 #vbpaymentlogdiv {
1581 display: none;
1582 height: 250px;
1583 margin-top: 5px;
1584 overflow-x: hidden;
1585 overflow-y: auto;
1586 padding: 5px;
1587 }
1588 #vbpaymentlogdiv pre {
1589 border: 1px solid var(--vbo-main-bg-color);
1590 max-width: 80%;
1591 min-height: calc(100% - 22px);
1592 margin: 0;
1593 padding: 10px;
1594 }
1595 .vbo-eorder-paymentlog-buttons {
1596 float: right;
1597 }
1598 .vbo-eorder-paymentlog-buttons .btn {
1599 text-align: left;
1600 width: 100%;
1601 box-sizing: border-box;
1602 margin-bottom: 10px;
1603 }
1604 .vbo-eorder-paymentlog-buttons .vcm-pcid-otareporting-wrapper {
1605 margin-top: 0;
1606 }
1607 .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn {
1608 text-align: left;
1609 }
1610 .vbo-eorder-paymentlog-buttons .vbo-context-menu-btn {
1611 display: flex;
1612 }
1613 .vbo-eorder-paymentlog-buttons .vbo-context-menu-btn .vbo-context-menu-lbl {
1614 flex: 1;
1615 }
1616 .vbordersp {
1617 font-weight:bold;
1618 }
1619 .vbordersphighlight {
1620 background: none repeat scroll 0 0 var(--vbo-base-color);
1621 border: 0 none;
1622 border-radius: 5px;
1623 color: #ffffff;
1624 display: inline-block;
1625 margin: 0 0 0 -1px;
1626 padding: 4px;
1627 }
1628 #vbadminnotesdiv, #vbinvnotesdiv {
1629 display: none;
1630 border-radius: 5px;
1631 min-height: 250px;
1632 max-width: 500px;
1633 margin-top: 5px;
1634 overflow-x: auto;
1635 overflow-y: auto;
1636 padding: 5px;
1637 }
1638 textarea.vbadminnotestarea {
1639 width: 490px !important;
1640 height: 240px !important;
1641 border: 1px solid var(--vbo-main-bg-color);
1642 border-radius: 5px;
1643 padding: 3px;
1644 margin-bottom: 10px;
1645 }
1646 .vbroomparamp {
1647 margin-bottom: 0;
1648 padding-bottom: 6px;
1649 }
1650 .vbroomparamp.vbroomparampactive {
1651 border-left: 1px solid var(--vbo-config-titles-color-light);
1652 }
1653 #defcalcostp {
1654 margin-bottom: 4px;
1655 }
1656 p.vbroomparamp label {
1657 padding-right: 8px;
1658 display: inline-block !important;
1659 min-width: 195px;
1660 }
1661 p.vbroomparamp span {
1662 font-size: smaller;
1663 font-style: italic;
1664 display: inline-block;
1665 padding-left: 8px;
1666 max-width: 300px;
1667 }
1668 .vbapplydiscsp {
1669 float: right;
1670 cursor: pointer;
1671 }
1672 .vbdiscenter {
1673 display: none;
1674 margin-top: 5px;
1675 font-weight: normal;
1676 padding:5px 0 0 0;
1677 border-top:1px solid var(--vbo-config-border-color);
1678 }
1679 .vbdiscenter-entry {
1680 padding:3px 0;
1681 }
1682 .vbdiscenter-label {
1683 font-weight:bold;
1684 display:inline-block;
1685 min-width:50%;
1686 }
1687 .vbdiscenter-entrycentered {
1688 text-align: right;
1689 }
1690 .vbdiscenter-entrycentered input {
1691 background:var(--vbo-green-color);
1692 color:#fff;
1693 border-radius:4px;
1694 }
1695 .vbflushsession {
1696 background: none repeat scroll 0 0 var(--vbo-blue-color);
1697 border: 1px solid var(--vbo-blue-color);
1698 border-radius: 1px;
1699 color: #FFFFFF;
1700 display: inline-block;
1701 font-size: 12px;
1702 padding: 4px 12px;
1703 border-radius: 4px;
1704 text-decoration: none;
1705 }
1706 .vbflushsession:hover {
1707 text-decoration: none;
1708 color: #FFFFFF;
1709 background: var(--vbo-blue-color-hover);
1710 border-color: var(--vbo-blue-color-hover);
1711 }
1712 .vbflushsession:active {
1713 background: var(--vbo-blue-color-hover);
1714 border-color: var(--vbo-blue-color-hover);
1715 color: #fff;
1716 }
1717 .vbotasp {
1718 background: none repeat scroll 0 0 var(--vbo-blue-color);
1719 border: 0 none;
1720 border-radius: 5px;
1721 color: #FFFFFF;
1722 display: inline-block;
1723 font-weight: bold;
1724 margin: 0 3px 0 0;
1725 min-width: 67px;
1726 padding: 4px;
1727 position: relative;
1728 }
1729 .vbotasp:before {
1730 content: "";
1731 height: 20px;
1732 left: -27px;
1733 position: absolute;
1734 top: 0;
1735 width: 20px;
1736 }
1737 .vbexplaination {
1738 font-style: italic;
1739 padding: 5px;
1740 }
1741 .vborderiddata {
1742 margin:10px 0 0 0;
1743 }
1744 .vborderiddata span {
1745 padding: 0 0 0 10px;
1746 }
1747 .vborderdatatab {
1748 line-height:1.4em;
1749 width:80%;
1750 }
1751 .vbordactionlink {
1752 background: none repeat scroll 0 0 var(--vbo-blue-color);
1753 border: 0 none;
1754 border-radius: 5px;
1755 color: #FFFFFF !important;
1756 display: inline-block;
1757 font-weight: bold;
1758 margin: 0 3px 0 0;
1759 padding: 4px;
1760 }
1761 .vbordroominfo {
1762 background: var(--vbo-config-child-bg-color);
1763 border-radius:5px;
1764 border: 1px solid var(--vbo-config-border-color);
1765 padding:10px;
1766 margin:0 0 10px 0;
1767 max-width:400px;
1768 }
1769 .vborderinfoblock {
1770 background: var(--vbo-config-child-bg-color);
1771 border-radius:5px;
1772 border: 1px solid var(--vbo-config-border-color);
1773 padding:10px;
1774 margin:0 0 10px 0;
1775 }
1776 .vbroomselfilter {
1777 margin-right: 5px;
1778 }
1779 .vbmodelink {
1780 border: 1px solid var(--vbo-config-border-color);
1781 border-radius: 3px;
1782 display: inline-block;
1783 color: var(--vbo-config-titles-color-light);
1784 }
1785 .vbmodelink:hover {
1786 border: 1px solid var(--vbo-base-color-hover);
1787 }
1788 .vbmodelink > span {
1789 display: inline-block;
1790 padding: 0 8px 0 3px;
1791 }
1792 .vbmodelink > i {
1793 background: var(--vbo-main-bg-color);
1794 font-size: 15px;
1795 padding: 8px 10px;
1796 border-right: 1px solid var(--vbo-config-border-color);
1797 }
1798 .vbmodelink:hover > i, .vbmodelink:active > i {
1799 background-color: var(--vbo-base-color);
1800 color: #fff;
1801 border-right: 1px solid var(--vbo-base-color);
1802 }
1803 .vbmodelink-active {
1804 background: var(--vbo-config-bg-color) !important;
1805 border-color: var(--vbo-base-color);
1806 color: var(--vbo-base-color);
1807 }
1808 .vbmodelink-active > i {
1809 background: var(--vbo-base-color);
1810 color: #fff;
1811 }
1812 .vbimagedetbox {
1813 border: 1px solid var(--vbo-config-border-color);
1814 border-radius: 3px;
1815 padding: 20px;
1816 position: absolute;
1817 width: 300px;
1818 background-color: var(--vbo-config-bg-color);
1819 box-shadow: 0 0 20px rgba(0,0,0,0.2);
1820 color: var(--vbo-config-title-color);
1821 z-index: 1000;
1822 right: 0;
1823 }
1824 .captionlabel {
1825 padding:0 0 10px;
1826 display:inline-block;
1827 width: 95%;
1828 font-weight: bold;
1829 }
1830 .captionlabel span {
1831 display:block;
1832 margin:0 0 4px 0;
1833 }
1834 .captionlabel input {
1835 border-radius:3px;
1836 padding:2px;
1837 width: 100% !important;
1838 }
1839 .captionsubmit {
1840 background: none repeat scroll 0 0 var(--vbo-green-color);
1841 border: 1px solid var(--vbo-green-color) !important;
1842 border-radius: 2px;
1843 color: #fff;
1844 cursor: pointer;
1845 padding: 10px 14px !important;
1846 line-height: 18px;
1847 font-size: 13px;
1848 }
1849 .captionsubmit:hover {
1850 background-color: var(--vbo-green-color-hover) !important;
1851 }
1852 .captionsubmit:active {
1853 background-color: var(--vbo-green-color-hover) !important;
1854 }
1855 .captionremoveimg {
1856 float: right;
1857 text-align: right;
1858 }
1859 .captionremoveimg span {
1860 float: left;
1861 display: inline-block;
1862 margin: 8px 6px 0px;
1863 }
1864 .captionremoveimg a {
1865 float:left;
1866 display:inline-block;
1867 }
1868 .captionremoveimg .icon-remove {
1869 font-size: 10px;
1870 margin-left: -5px;
1871 margin-right: 5px;
1872 }
1873 .vbheadfourblue {
1874 background: #02679a;
1875 color: #fff;
1876 margin-bottom: -5px !important;
1877 padding: 6px 3px 6px 6px;
1878 border-radius: 3px;
1879 }
1880 .vbswitchrblock {
1881 float: right;
1882 display: block;
1883 padding: 5px;
1884 border: 1px solid #ccc;
1885 border-radius: 3px;
1886 clear: both;
1887 }
1888 .vbswitchrblock select {
1889 margin: 0 !important;
1890 }
1891 .vbo-ebusy-lbl {
1892 display: block;
1893 font-weight: bold;
1894 font-size: larger;
1895 margin-left: 3px;
1896 }
1897 .vbo-ebusy-opt-table tr td {
1898 padding-right: 15px !important;
1899 }
1900 .vbo-ebusy-opt-table tr td:last-child {
1901 text-align: center;
1902 padding: 0 !important;
1903 }
1904 .vbo-ebusy-tars-table tr td {
1905 padding-right: 15px !important;
1906 }
1907 .vbo-ebusy-toggle-aduchild {
1908 border-left: 1px solid rgb(255, 255, 255);
1909 color: #e6e6e6;
1910 cursor: pointer;
1911 display: inline-block;
1912 float: right;
1913 height: 100%;
1914 min-width: 25px;
1915 padding-left: 0.7em;
1916 padding-top: 1px;
1917 padding-bottom: 1px;
1918 }
1919 .vbo-ebusy-rmroom {
1920 border-left: 1px solid rgb(255, 255, 255);
1921 color: #ff0000;
1922 cursor: pointer;
1923 display: inline-block;
1924 float: right;
1925 height: 100%;
1926 min-width: 25px;
1927 padding-left: 0.7em;
1928 padding-top: 1px;
1929 padding-bottom: 1px;
1930 }
1931 .vbo-ebusy-toggle-aduchild-on {
1932 color: #fff;
1933 }
1934 .vbo-ebusy-addextracost {
1935 margin-left: 50px;
1936 }
1937 .vbo-ebusy-extracosts-table tr {
1938 border-bottom:1px solid #ddd;
1939 background: #eee;
1940 }
1941 .vbo-ebusy-extracosts-table td {
1942 padding: 10px !important;
1943 }
1944 .vbo-ebusy-extracosts-table td input {
1945 margin-bottom: 0;
1946 }
1947 .vbo-ebusy-extracosts-cellrm {
1948 vertical-align: top;
1949 }
1950 .vbo-ebusy-extracosts-cellrm .btn {
1951 margin: 0;
1952 }
1953 .vbo-ebusy-extracosts-celltax select {
1954 margin: 0 !important;
1955 }
1956 .vbo-add-room-overlay {
1957 padding: 10px 10px 20px;
1958 }
1959 .vbo-add-room-overlay .vbo-add-room-entry {
1960 display: flex;
1961 flex-wrap: wrap;
1962 width: 100%;
1963 }
1964 .vbo-add-room-overlay .vbo-add-room-entry:first-child select {
1965 display: block;
1966 width: 100% !important;
1967 max-width: 100%;
1968 }
1969 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline {
1970 display: inline-block;
1971 vertical-align: top;
1972 flex: 1;
1973 margin: 8px 0;
1974 }
1975 .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child {
1976 margin-right: 20px;
1977 }
1978 .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"],
1979 .vbo-info-overlay-block .vbo-add-room-entry-inline select {
1980 width: 100% !important;
1981 box-sizing: border-box;
1982 height: auto;
1983 }
1984 /* START: VikBooking v1.6 */
1985 .add-tax-breakdown-cont {
1986 margin-bottom: 0;
1987 border: 1px solid var(--vbo-config-border-color);
1988 padding: 10px;
1989 border-radius: 4px;
1990 margin: 4px 0 10px;
1991 display: flex;
1992 flex-wrap: wrap;
1993 }
1994 .add-tax-breakdown-cont .add-tax-breakdown-remove {
1995 margin-left: auto;
1996 order: 3;
1997 align-self: end;
1998 }
1999 .add-tax-breakdown-cont > div {
2000 display: inline-block;
2001 vertical-align: top;
2002 margin: 3px 0;
2003 }
2004 .add-tax-breakdown-cont .add-tax-breakdown-name {
2005 flex-basis: 100%;
2006 }
2007 .add-tax-breakdown-cont div span {
2008 display: inline-block;
2009 min-width: 100px;
2010 }
2011 .add-tax-breakdown-cont .add-tax-breakdown-rate {
2012 display: block;
2013 }
2014 .add-tax-breakdown-remove {
2015 cursor: pointer;
2016 font-size: 20px;
2017 }
2018 .vbo-select-all {
2019 display: block;
2020 width: 180px;
2021 margin: 0 0 5px 0;
2022 padding: 5px 2px;
2023 background: var(--vbo-basic-btn);
2024 border: 1px solid var(--vbo-config-border-color);
2025 cursor: pointer;
2026 text-align: center;
2027 }
2028 .vbo-select-all:hover {
2029 background: var(--vbo-basic-btn-hover);
2030 }
2031 #vbo-pkg-calcexcld {
2032 display: inline-block;
2033 margin-right: 10px;
2034 }
2035 #vbo-pkg-excldates-td {
2036 display: inline-block;
2037 vertical-align: top;
2038 }
2039 #vbo-pkg-excldates-td select {
2040 height: 90px !important;
2041 }
2042 .promotr {
2043 display: none;
2044 }
2045 #promovalidity {
2046 display: inline-block;
2047 padding-left: 5px;
2048 }
2049 /* END: VikBooking v1.6 */
2050 /* Back-end Menu */
2051 .vbo-menu-container {
2052 display: flex;
2053 align-items: flex-start;
2054 margin-bottom: 50px;
2055 }
2056 .vbo-menu-container-closer {
2057 margin-bottom: 10px;
2058 }
2059 .vbo-menu-left {
2060 float: left;
2061 display: inline-flex;
2062 margin-right: 15px;
2063 max-width: 150px;
2064 border-radius: 5px;
2065 padding: 10px;
2066 margin-top: -10px;
2067 }
2068 .vbo-menu-left:hover {
2069 background: #ddd;
2070 }
2071 .vbo-menu-left img {
2072 max-width: 100%;
2073 border: 0;
2074 position: relative;
2075 display: inline-block;
2076 -webkit-transform: translateZ(0);
2077 -moz-transform: translateZ(0);
2078 transform: translateZ(0);
2079 }
2080 .vbo-menu-left a {
2081 position: relative;
2082 display: inline-flex;
2083 overflow: hidden;
2084 }
2085 .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover {
2086 text-decoration: none;
2087 }
2088 .vbo-menu-left a:after {
2089 opacity: 0;
2090 }
2091 .vbo-menu-left a:hover:after {
2092 animation: shine 5s ease-in-out infinite;
2093 animation-fill-mode: forwards;
2094 content: "";
2095 position: absolute;
2096 top: -110%;
2097 left: -210%;
2098 width: 100%;
2099 height: 200%;
2100 opacity: 0;
2101 transform: rotate(30deg);
2102
2103 background: rgba(255, 255, 255, 0.13);
2104 background: linear-gradient(
2105 to right,
2106 rgba(255, 255, 255, 0.13) 0%,
2107 rgba(255, 255, 255, 0.13) 77%,
2108 rgba(255, 255, 255, 0.5) 92%,
2109 rgba(255, 255, 255, 0.0) 100%
2110 );
2111 }
2112 @keyframes shine{
2113 10% {
2114 opacity: 1;
2115 top: -60%;
2116 left: -20%;
2117 transition-property: left, top, opacity;
2118 transition-duration: 0.7s, 0.7s, 0.15s;
2119 transition-timing-function: ease;
2120 }
2121 100% {
2122 opacity: 0;
2123 top: -60%;
2124 left: -20%;
2125 transition-property: left, top, opacity;
2126 }
2127 }
2128 .vbo-menu-right {
2129 flex: 1;
2130 background: #22485d;
2131 border-radius: 6px;
2132 }
2133 .vbo-menu-right ul {
2134 list-style-type: none;
2135 margin: 0;
2136 padding: 0 0 0 2px;
2137 }
2138 .vbo-menu-right > .vbo-menu-ul {
2139 display: inline-block;
2140 }
2141 .vbo-menu-updates {
2142 float: right;
2143 display: inline-block;
2144 }
2145 .vbo-menu-updates > button {
2146 float: right;
2147 display: inline-block;
2148 background: #3f708b;
2149 color: #fff;
2150 font-weight: bold;
2151 border: 1px solid #3f708b;
2152 padding: 13px 15px;
2153 border-radius: 36px;
2154 margin: 7px 8px 6px 2px;
2155 }
2156 .vbo-menu-updates button span {
2157 max-width: 120px;
2158 white-space: nowrap;
2159 overflow: hidden;
2160 text-overflow: ellipsis;
2161 display: inline-block;
2162 vertical-align: top;
2163 }
2164 .vbo-menu-updates button i {
2165 display: inline-block;
2166 vertical-align: middle;
2167 margin-right: 5px;
2168 }
2169 .vbo-menu-updates button.vbo-multitasking-apps i {
2170 margin-right: 0;
2171 vertical-align: middle;
2172 }
2173 .vbo-menu-updates.vbo-menu-needupdate button {
2174 background: var(--vbo-green-color);
2175 border: 1px solid var(--vbo-green-color);
2176 }
2177 .vbo-submenu-wrap {
2178 background: var(--vbo-config-bg-color);
2179 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
2180 min-width: 180px;
2181 padding: 5px 0;
2182 border-radius: 10px;
2183 margin: 0;
2184 position: absolute;
2185 z-index: 100;
2186
2187 visibility: hidden;
2188 opacity: 0;
2189 transform: scale(0.99) translateY(-0.7em);
2190 transform-origin: top;
2191 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2192 transition-duration: 500ms;
2193 transition-property: opacity,transform;
2194 }
2195 @media screen and (min-width: 1012px) {
2196 .vbo-submenu-wrap {
2197 width: 230px;
2198 padding: 22px;
2199 }
2200 .vbo-submenu-wrap-multi {
2201 width: 400px;
2202 display: flex;
2203 }
2204 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2205 padding-right: 10px;
2206 min-width: 45%;
2207 border-right: 1px solid var(--vbo-config-border-color);
2208 }
2209 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2210 padding-left: 22px;
2211 }
2212 .vbo-menu-ul .vbo-menu-parent-li:last-child .vbo-submenu-wrap-multi {
2213 right: 0;
2214 }
2215 }
2216 @media screen and (max-width: 1012px) {
2217 .vbo-submenu-wrap {
2218 padding: 15px 20px;
2219 }
2220 .vbo-submenu-wrap-multi .vbo-submenu-ul {
2221 border-bottom: 1px solid var(--vbo-config-border-color);
2222 padding-bottom: 10px;
2223 }
2224 .vbo-submenu-wrap-multi .vbo-submenu-helper-ul {
2225 margin-top: 10px;
2226 }
2227 }
2228 .vbo-menu-ul > li:hover .vbo-submenu-wrap {
2229 visibility: visible;
2230 opacity: 1;
2231 transform: scale(1) translateY(0);
2232 }
2233 .vbo-menu-ul li {
2234 display: inline-block;
2235 text-align: left;
2236 position: relative;
2237 padding: 5px 4px;
2238 }
2239 .vbo-submenu-wrap ul li {
2240 display: block;
2241 width: 100%;
2242 line-height: initial;
2243 padding: 0;
2244 }
2245 .vbo-submenu-wrap li > div {
2246 display: block;
2247 font-size: 14px;
2248 }
2249 .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li {
2250 font-weight: bold;
2251 font-size: 15px;
2252 margin-bottom: 5px;
2253 }
2254 .vbo-menu-parent-li > span {
2255 display: inline-block;
2256 color:#ffffff;
2257 cursor: pointer;
2258 padding: 14px 22px;
2259 font-size: 14px;
2260 font-weight: bold;
2261 position: relative;
2262 border-radius: 8px;
2263 }
2264 .vbo-menu-parent-li > span a {
2265 color: #fff !important;
2266 }
2267 .vbo-menu-parent-li > span a:hover {
2268 text-decoration: none !important;
2269 }
2270 .vbo-menu-parent-li > span .vbo-submenu-chevron {
2271 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2272 transition-duration: 500ms;
2273 transition-property: opacity,transform;
2274 font-size: 12px;
2275 opacity: .7;
2276 margin-left: 4px;
2277 }
2278 .vbo-menu-parent-li:hover > span .vbo-submenu-chevron {
2279 transform: translateY(2px);
2280 }
2281 .vbo-menu-parent-li-active > span {
2282 background: #c2880e;
2283 }
2284 .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover,
2285 .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span {
2286 background: #3f708b;
2287 }
2288 .vbo-menu-parent-li > span > i {
2289 margin-left: -2px;
2290 margin-right: 7px;
2291 font-size: 17px;
2292 }
2293 .vbo-submenu-wrap li {
2294 margin: 0;
2295 }
2296 .vbo-submenu-wrap li > div a {
2297 padding: 8px 0;
2298 display: flex;
2299 }
2300 .vbo-submenu-wrap li > div a i {
2301 margin-right: 6px;
2302 margin-top: 2px;
2303 font-size: 16px;
2304 color: var(--vbo-config-titles-color-light);
2305 min-width: 22px;
2306 }
2307 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar {
2308 display: inline-block;
2309 }
2310 .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
2311 max-width: 100%;
2312 border-radius: 50%;
2313 object-fit: cover;
2314 height: 20px;
2315 width: 20px;
2316 margin-right: 8px;
2317 }
2318 .vbo-submenu-wrap li .vbo-submenu-item {
2319 line-height: 1.4em;
2320 }
2321 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt {
2322 display: block;
2323 }
2324 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title {
2325 font-weight: bold;
2326 font-size: 16px;
2327 }
2328 .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help {
2329 font-size: 14px;
2330 color: var(--vbo-config-titles-color-light);
2331 }
2332 .vbo-submenu-wrap li:first-child a {
2333 padding-top: 0;
2334 }
2335 .vbo-submenu-wrap li:last-child a {
2336 padding-bottom: 0;
2337 }
2338 .vmenulink a {
2339 display: block;
2340 }
2341 .vmenulink a {
2342 color: var(--vbo-body-text-color) !important;
2343 }
2344 .vmenulinkactive a {
2345 display: block;
2346 color: var(--vbo-contrast-text-color) !important;
2347 }
2348 .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * {
2349 text-decoration: none;
2350 color: var(--vbo-base-color) !important;
2351 }
2352 .vbo-submenu-helper-ul > li > .vmenulink {
2353 display: flex;
2354 padding: 8px 0;
2355 }
2356 .vbo-submenu-helper-ul > li div a {
2357 padding: 0;
2358 margin-right: 13px;
2359 }
2360 .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin {
2361 align-self: center;
2362 margin-left: auto;
2363 font-size: 12px;
2364 display: inline-block;
2365 padding: 2px 3px;
2366 cursor: pointer;
2367 }
2368 .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin {
2369 opacity: 0;
2370 }
2371 .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin {
2372 color: var(--vbo-base-color);
2373 opacity: .7;
2374 }
2375 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin {
2376 opacity: 1;
2377
2378 transition: all 200ms ease-in-out 200ms;
2379 -moz-transition: all 200ms ease-in-out 200ms;
2380 -webkit-transition: all 200ms ease-in-out 200ms;
2381 -o-transition: all 200ms ease-in-out 200ms;
2382 }
2383 .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin {
2384 color: var(--vbo-config-text-color-light);
2385 }
2386 .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover {
2387 opacity: 1;
2388 color: var(--vbo-base-color);
2389 }
2390
2391
2392 /* END Back-end Menu */
2393 .vbo-config-warn {
2394 display: block;
2395 font-style: italic;
2396 margin: 5px 0 0;
2397 }
2398 /* Bookings List - Begin */
2399 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
2400 vertical-align: middle;
2401 font-size: 13px;
2402 }
2403 table.vbo-list-table tbody tr .vbo-highlighted-td {
2404 font-weight: bold;
2405 }
2406 .vbo-coupon-use-count a {
2407 display: inline-block;
2408 background: var(--vbo-base-color);
2409 padding: 0 5px;
2410 border-radius: 4px;
2411 color: var(--vbo-contrast-text-color);
2412 }
2413 .vbo-coupon-use-count a:hover {
2414 background: var(--vbo-base-color-hover);
2415 color: var(--vbo-contrast-text-color);
2416 }
2417 .vbo-list-table .btn {
2418 white-space: nowrap;
2419 }
2420 .vbo-list-table .btn i {
2421 margin-right: 3px;
2422 }
2423 a.vbo-bookingslist-viewdet-link {
2424 display: inline-block;
2425 cursor: pointer;
2426 color: #fff;
2427 min-width: 60%;
2428 }
2429 a.vbo-bookingslist-viewdet-link:hover {
2430 text-decoration: none;
2431 }
2432 .vbo-room-channels-mapped-wrap > div {
2433 display: inline-block;
2434 vertical-align: middle;
2435 }
2436 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
2437 border-radius: 50%;
2438 object-fit: cover;
2439 border: 1px solid var(--vbo-config-border-color);
2440 width: 32px;
2441 height: 32px;
2442 line-height: 28px;
2443 font-weight: bold;
2444 margin: 2px 0;
2445 }
2446 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl {
2447 display: inline-block;
2448 line-height: initial;
2449 }
2450 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img {
2451 width: 20px;
2452 height: 20px;
2453 border-radius: 4px;
2454 vertical-align: middle;
2455 object-fit: cover;
2456 }
2457 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span {
2458 line-height: 34px;
2459 }
2460 .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch[data-ota-idroom] {
2461 cursor: pointer;
2462 }
2463 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch {
2464 border-radius: 50%;
2465 margin: 2px;
2466 width: 32px;
2467 height: 32px;
2468 text-align: center;
2469 }
2470 .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img {
2471 width: 20px;
2472 height: 20px;
2473 object-fit: cover;
2474 }
2475 .vbo-modal-ota-listing-details-wrap .vbo-room-ota-listing-details {
2476 height: 35px;
2477 border-radius: 6px;
2478 object-fit: cover;
2479 display: inline-block;
2480 vertical-align: middle;
2481 }
2482 .vbo-room-channels-onboard-ch-lbl {
2483 border-radius: 20px;
2484 border: 1px solid var(--vbo-green-color-focus);
2485 padding: 0 8px;
2486 display: flex;
2487 align-items: center;
2488 gap: 5px;
2489 height: 32px;
2490 cursor: pointer;
2491 overflow: hidden;
2492 transition: ease .3s;
2493 }
2494 .vbo-room-channels-onboard-ch-lbl:hover {
2495 border-color: var(--vbo-green-color-focus);
2496 background-color: var(--vbo-green-color-focus);
2497 }
2498 .vbo-room-channels-onboard-ch-lbl i {
2499 color: var(--vbo-green-color);
2500 font-size: 16px;
2501 }
2502 .vbo-room-channels-onboard-ch-lbl:hover i {
2503 color: #fff;
2504 animation: ease-rotate-icon 0.5s ease;
2505 }
2506 .vbo-room-channels-onboard-ch-lbl img {
2507 width: 20px;
2508 height: 20px;
2509 border-radius: 50%;
2510 object-fit: cover;
2511 filter: grayscale(.7);
2512 opacity: .6;
2513 }
2514 .vbo-room-channels-onboard-ch-lbl:hover img {
2515 opacity: 1;
2516 filter: none;
2517 }
2518
2519 @keyframes ease-rotate-icon {
2520 from {
2521 transform: translateX(-200%) rotate(0);
2522 }
2523 to {
2524 transform: translateX(0%) rotate(180deg);
2525 }
2526 }
2527
2528 .vbo-room-sharedcalendar {
2529 border: 1px solid var(--vbo-config-border-color);
2530 padding: 3px 6px;
2531 border-radius: 4px;
2532 background: var(--vbo-basic-btn);
2533 display: inline-block;
2534 margin-right: 3px;
2535 }
2536 .vbo-allbookings-fm, .vbo-list-form {
2537 background: var(--vbo-main-bg-color);
2538 }
2539 form[name="invoicesform"] {
2540 margin-bottom: 0;
2541 }
2542 form[name="invoicesform"] .btn-toolbar {
2543 margin-bottom: 0;
2544 }
2545 .vbo-allbookings-fm .btn-group {
2546 position: relative;
2547 }
2548 .vbo-list-form {
2549 padding-top: 10px;
2550 }
2551 .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar {
2552 margin-top: 0 !important;
2553 height: auto !important;
2554 background: var(--vbo-toolbar-bg-color);
2555 padding: 10px;
2556 box-sizing: border-box;
2557 }
2558 .vbo-allbookings-fm #vbo-search-tools-cont {
2559 margin-top: 5px;
2560 height: auto !important;
2561 padding: 10px;
2562 box-sizing: border-box;
2563 }
2564 .vbo-btn-toolbar #filter-bar {
2565 margin-top: 0;
2566 }
2567 .vbo-btn-toolbar .btn[type="submit"],
2568 .vbo-btn-toolbar .btn[type="button"] {
2569 padding: 8px 15px;
2570 box-shadow: none;
2571 border-color: var(--vbo-config-border-color);
2572 }
2573 .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i) {
2574 font-weight: bold;
2575 }
2576 .vbo-btn-toolbar .btn-group .btn .icon-calendar {
2577 font-weight: normal;
2578 }
2579 .vbo-btn-toolbar .field-calendar .input-append,
2580 .vbo-btn-toolbar .vbo-field-calendar .input-append {
2581 margin-bottom: 0;
2582 }
2583 .vbo-btn-toolbar .input-append .btn {
2584 padding: 8px 12px;
2585 border: 1px solid var(--vbo-config-border-color);
2586 border-radius: 0 2px 2px 0;
2587 }
2588 .vbo-btn-toolbar .btn-group #vbo-search-tools-btn {
2589 background: var(--vbo-blue-color);
2590 border: 1px solid var(--vbo-blue-color);
2591 color: #fff;
2592 padding: 7.5px 15px;
2593 }
2594 .vbo-btn-toolbar #vbo-search-tools-btn:hover {
2595 background: var(--vbo-config-bg-color);
2596 border-color: var(--vbo-blue-color)6;
2597 color: var(--vbo-blue-color);
2598 }
2599 .vbo-btn-toolbar #vbo-search-tools-btn .caret {
2600 border-top: 4px solid #fff !important;
2601 border-bottom: 0 !important;
2602 border-right: 4px solid transparent;
2603 border-left: 4px solid transparent;
2604 margin-left: 4px;
2605 }
2606 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary {
2607 background: var(--vbo-config-bg-color);
2608 border-color: var(--vbo-blue-color);
2609 color: var(--vbo-blue-color);
2610 }
2611 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret {
2612 border-bottom: 4px solid #fff !important;
2613 border-top: 0 !important;
2614 border-right: 4px solid transparent;
2615 border-left: 4px solid transparent;
2616 }
2617 .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret {
2618 border-top: 4px solid var(--vbo-blue-color) !important;
2619 border-bottom: 0 !important;
2620 border-right: 4px solid transparent;
2621 border-left: 4px solid transparent;
2622 }
2623 .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret {
2624 border-bottom: 4px solid #fff !important;
2625 border-top: 0 !important;
2626 border-right: 4px solid transparent;
2627 border-left: 4px solid transparent;
2628 }
2629 .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple {
2630 font-weight: normal;
2631 font-size: 14px !important;
2632 border: 1px solid var(--vbo-config-border-color) !important;
2633 border-radius: 2px !important;
2634 background: var(--vbo-input-style);
2635 }
2636 .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 {
2637 padding: 4px 5px;
2638 display: inherit;
2639 }
2640 .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 {
2641 display: inline-block;
2642 margin-left: 3px;
2643 margin-right: 0;
2644 width: 18px;
2645 height: 18px;
2646 line-height: 15px;
2647 font-size: 16px;
2648 text-align: center;
2649 border-radius: 50%;
2650 color: var(--vbo-config-titles-color-light);
2651 float: right;
2652 }
2653 .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 {
2654 background: var(--vbo-config-border-color);
2655 color: var(--vbo-config-titles-color-light);
2656 }
2657 .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 {
2658 height: 36px;
2659 }
2660 .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 {
2661 background-color: #b6d8ee;
2662 border: 1px solid #b8d1e1;
2663 border-radius: 30px;
2664 padding: 5px 10px;
2665 color: var(--vbo-base-color);
2666 font-weight: bold;
2667 font-size: 12px;
2668 }
2669 .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 {
2670 display: inline-block;
2671 margin-left: 3px;
2672 margin-right: 0;
2673 width: 18px;
2674 height: 18px;
2675 line-height: 15px;
2676 font-size: 16px;
2677 text-align: center;
2678 border-radius: 50%;
2679 color: var(--vbo-base-color);
2680 float: right;
2681 }
2682 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
2683 z-index: 9;
2684 position: relative;
2685 }
2686 .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 {
2687 background: var(--vbo-base-color-hover);
2688 color: #fff;
2689 }
2690 .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 {
2691 margin-top: 5px;
2692 margin-bottom: 5px !important;
2693 padding: 0;
2694 }
2695
2696 .vbo-list-form-filters {
2697 padding: 10px 20px;
2698 }
2699 .vbo-list-form-filters form {
2700 margin-bottom: 0;
2701 display: flex;
2702 flex-wrap: wrap;
2703 }
2704 .vbo-list-form-filter-select {
2705 display: inline-block;
2706 margin-right: 10px;
2707 }
2708 .vbo-list-form-filters form > .vbo-right-btn-container {
2709 margin-left: auto;
2710 align-self: end;
2711 }
2712 .vbo-avov-toolbar select {
2713 margin-bottom: 0;
2714 border-radius: 2px;
2715 border: 1px solid var(--vbo-config-border-color);
2716 padding: 8px 10px;
2717 height: inherit;
2718 }
2719 #vbo-search-tools-cont {
2720 width: 100%;
2721 display: inline-block;
2722 padding: 0px !important;
2723 }
2724 .pagination.pagination-toolbar {
2725 margin-bottom: 20px;
2726 }
2727 .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive {
2728 width: 98%;
2729 margin: 10px auto 20px;
2730 border-radius: 10px;
2731 box-shadow: 0 5px 5px rgba(0,0,0,.1);
2732 }
2733 .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table {
2734 margin-bottom: 0;
2735 }
2736 .vbo-list-form .table-responsive table {
2737 margin-top: 0;
2738 }
2739 .vbo-orders-review-link {
2740 display: inline-block;
2741 margin-left: 5px;
2742 }
2743 .vbo-orders-review-link a {
2744 color: #ffbd3f;
2745 cursor: pointer;
2746 }
2747 .vbo-orders-review-link a:hover {
2748 color: var(--vbo-orange-color);
2749 }
2750 .vbo-bookslist-snapshot {
2751 cursor: pointer;
2752 }
2753 .vbo-bookslist-snapshot:hover {
2754 background-color: var(--vbo-blue-color-hover);
2755 color: #fff;
2756 }
2757 .vbo-orders-substatus {
2758 margin-top: 2px;
2759 }
2760 .vbo-orders-substatus .label {
2761 border-radius: 10px;
2762 }
2763 /* Search Tools Caret - Start */
2764 .btn-primary .caret {
2765 border-top: 0;
2766 border-bottom: 4px solid #FFF !important;
2767 margin-top: 7px;
2768 margin-bottom: 8px;
2769 }
2770 /* Search Tools Caret - End */
2771 .vbo-bookingslist-table thead th a, .vbo-list-table thead th a {
2772 color: var(--vbo-config-titles-color-light);
2773 }
2774 .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i {
2775 margin-left: 5px;
2776 }
2777 .vbo-bookingslist-table thead th .vbo-bookingslist-activesort,
2778 .vbo-bookingslist-table thead th a:hover,
2779 .vbo-list-table thead th .vbo-list-activesort,
2780 .vbo-list-table thead th a:hover {
2781 color: var(--vbo-base-color);
2782 text-decoration: none;
2783 }
2784 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
2785 font-size: 14px;
2786 font-weight: bold;
2787 color: var(--vbo-config-titles-color-light);
2788 vertical-align: baseline;
2789 white-space: nowrap;
2790 }
2791 .vbo-bookingslist-viewdet:hover {
2792 color: var(--vbo-base-color-hover);
2793 }
2794 .vbo-bookingslist-viewdet-date {
2795 display: block;
2796 }
2797 .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time {
2798 font-size: 11px;
2799 font-weight: bold;
2800 color: var(--vbo-config-titles-color-light);
2801 }
2802 .vbo-bookingslist-viewdet-time span {
2803 display: inline-block;
2804 }
2805 .vbo-bookingslist-booktime-hour {
2806 color: var(--vbo-base-color);
2807 }
2808 .vbo-bookingslist-booktime-twrap {
2809 display: inline-block;
2810 min-width: 60px;
2811 }
2812 .vbo-bookingslist-roomunit {
2813 display: block;
2814 font-size: smaller;
2815 color: var(--vbo-config-titles-color-light);
2816 }
2817 .vbo-bookingslist-booktime-checkedin {
2818 display: inline-block;
2819 color: var(--vbo-green-color);
2820 }
2821 .vbo-bookingslist-booktime-checkedout {
2822 display: inline-block;
2823 color: var(--vbo-green-color);
2824 }
2825 .vbo-bookingslist-booktime-noshow {
2826 display: inline-block;
2827 color: var(--vbo-red-color);
2828 }
2829 .vbo-bookingslist-viewdet-fulldate {
2830 display: inline-block;
2831 margin-right: 15px;
2832 }
2833 .vbo-bookingslist-viewdet-open {
2834 float: right;
2835 }
2836 .vbo-booking-with-splitstay .vbo-booking-has-splitstay {
2837 min-width: 20px;
2838 margin-right: -3px;
2839 }
2840 .vbo-provenience {
2841 display: inline-block;
2842 min-width: 85px;
2843 border: 0;
2844 border-radius: 3px;
2845 margin: 0 3px 0 0;
2846 padding: 7px 5px;
2847 color: var(--vbo-base-color);
2848 font-weight: bold;
2849 position: relative;
2850 font-size: 16px;
2851 word-break: break-all;
2852 }
2853 span.label.vbo-status-label {
2854 padding: 5px 14px !important;
2855 font-size: 12px;
2856 border-radius: 24px;
2857 letter-spacing: .3px;
2858 min-width: 70px;
2859 text-align: center;
2860 }
2861 span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success {
2862 background-color: var(--vbo-success-bg);
2863 }
2864 span.vbo-label-small, .vbo-label-small {
2865 padding: 5px 8px !important;
2866 font-size: 11px;
2867 line-height: 14px;
2868 }
2869 .vbo-bookingslist-total-totpaid {
2870 font-size: 11px;
2871 font-weight: bold;
2872 }
2873 .vbo-bookingslist-total-refunded {
2874 color: var(--vbo-red-color);
2875 display: inline-block;
2876 margin-left: 4px;
2877 }
2878 .vbo-admin-tipsicon i {
2879 font-size: 20px;
2880 color: var(--vbo-config-titles-color-light);
2881 }
2882 .vbo-admin-notes-icn {
2883 cursor: pointer;
2884 }
2885 .vbo-admin-invoiceicon i {
2886 font-size: 20px;
2887 color: var(--vbo-config-titles-color-light);
2888 }
2889 .vbo-timeline-content {
2890 background: var(--vbo-config-bg-color);
2891 }
2892 .vbo-bookings-guestmessages-bubble-cont i {
2893 font-size: 20px;
2894 color: var(--vbo-config-titles-color-light);
2895 position: relative;
2896 }
2897 .vbo-bookings-guestmessages-bubble-cont i:after {
2898 position: absolute;
2899 content: attr(data-message-count);
2900 width: 20px;
2901 height: 20px;
2902 border-radius: 50%;
2903 background: var(--vbo-red-color);
2904 color: #fff;
2905 font-weight: bold;
2906 font-size: 11px;
2907 line-height: 20px;
2908 font-family: Arial;
2909 top: -7px;
2910 right: -11px;
2911 text-align: center;
2912 }
2913 .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after {
2914 display:none;
2915 }
2916 #vbo-geninv-form .vbo-calendar-cfield-entry {
2917 margin: 15px 0;
2918 }
2919 .vbo-info-overlay-content-invoices h4 {
2920 font-size: 20px;
2921 border-bottom: 1px solid var(--vbo-config-border-color);
2922 padding-bottom: 10px;
2923 }
2924 /* Bookings List - End */
2925 /* Rates, Restrictions and Seasons Calendar - Begin */
2926 .vbo-warning {
2927 margin: 10px 0px;
2928 padding: 12px;
2929 color: var(--vbo-orange-color);
2930 border: 1px solid var(--vbo-orange-color);
2931 background-color: var(--vbo-config-bg-color);
2932 }
2933 .vbo-ratesoverview-top-container {
2934 background: var(--vbo-config-child-bg-color);
2935 padding-bottom: 20px;
2936 padding-top: 20px;
2937 }
2938 .vbo-ratesoverview-right-block {
2939 float: right;
2940 }
2941 .vbo-ratesoverview-right-inner {
2942 background: var(--vbo-main-bg-color) none repeat scroll 0 0;
2943 border: 1px solid var(--vbo-config-border-color);
2944 border-radius: 3px;
2945 display: none;
2946 margin-left: 20px;
2947 min-height: 60px;
2948 padding: 10px 10px;
2949 position: relative;
2950 vertical-align: top;
2951 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2952 margin-bottom: 10px;
2953 }
2954 .vbo-ratesoverview-vcmwarn-close {
2955 cursor: pointer;
2956 position: absolute;
2957 right: -8px;
2958 top: -8px;
2959 }
2960 .vbo-ratesoverview-vcmwarn-close i {
2961 color: var(--vbo-red-color);
2962 font-size: 16px;
2963 margin: 0;
2964 }
2965 .vbo-ratesoverview-vcmwarn-count {
2966 display: block;
2967 padding: 5px 5px 0;
2968 text-align: center;
2969 }
2970 .vbo-ratesoverview-vcmwarn-count i {
2971 color: var(--vbo-blue-color);
2972 }
2973 .vbo-ratesoverview-vcmwarn-open {
2974 display: block;
2975 text-align: center;
2976 margin-top: 10px;
2977 }
2978 .vbo-ratesoverview-roomsel-block {
2979 margin: 0 20px;
2980 }
2981 .vbo-ratesoverview-roomsel-block > form {
2982 display: flex;
2983 margin-bottom: 0;
2984 background: var(--vbo-config-child-bg-color);
2985 border: 1px solid var(--vbo-config-border-color);
2986 border-bottom-color: var(--vbo-config-border-color);
2987 border-bottom-style: solid;
2988 border-bottom-width: 1px;
2989 border-radius: 4px;
2990 border-bottom: 2px solid var(--vbo-config-border-color);
2991 box-shadow: 0 0 10px rgba(0,0,0,.1);
2992 }
2993 .vbo-ratesoverview-roomsel-block label {
2994 display: block;
2995 font-weight: bold;
2996 margin-bottom: 9px;
2997 }
2998 .vbo-ratesoverview-roomsel-entry {
2999 display: inline-block;
3000 vertical-align: top;
3001 background: var(--vbo-config-bg-color);
3002 padding: 15px;
3003 flex: 1;
3004 flex-basis: auto;
3005 }
3006 .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label {
3007 font-size: 16px;
3008 }
3009 .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i {
3010 color: var(--vbo-config-titles-color-light);
3011 font-size: 14px;
3012 margin-right: 5px;
3013 }
3014 .vbo-ratesoverview-roomsel-entry-forecast {
3015 flex-basis: 35%;
3016 }
3017 .vbo-ratesoverview-roomsel-entry-forecast > label {
3018 float: left;
3019 }
3020 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands {
3021 margin-bottom: 20px;
3022 display: flex;
3023 justify-content: flex-end;
3024 }
3025 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
3026 width: 36%;
3027 float: left;
3028 display: inline-block;
3029 }
3030 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
3031 width: 100%;
3032 }
3033 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner {
3034 padding: 10px 20px;
3035 }
3036 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl {
3037 margin-bottom: 5px;
3038 }
3039 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main {
3040 font-size: 22px;
3041 }
3042 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
3043 width: 57% !important;
3044 height: auto !important;
3045 }
3046 .vbo-reportwidget-ratesoverv .chart-line-legend {
3047 margin-left: 0;
3048 }
3049 .vbo-ratesoverview-roomsel-entry-los {
3050 border-left: 1px solid var(--vbo-config-border-color);
3051 }
3052 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
3053 flex-basis: 18%;
3054 border-right: 1px solid var(--vbo-config-border-color);
3055 background-color: var(--vbo-config-bg-color);
3056 border-top-left-radius: 4px;
3057 border-bottom-left-radius: 4px;
3058 }
3059 .vbo-ratesoverview-roomsel-entry-chrooms #roomsel {
3060 margin-bottom: 0;
3061 border-radius: 2px;
3062 border: 1px solid var(--vbo-config-border-color);
3063 padding: 8px 10px;
3064 height: inherit;
3065 }
3066 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container {
3067 margin-bottom: 0;
3068 }
3069 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default {
3070 width: 80% !important;
3071 }
3072 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple {
3073 border: 0;
3074 background: transparent;
3075 }
3076 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered {
3077 padding: 0;
3078 }
3079 .select2-container--default .select2-selection--multiple .select2-selection__choice {
3080 background-color: #b6d8ee;
3081 border: 1px solid #b8d1e1;
3082 border-radius: 30px;
3083 padding: 5px 10px;
3084 color: #2d5593;
3085 font-weight: bold;
3086 max-width: 190px;
3087 overflow: hidden;
3088 text-overflow: ellipsis;
3089 }
3090 .select2-container--default .select2-selection--multiple .select2-selection__choice span {
3091 display: inline-block;
3092 margin-left: 3px;
3093 margin-right: 0;
3094 width: 18px;
3095 height: 18px;
3096 line-height: 15px;
3097 font-size: 16px;
3098 text-align: center;
3099 border-radius: 50%;
3100 color: var(--vbo-base-color);
3101 float: right;
3102 }
3103 .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
3104 background: var(--vbo-base-color);
3105 color: #fff;
3106 }
3107 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline {
3108 width: 100%;
3109 }
3110 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
3111 width: 98% !important;
3112 background: var(--vbo-config-bg-color);
3113 border: 1px solid var(--vbo-config-border-color);
3114 border-radius: 2px;
3115 padding: 8px 10px;
3116 }
3117 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
3118 vertical-align: bottom;
3119 margin-bottom: 16px;
3120 }
3121 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple {
3122 border: 0;
3123 }
3124 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
3125 border-right: 1px solid var(--vbo-config-border-color);
3126 flex-basis: calc(53%);
3127 }
3128 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
3129 line-height: 35px;
3130 }
3131 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container {
3132 font-weight: normal;
3133 font-size: 14px;
3134 }
3135 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
3136 height: 36px;
3137 border: 1px solid var(--vbo-config-border-color);
3138 border-radius: 2px;
3139 }
3140 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
3141 height: 36px;
3142 }
3143 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
3144 background: var(--vbo-config-bg-color);
3145 border: 1px solid var(--vbo-config-border-color);
3146 border-radius: 2px;
3147 padding: 8px 10px;
3148 width: 70% !important;
3149 }
3150 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn {
3151 padding: 8px 10px;
3152 border-radius: 0 2px 2px 0;
3153 border: 1px solid var(--vbo-config-border-color);
3154 }
3155 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar {
3156 margin-right: 0;
3157 }
3158 .vbo-ratesoverview-roomsel-entry .select2-container {
3159 margin-bottom: 9px;
3160 min-width: 200px;
3161 }
3162 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast {
3163 display: none;
3164 }
3165 .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms {
3166 flex-basis: 100%;
3167 }
3168 .vbo-ratesoverview-entryinline {
3169 display: inline-block;
3170 margin-right: 5px;
3171 vertical-align: top;
3172 }
3173 .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate {
3174 min-width: 110px;
3175 }
3176 .vbo-ratesoverview-rcalc-srooms {
3177 display: block;
3178 }
3179 .vbo-ratesoverview-numnight {
3180 display: inline-block;
3181 padding: 2px 8px;
3182 margin-right: 13px;
3183 border-radius: 3px;
3184 border: 1px solid var(--vbo-base-color);
3185 color: var(--vbo-base-color);
3186 position: relative;
3187 font-weight: bold;
3188 }
3189 .vbo-ratesoverview-numnight:after {
3190 background: var(--vbo-red-color) none repeat scroll 0 0;
3191 border-radius: 50%;
3192 color: #fff;
3193 content: "x";
3194 cursor: pointer;
3195 font-size: 11px;
3196 height: 16px;
3197 line-height: 14px;
3198 position: absolute;
3199 right: -15px;
3200 text-align: center;
3201 top: -9px;
3202 width: 16px;
3203 border: 2px solid #fff;
3204 }
3205 .vbo-ratesoverview-numnight:hover:after {
3206 background-color: var(--vbo-red-color);
3207 }
3208 .vbo-ratesoverview-numnight:active:after {
3209 background-color: var(--vbo-red-color-hover);
3210 }
3211 #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
3212 width: 35px !important;
3213 margin: 0 0 0 5px;
3214 display: inline-block;
3215 }
3216 #vbo-addnumnight-act {
3217 cursor: pointer;
3218 display: inline-block;
3219 margin-top: 10px;
3220 vertical-align: top;
3221 }
3222 #vbo-addnumnight-act i {
3223 color: var(--vbo-green-color);
3224 font-size: 18px;
3225 }
3226 .vbo-apply-los-btn {
3227 margin-left: 10px;
3228 }
3229 .vbo-seasons-calendar-table {
3230 width: 100%;
3231 margin-bottom: 0 !important;
3232 }
3233 .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td {
3234 background: var(--vbo-config-child-bg-color);
3235 border-top: 0 !important;
3236 padding: 15px 0;
3237 }
3238 tr.vbo-seasons-calendar-nightsrow td:first-child {
3239 width: 20%;
3240 }
3241 tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
3242 text-align: center;
3243 }
3244 tr.vbo-seasons-calendar-nightsrow td span {
3245 font-weight: bold;
3246 font-size: 15px;
3247 }
3248 tr.vbo-seasons-calendar-offseasonrow {
3249 border-bottom: 1px solid var(--vbo-basic-btn);
3250 }
3251 tr.vbo-seasons-calendar-offseasonrow td {
3252 height: 40px;
3253 }
3254 tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
3255 text-align: center;
3256 }
3257 tr.vbo-seasons-calendar-seasonrow {
3258 border-bottom: 1px solid var(--vbo-basic-btn);
3259 }
3260 tr.vbo-seasons-calendar-seasonrow td {
3261 height: 40px;
3262 }
3263 tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
3264 text-align: center;
3265 }
3266 .vbo-seasons-calendar-offseasonname {
3267 font-style: italic;
3268 font-size: 15px;
3269 }
3270 .vbo-seasons-calendar-offseasoncosts {
3271 display: block;
3272 }
3273 .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost {
3274 display: block;
3275 margin: 8px 0;
3276 }
3277 .vbo-seasons-calendar-seasoncost-notaffected {
3278 opacity: 0.3;
3279 }
3280 .vbo-seasons-calendar-pricename {
3281 display: block;
3282 font-style: italic;
3283 }
3284 .vbo-seasons-calendar-pricecost {
3285 display: block;
3286 font-weight: bold;
3287 }
3288 .vbo-seasons-calendar-seasondates {
3289 display: block;
3290 }
3291 .vbo-seasons-calendar-seasonchargedisc {
3292 display: block;
3293 float: right;
3294 }
3295 .vbo-seasons-calendar-slabel {
3296 border-radius: 0.25em;
3297 color: #fff;
3298 display: inline;
3299 font-size: 95%;
3300 font-weight: 700;
3301 line-height: 1;
3302 padding: 0.2em 0.6em 0.3em;
3303 text-align: center;
3304 vertical-align: baseline;
3305 white-space: nowrap;
3306 }
3307 .vbo-seasons-calendar-season-charge {
3308 background-color: #777;
3309 }
3310 .vbo-seasons-calendar-season-discount {
3311 background-color: #f0ad4e;
3312 }
3313 .vbo-seasons-calendar-operator {
3314 display: inline-block;
3315 margin-right: 3px;
3316 font-weight: bold;
3317 font-size: 105%;
3318 }
3319 .vbo-seasons-calendar-seasonfrom {
3320 display: inline-block;
3321 }
3322 .vbo-seasons-calendar-seasondates-separe {
3323 display: inline-block;
3324 margin: 0 3px 0 3px;
3325 }
3326 .vbo-seasons-calendar-seasonto {
3327 display: inline-block;
3328 }
3329 .vbo-seasons-calendar-seasonname {
3330 display: block;
3331 font-weight: bold;
3332 white-space: initial;
3333 }
3334 .vbo-seasons-calendar-restrictions {
3335 display: block;
3336 }
3337 .vbo-seasons-calendar-restriction-minlos {
3338 display: inline-block;
3339 padding: 6px 6px 5px 7px;
3340 background: var(--vbo-config-border-color);
3341 font-size: 12px;
3342 font-weight: bold;
3343 border-radius: 2px;
3344 margin-top: 3px;
3345 }
3346 .vbo-seasons-calendar-restriction-minlos-badge {
3347 display: inline-block;
3348 min-width: 20px;
3349 min-height: 20px;
3350 background: var(--vbo-config-bg-color);
3351 color: var(--vbo-body-text-color);
3352 font-size: 13px;
3353 font-weight: bold;
3354 padding: 4px;
3355 border-radius: 50%;
3356 text-align: center;
3357 margin-left: 2px;
3358 }
3359 .vbo-seasons-calendar-restriction-maxlos {
3360 display: inline-block;
3361 padding: 2px 3px 2px 3px;
3362 background: var(--vbo-config-text-color-light);
3363 font-size: 12px;
3364 font-weight: bold;
3365 border-radius: 4px;
3366 }
3367 .vbo-seasons-calendar-restriction-maxlos-badge {
3368 display: inline-block;
3369 min-width: 20px;
3370 min-height: 20px;
3371 background: var(--vbo-config-bg-color);
3372 color: var(--vbo-body-text-color);
3373 font-size: 13px;
3374 font-weight: bold;
3375 padding: 4px;
3376 border-radius: 50%;
3377 text-align: center;
3378 margin-left: 2px;
3379 }
3380 .vbo-seasons-calendar-restriction-wdays {
3381 display: block;
3382 }
3383 .vbo-seasons-calendar-restriction-wdays label {
3384 display: block;
3385 font-style: italic;
3386 }
3387 .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
3388 display: inline-block;
3389 padding: 2px 3px 2px 3px;
3390 margin-right: 4px;
3391 background: var(--vbo-base-color);
3392 color: #fff;
3393 border-radius: 4px;
3394 }
3395 .vbo-ratesoverview-roomsel-entry-calc-inner {
3396 border-bottom: 1px solid var(--vbo-basic-btn);
3397 padding: 0 0 10px;
3398 margin: 10px 0 0;
3399 }
3400 .vbo-ratesoverview-calculation-response {
3401 margin: 10px 0 0;
3402 }
3403 .vbo-ratesoverview-calculation-response-room {
3404 margin: 10px 0 40px;
3405 }
3406 .vbo-ratesoverview-calculation-response-room:last-child {
3407 margin-bottom: 0;
3408 padding-bottom: 0;
3409 border: 0;
3410 }
3411 .vbo-ratesoverview-calculation-response-room h4 {
3412 font-weight: normal;
3413 font-size: 14px;
3414 }
3415 .vbo-ratesoverview-calculation-response-room-name {
3416 display: block;
3417 font-weight: bold;
3418 font-size: 16px;
3419 margin-bottom: 5px;
3420 }
3421 .vbo-calcrates-rateblock {
3422 padding: 15px;
3423 margin: 15px 0;
3424 background: var(--vbo-config-bg-color);
3425 box-shadow: 0 0 10px rgba(0,0,0,0.15);
3426 border-radius: 10px;
3427 display: flex;
3428 flex-wrap: wrap;
3429 }
3430 .vbo-calcrates-rateblock > span {
3431 display: inline-block;
3432 flex: 1;
3433 margin-right: 15px;
3434 font-size: 15px;
3435 color: var(--vbo-config-titles-color-light);
3436 }
3437 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
3438 font-weight: bold;
3439 font-size: 17px;
3440 flex-basis: 100%;
3441 margin-bottom: 8px;
3442 vertical-align: top;
3443 align-self: center;
3444 }
3445 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
3446 display: inline-block;
3447 font-weight: bold;
3448 margin-right: 55px;
3449 font-size: 16px;
3450 }
3451 .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays {
3452 width: 15%;
3453 }
3454 .vbo-calcrates-rateblock > span > span {
3455 display: block;
3456 font-size: 12px;
3457 font-weight: bold;
3458 color: var(--vbo-config-titles-color-light);
3459 }
3460 .vbo-calcrates-rateblock .vbo-calcrates-info {
3461 margin-top: 14px;
3462 }
3463 .vbo-calcrates-rateblock > .vbo-room-booknow-rct {
3464 align-self: center;
3465 background-color: var(--vbo-base-color);
3466 color: #fff;
3467 border: 0;
3468 padding: 9px 14px;
3469 font-weight: bold;
3470 display: inline-block;
3471 margin-left: auto;
3472 }
3473 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover {
3474 background-color: var(--vbo-base-color-hover);
3475 }
3476 .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active {
3477 background-color: var(--vbo-link-text-color);
3478 }
3479 .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge {
3480 display: inline-block;
3481 min-width: 100px;
3482 margin: 0 15px 0 0;
3483 font-weight: bold;
3484 font-size: 12px;
3485 }
3486 .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span {
3487 display: inline-block;
3488 font-style: italic;
3489 margin-right: 5px;
3490 color: var(--vbo-config-titles-color-light);
3491 }
3492
3493 .vbo-ratesoverview-tabscont {
3494 margin: 0 0 10px 0;
3495 text-align: right;
3496 float: right;
3497 }
3498 .vbo-ratesoverview-tabscont div {
3499 cursor: pointer;
3500 display: inline-block;
3501 text-align: center;
3502 padding: 12px;
3503 margin: 0 5px;
3504 border-radius: 2px;
3505 font-size: 14px;
3506 }
3507 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active {
3508 background: var(--vbo-blue-color);
3509 color: #fff;
3510 font-weight: bold;
3511 border: 2px solid var(--vbo-blue-color);
3512 }
3513 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
3514 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3515 border: 2px solid var(--vbo-config-child-bg-color);
3516 }
3517 .vbo-roverw-rplan-on {
3518 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3519 color: var(--vbo-body-text-color);
3520 cursor: pointer;
3521 font-size: 15px;
3522 }
3523 .vbo-roverw-rplan-on:hover {
3524 background: var(--vbo-light-color-btn);
3525 }
3526 .vbo-roverw-rplan-off {
3527 background: var(--vbo-red-color) none repeat scroll 0 0;
3528 color: #fff;
3529 cursor: not-allowed;
3530 }
3531 .block-picked-start, .block-picked-middle, .block-picked-end,
3532 .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover {
3533 background: var(--vbo-orange-color) none repeat scroll 0 0;
3534 }
3535 .vbo-smallersp {
3536 font-size: smaller;
3537 }
3538 .vbo-roverw-infoblock {
3539 display: block;
3540 padding-bottom: 8px;
3541 margin-bottom: 0px;
3542 text-align: center;
3543 }
3544 .vbo-roverw-infoblock span {
3545 display: inline-block;
3546 font-weight: bold;
3547 font-size: 13px;
3548 }
3549 .vbo-roverw-infoblock span#rovervw-roomname {
3550 display: block;
3551 text-align: center;
3552 font-weight: bold;
3553 font-size: 18px;
3554 margin-bottom: 7px;
3555 }
3556 .vbo-roverw-infoblock span#rovervw-roomname i {
3557 font-size: 14px;
3558 margin-right: 5px;
3559 color: var(--vbo-config-titles-color-light);
3560 }
3561 .vbo-roverw-alldays-inner {
3562 display: flex;
3563 text-align: center;
3564 vertical-align: middle;
3565 overflow-y: hidden;
3566 overflow-x: scroll;
3567 }
3568 .vbo-roverw-daymod {
3569 display: inline-block;
3570 vertical-align: top;
3571 margin: 4px 4px;
3572 padding: 12px 10px;
3573 background: var(--vbo-blue-color) none repeat scroll 0 0;
3574 border-radius: 4px;
3575 text-align: center;
3576 flex: 0 0 80px;
3577 }
3578 .vbo-roverw-daymod:first-child {
3579 margin-left: 0;
3580 }
3581 .vbo-roverw-daymod:last-child {
3582 margin-right: 0;
3583 }
3584 .vbo-roverw-daymod-innercell {
3585 position: relative;
3586 }
3587 .vbo-roverw-daymod-infospids {
3588 bottom: 21px;
3589 color: #d6e2ff;
3590 cursor: pointer;
3591 font-size: 15px;
3592 font-weight: bold;
3593 right: -8px;
3594 padding: 0;
3595 position: absolute;
3596 }
3597 .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover {
3598 color: #fff;
3599 }
3600 .vbo-roverw-daymod-infospids span {
3601 display: inline-block;
3602 margin: 0;
3603 }
3604 .vbo-roverw-daymod-infospids-outcont {
3605 display: none;
3606 position: absolute;
3607 transform: translate(-50%, 0%);
3608 padding: 10px;
3609 border: 2px solid var(--vbo-config-border-color);
3610 border-radius: 2px;
3611 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
3612 box-shadow: 0 0 10px rgba(0,0,0,.15);
3613 top: 72px;
3614 left: 50%;
3615 min-width: 150px;
3616 z-index: 101;
3617 }
3618 .vbo-roverw-daymod-infospids-incont ul {
3619 margin: 0;
3620 }
3621 .vbo-roverw-daymod-infospids-incont ul li {
3622 list-style-type: none;
3623 border-bottom: 1px solid var(--vbo-config-border-color);
3624 padding: 5px 0;
3625 }
3626 .vbo-roverw-daymod-infospids-incont ul li:last-child {
3627 border: 0;
3628 }
3629 .vbo-roverw-daymod-infospids-incont ul li a {
3630 color: var(--vbo-config-title-color);
3631 font-weight: bold;
3632 }
3633 .vbo-roverw-daymod-infospids-incont ul li a:hover {
3634 color: var(--vbo-blue-color);
3635 }
3636 .vbo-roverw-daydate {
3637 display: inline-block;
3638 text-align: center;
3639 width: 96%;
3640 color: #fff;
3641 padding-bottom: 5px;
3642 margin-bottom: 0;
3643 }
3644 .vbo-roverw-daydate-wdaymday {
3645 display: block;
3646 }
3647 .vbo-roverw-dayprice {
3648 display: inline-block;
3649 text-align: center;
3650 color: #fff;
3651 font-weight: bold;
3652 border: 1px solid var(--vbo-base-color);
3653 border-radius: 4px;
3654 padding: 7px;
3655 width: 100%;
3656 box-sizing: border-box;
3657 font-size: 15px;
3658 white-space: nowrap;
3659 }
3660 .vbo-roverw-setnewrate {
3661 display: block;
3662 margin-top: 13px;
3663 width: 100%;
3664 border: 1px solid var(--vbo-config-border-color);
3665 background: var(--vbo-config-child-bg-color);
3666 padding: 15px;
3667 box-sizing: border-box;
3668 border-radius: 15px;
3669 }
3670 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
3671 display: flex;
3672 margin-bottom: 10px;
3673 gap: 10px;
3674 }
3675 .vbo-roverw-setnewrate-title h4 {
3676 margin: 0 0 10px;
3677 font-size: 16px;
3678 }
3679 .vbo-roverw-setnewrate-title h4 i {
3680 font-size: 12px;
3681 margin-right: 5px;
3682 color: var(--vbo-config-titles-color-light);
3683 }
3684 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
3685 flex: 1;
3686 text-align: center;
3687 padding: 12px;
3688 background: var(--vbo-config-bg-color);
3689 border: 1px solid var(--vbo-basic-btn);
3690 border-bottom: 3px solid var(--vbo-basic-btn);
3691 border-radius: 16px;
3692 }
3693 .vbo-roverw-setnewrate .vbo-roverw-flexnew input {
3694 background: var(--vbo-config-bg-color);
3695 border: 1px solid var(--vbo-config-border-color);
3696 border-radius: 2px;
3697 padding: 8px 10px;
3698 }
3699 label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl {
3700 display: inline-block;
3701 }
3702 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] {
3703 width: 100px !important;
3704 }
3705 .vbo-roverw-closeopenrp {
3706 margin: 12px auto 20px;
3707 border: 1px solid var(--vbo-config-border-color);
3708 background: var(--vbo-config-child-bg-color);
3709 padding: 15px;
3710 box-sizing: border-box;
3711 border-radius: 15px;
3712 }
3713 .vbo-roverw-closeopenrp:hover {
3714 border-color: var(--vbo-base-color);
3715 }
3716 .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 {
3717 padding: 4px 0;
3718 text-align: center;
3719 margin: 0 0 7px;
3720 font-size: 16px;
3721 }
3722 .vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
3723 color: var(--vbo-config-titles-color-light);
3724 font-size: 14px;
3725 margin-right: 5px;
3726 }
3727
3728 .vbo-roverw-closeopenrp h4 {
3729 cursor: pointer;
3730 border-radius: 5px;
3731 padding: 0;
3732 margin: 0;
3733 font-size: 16px;
3734 }
3735 .vbo-roverw-closeopenrp h4 i {
3736 font-size: 12px;
3737 margin-right: 5px;
3738 color: var(--vbo-config-titles-color-light);
3739 }
3740 .vbo-roverw-closeopenrp h4 .vbo-roverw-closeopenrp-arrow {
3741 float: right;
3742 }
3743 .vbo-roverw-closeopenrp:hover h4 .vbo-roverw-closeopenrp-arrow i {
3744 color: var(--vbo-base-color);
3745 }
3746 .vbo-roverw-closeopenrp-btns {
3747 display: none;
3748 margin-top: 30px;
3749 margin-bottom: 20px;
3750 }
3751 .vbo-roverw-closeopenrp-btns button {
3752 margin: 0 3px;
3753 padding: 8px 12px;
3754 }
3755 .vbo-roverw-setnewrate-inner {
3756 display: block;
3757 text-align: center;
3758 }
3759 .vbo-roverw-setnewrate-btns {
3760 display: block;
3761 text-align: center;
3762 margin-top: 15px;
3763 }
3764 .vbo-roverw-setnewrate-btns button {
3765 margin: 0 3px;
3766 }
3767 .vbo-roverw-setnewrate-btns button.btn-danger {
3768 border-radius: 3px;
3769 padding: 10px 14px;
3770 margin-bottom: 0;
3771 }
3772 .vbo-info-overlay-loading {
3773 display: none;
3774 position: fixed;
3775 left: 40%;
3776 top: 40%;
3777 width: 20%;
3778 height: 20%;
3779 z-index: 101;
3780 padding: 10px;
3781 color: #fff;
3782 font-size: 30px;
3783 text-align: center;
3784 }
3785 .vbo-modal-overlay-content-body-scroll {
3786 height: calc(100% - 200px);
3787 overflow: hidden;
3788 overflow-y: scroll;
3789 }
3790 .vbo-roverviewrowone .bluedays {
3791 background: var(--vbo-base-color);
3792 color: #fff;
3793 padding: 6px 15px;
3794 cursor: pointer;
3795 }
3796 .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i {
3797 color: var(--vbo-body-text-color);
3798 }
3799 .vbo-roverviewrowone .vbo-roverw-tablewday-wend {
3800 background: #095880;
3801 }
3802 .vbo-roverviewrowone .vbo-roverv-festcell {
3803 background: #a07e9a !important;
3804 cursor: pointer;
3805 }
3806 .vbo-roverviewrowone .vbo-roverv-festcell:hover {
3807 background-color: #bf8cb6 !important;
3808 }
3809 .vbo-roverviewrowone .vbo-roverv-festcell:active {
3810 background-color: #cca5c5 !important;
3811 }
3812 .vbo-roverviewrowone .bluedays > span {
3813 display: block;
3814 }
3815 .vbo-roverw-roomdaynote-icn {
3816 position: relative;
3817 }
3818 .vbo-roverw-roomdaynote-icn i {
3819 position: absolute;
3820 right: -10px;
3821 top: 2px;
3822 font-size: 12px;
3823 }
3824 .vbo-roverw-roomdaynote-icn:hover i {
3825 color: var(--vbo-body-text-color);
3826 }
3827 .vbo-roverviewrowone .vbo-roverw-tablewday {
3828 color: #fff;
3829 font-size: 12px;
3830 }
3831 .vbo-roverviewrowone .vbo-roverw-tablemday {
3832 font-size: 24px;
3833 margin: 3px 0;
3834 }
3835 .vbo-roverw-tablemonth {
3836 font-size: 12px;
3837 color: #fff;
3838 text-transform: uppercase;
3839 font-weight: normal;
3840 }
3841 .vbo-roverviewrowone form[name^="vbratesoverview"] > * {
3842 display: inline-block;
3843 vertical-align: top;
3844 }
3845 .vbo-roverview-datecmd {
3846 margin-bottom: 3px;
3847 }
3848 .vbo-roverview-datecmd form {
3849 margin: 0 !important;
3850 }
3851 .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link,
3852 .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited {
3853 color: var(--vbo-blue-color);
3854 font-size: 15px;
3855 text-decoration: none;
3856 margin-top: 5px;
3857 background: var(--vbo-body-bg-color);
3858 padding: 3px 5px;
3859 display: inline-block;
3860 width: 15px;
3861 border-radius: 2px;
3862 vertical-align: top;
3863 }
3864 .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover {
3865 text-decoration: none;
3866 color: var(--vbo-config-titles-color-light);
3867 }
3868 .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday {
3869 margin-right: 10px;
3870 }
3871 .vbo-roverviewrowone form[name^="vbratesoverview"] {
3872 margin-bottom: 0;
3873 padding: 0 10px;
3874 }
3875 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
3876 font-size: 15px;
3877 text-decoration: none;
3878 margin-top: 5px;
3879 background: var(--vbo-input-style);
3880 padding: 8px 5px;
3881 display: inline-block;
3882 width: 112px;
3883 border-radius: 2px;
3884 vertical-align: top;
3885 }
3886 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
3887 width: 70px !important;
3888 cursor: pointer;
3889 margin: -3px 0 0 3px;
3890 border: 0;
3891 padding: 0;
3892 font-weight: bold;
3893 }
3894 .vbo-roverview-datecmd a {
3895 display: inline-block;
3896 }
3897 .vbo-roverviewtablerow td {
3898 padding: 15px 10px;
3899 }
3900 .vbo-roverviewtablerow .vbo-roverv-rplan-restricted {
3901 padding: 9px 10px 22px;
3902 }
3903 .vbo-roverviewtableavrow td {
3904 padding: 10px 10px;
3905 }
3906 .vbo-roverviewtablerow td:first-child {
3907 font-weight: bold;
3908 background: var(--vbo-config-child-bg-color);
3909 background-clip: padding-box;
3910 }
3911 .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child {
3912 background: var(--vbo-config-bg-color) !important;
3913 font-weight: bold;
3914 padding: 10px;
3915 font-size: 14px;
3916 }
3917 .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child {
3918 border: 0;
3919 }
3920 td.vbo-roverw-daynotbusy {
3921 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
3922 color: var(--vbo-body-text-color);
3923 cursor: not-allowed;
3924 }
3925 td.vbo-roverw-daybusy {
3926 background: var(--vbo-red-color) none repeat scroll 0 0;
3927 color: #fff;
3928 cursor: not-allowed;
3929 }
3930 td.vbo-roverw-daybusypartially {
3931 background: var(--vbo-orange-color) none repeat scroll 0 0;
3932 color: #fff;
3933 cursor: not-allowed;
3934 }
3935 td.vbo-roverw-daybusy:hover {
3936 cursor: pointer;
3937 }
3938 .vbo-roverview-roomunits {
3939 background: #3e6372 none repeat scroll 0 0;
3940 border-radius: 50%;
3941 color: #fff;
3942 display: inline-block;
3943 font-size: 11px;
3944 font-weight: bold;
3945 margin: 0 5px 0 0;
3946 height: 14px;
3947 width: 14px;
3948 line-height: 14px;
3949 padding: 3px;
3950 text-align: center;
3951 }
3952 .vbo-info-overlay-content-rovervw {
3953 padding: 20px 10px !important;
3954 height: 80% !important;
3955 }
3956 .ui-datepicker-multi-2 .ui-datepicker-group {
3957 width: 49% !important;
3958 }
3959 .vbo-roverw-setnewrate-vcm {
3960 padding: 4px;
3961 display: block;
3962 width: 50%;
3963 margin: 0 auto;
3964 }
3965 .vbo-roverw-setnewrate-vcm-head {
3966 margin-bottom: 5px;
3967 font-weight: bold;
3968 }
3969 .vbo-roverw-setnewrate-vcm-body {
3970 text-align: center;
3971 }
3972 .vbo-vcm-notinstalled {
3973 color: var(--vbo-red-color);
3974 }
3975 .vbo-vcm-installed {
3976 color: var(--vbo-config-title-color);
3977 }
3978 .vbo-vcm-installed i, .vbo-vcm-installed i.wp-quest-popover {
3979 font-size: 14px;
3980 margin-right: 5px;
3981 color: var(--vbo-config-titles-color-light);
3982 }
3983 /* Rates, Restrictions and Seasons Calendar - End */
3984 /* Toggle Switch - Start */
3985 /* The switch - the box around the slider */
3986 .vbo-switch {
3987 position: relative;
3988 display: inline-block;
3989 width: 60px;
3990 height: 34px;
3991 }
3992 /* Hide default HTML checkbox */
3993 .vbo-switch input {
3994 display: none;
3995 }
3996 /* The slider */
3997 .vbo-slider {
3998 position: absolute;
3999 cursor: pointer;
4000 top: 0;
4001 left: 0;
4002 right: 0;
4003 bottom: 0;
4004 background-color: #ccc;
4005 -webkit-transition: .4s;
4006 transition: .4s;
4007 }
4008 .vbo-slider.vbo-slider-disabled {
4009 cursor: not-allowed;
4010 }
4011 .vbo-slider:before {
4012 position: absolute;
4013 content: "";
4014 height: 26px;
4015 width: 26px;
4016 left: 4px;
4017 bottom: 4px;
4018 background-color: white;
4019 -webkit-transition: .4s;
4020 transition: .4s;
4021 }
4022 input:checked + .vbo-slider {
4023 background-color: #2196F3;
4024 }
4025 input:focus + .vbo-slider {
4026 box-shadow: 0 0 1px #2196F3;
4027 }
4028 input:checked + .vbo-slider:before {
4029 -webkit-transform: translateX(26px);
4030 -ms-transform: translateX(26px);
4031 transform: translateX(26px);
4032 }
4033 /* Rounded sliders */
4034 .vbo-slider.vbo-round {
4035 border-radius: 34px;
4036 }
4037 .vbo-slider.vbo-round:before {
4038 border-radius: 50%;
4039 }
4040 /* Toggle Switch - End */
4041 .new_depovr_container {
4042 margin: 4px 0 15px;
4043 padding: 10px;
4044 border: 1px solid var(--vbo-config-border-color);
4045 border-radius: 4px;
4046 }
4047 .new_depovr_container > span {
4048 display: inline-block;
4049 vertical-align: top;
4050 margin-right: 23px;
4051 }
4052 .new_depovr_container > span:last-child {
4053 margin-right: 0;
4054 float: right;
4055 }
4056 .new_depovr_container > span > span {
4057 display: inline-block;
4058 margin: 0 5px;
4059 }
4060 .new_depovr_container > span > .btn-danger {
4061 padding: 8px 13px 11px;
4062 font-weight: bold;
4063 font-size: 20px;
4064 line-height: 16px;
4065 }
4066 input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more {
4067 margin: 0 !important;
4068 }
4069 .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] {
4070 width: 100px !important;
4071 }
4072 .cur_depoverrides {
4073 margin: 0 0 4px 0;
4074 display: inline-block;
4075 }
4076 .cur_depoverrides span {
4077 margin: 3px;
4078 border-bottom: 1px solid var(--vbo-config-text-color-light);
4079 border: 1px solid var(--vbo-config-border-color);
4080 padding: 5px 8px;
4081 border-radius: 3px;
4082 background: var(--vbo-config-child-bg-color);
4083 display: inline-block;
4084 }
4085 .cur_depoverrides span:first-child {
4086 margin-left: 0;
4087 }
4088 .cur_depoverrides + .btn {
4089 display: inline-block;
4090 vertical-align: top;
4091 margin-top: 3px;
4092 padding: 5px 10px;
4093 }
4094 /* Timeline Rates Overview - Start */
4095 .vbo-ratesoverview-lostab-cont .table-responsive {
4096 width: 98%;
4097 margin: 10px auto 20px;
4098 border-radius: 10px;
4099 box-shadow: 0 0px 8px rgba(0,0,0,.15);
4100 }
4101 .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td {
4102 border-top: 1px solid var(--vbo-config-border-color);
4103 }
4104 .vbo-timeline-container {
4105 display: block;
4106 width: 100%;
4107 margin: auto auto 0;
4108 overflow: auto;
4109 }
4110 #vbo-timeline {
4111 list-style: none;
4112 margin: 70px auto 0;
4113 padding: 0;
4114 border-top: 8px solid var(--vbo-blue-color);
4115 display: table;
4116 border-spacing: 30px 0;
4117 text-align: center;
4118 }
4119 #vbo-timeline li {
4120 display: table-cell;
4121 height: 160px;
4122 }
4123 #vbo-timeline li .vbo-timeline-relative {
4124 position: relative;
4125 }
4126 #vbo-timeline p {
4127 margin: 0;
4128 }
4129 .vbo-timeline-date {
4130 text-align: center;
4131 top: -45px;
4132 left: 0;
4133 right: 0;
4134 font-size: 0.95em;
4135 line-height: 25px;
4136 position: absolute;
4137 font-weight: bold;
4138 }
4139 .vbo-timeline-circle {
4140 margin: 0 auto;
4141 top: -14px;
4142 left: 0;
4143 right: 0;
4144 width: 10px;
4145 height: 10px;
4146 background: var(--vbo-config-bg-color);
4147 border: 5px solid var(--vbo-blue-color);
4148 border-radius: 50%;
4149 display: block;
4150 position: absolute;
4151 cursor: pointer;
4152 }
4153 .vbo-timeline-content {
4154 border-color: var(--vbo-main-bg-color);
4155 width: 180px;
4156 max-height: 120px;
4157 margin-top: 25px;
4158 vertical-align: top;
4159 padding: 35px 15px 15px;
4160 transition: width 0.2s linear, max-height 0.2s linear;
4161 border-width: 2px;
4162 border-style: solid;
4163 border-radius: 0.5em;
4164 position: relative;
4165 }
4166 .vbo-timeline-content:before, .vbo-timeline-content:after {
4167 content: "";
4168 width: 0;
4169 height: 0;
4170 border: solid transparent;
4171 position: absolute;
4172 pointer-events: none;
4173 bottom: 100%;
4174 }
4175 .vbo-timeline-content:before {
4176 border-bottom-color: inherit;
4177 border-width: 15px;
4178 left: 50%;
4179 margin-left: -15px;
4180 }
4181 .vbo-timeline-content:after {
4182 border-bottom-color: var(--vbo-config-bg-color);
4183 border-width: 12px;
4184 left: 50%;
4185 margin-left: -12px;
4186 }
4187 .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info {
4188 background-color: transparent !important;
4189 border: 1px solid var(--vbo-blue-color);
4190 color: var(--vbo-blue-color);
4191 padding: 8px 6px !important;
4192 vertical-align: top;
4193 }
4194 .vbo-timeline-content .label-info .badge {
4195 background: var(--vbo-blue-color) !important;
4196 margin-left: 2px;
4197 }
4198 .vbo-timeline-content .btn {
4199 padding: 8px 15px;
4200 box-shadow: none;
4201 border-color: var(--vbo-config-border-color);
4202 vertical-align: top;
4203 }
4204 .vbo-timeline-content .btn i {
4205 margin-right: 5px;
4206 }
4207 .vbo-timeline-content p {
4208 max-height: 0;
4209 color: transparent;
4210 text-align: center;
4211 /* text-align: justify; */
4212 word-break: break-word;
4213 -moz-hyphens: auto;
4214 overflow: hidden;
4215 }
4216 .vbo-ratesoverview-bottom-container {
4217 background: var(--vbo-config-bg-color);
4218 }
4219 label.vbo-timeline-label {
4220 font-size: 1.2em;
4221 position: absolute;
4222 z-index: 1;
4223 cursor: pointer;
4224 width: 180px;
4225 white-space: nowrap;
4226 text-overflow: ellipsis;
4227 overflow: hidden;
4228 display: block;
4229 top: 35px;
4230 left: 15px;
4231 }
4232 .vbo-timeline-radio {
4233 display: none;
4234 }
4235 .vbo-timeline-radio:checked + .vbo-timeline-relative label {
4236 cursor: auto;
4237 width: 300px;
4238 }
4239 .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
4240 background: var(--vbo-green-color);
4241 }
4242 .vbo-timeline-radio:checked ~ .vbo-timeline-content {
4243 max-height: 180px;
4244 border-color: var(--vbo-blue-color);
4245 width: 300px;
4246 }
4247 .vbo-timeline-radio:checked ~ .vbo-timeline-content p {
4248 max-height: 180px;
4249 min-height: 35px;
4250 color: var(--vbo-config-title-color);
4251 transition: color 0.3s linear 0.3s;
4252 -webkit-transition: color 0.3s linear 0.3s;
4253 }
4254 .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4255 max-height: 0;
4256 max-width: 0;
4257 color: transparent;
4258 word-break: break-word;
4259 -moz-hyphens: auto;
4260 overflow: hidden;
4261 }
4262 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel {
4263 max-height: 180px;
4264 min-height: 35px;
4265 color: #fff;
4266 transition: color 0.3s linear 0.3s;
4267 -webkit-transition: color 0.3s linear 0.3s;
4268 }
4269 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount {
4270 background-color: var(--vbo-orange-color);
4271 }
4272 .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge {
4273 background-color: var(--vbo-input-style-nested-deactive);
4274 color: var(--vbo-body-text-color);
4275 }
4276 /* Timeline Rates Overview - End */
4277 /* Translations - Start */
4278 .vbo-translation-langtabs {
4279 display: block;
4280 margin: 0;
4281 padding: 0;
4282 background: var(--vbo-config-bg-color);
4283 border: 1px solid var(--vbo-config-border-color);
4284 }
4285 .vbo-translation-tab {
4286 display: inline-block;
4287 cursor: pointer;
4288 vertical-align: middle;
4289 font-weight: bold;
4290 min-width: 120px;
4291 text-align: center;
4292 color: var(--vbo-config-titles-color-light);
4293 border-right: 1px solid var(--vbo-config-border-color);
4294 border-bottom: none;
4295 margin: 0 0 -1px;
4296 padding: 12px 14px;
4297 }
4298 .vbo-translation-tab .vbo-translation-flag {
4299 margin-right: 5px;
4300 }
4301 .vbo-translation-tab:hover {
4302 background: var(--vbo-config-child-bg-color);
4303 }
4304 .vbo-translation-tab-default {
4305 border-bottom: 2px solid var(--vbo-blue-color);
4306 color: var(--vbo-blue-color);
4307 }
4308 .vbo-translation-tabscontents {
4309 display: block;
4310 margin: 0;
4311 padding: 0;
4312 border: 1px solid var(--vbo-config-border-color);
4313 min-height: 200px;
4314 }
4315 .vbo-translation-langcontent {
4316 background: var(--vbo-main-bg-color);
4317 }
4318 .vbo-translation-langcontent .adminlegend {
4319 margin: 10px 20px 0;
4320 border-bottom: 0;
4321 color: var(--vbo-config-title-color);
4322 }
4323 .vbo-translations-tab-container {
4324 padding: 0 10px;
4325 }
4326 .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element {
4327 background: var(--vbo-config-bg-color);
4328 border-radius: 8px;
4329 padding: 20px;
4330 margin: 15px 10px;
4331 box-shadow: 0 5px 10px rgba(0,0,0,.05);
4332 }
4333 .vbo-translations-element-title {
4334 border-bottom: 1px solid var(--vbo-basic-btn);
4335 font-size: 16px;
4336 font-weight: bold;
4337 padding-bottom: 10px;
4338 margin-bottom: 10px;
4339 }
4340 .vbo-translations-element-row {
4341 display: flex;
4342 margin: 25px 0;
4343 font-size: 14px;
4344 }
4345 .vbo-translations-element-row-nested {
4346 margin: 0 0 0 10px;
4347 padding: 10px;
4348 background: var(--vbo-config-child-bg-color);
4349 border-bottom: 1px solid var(--vbo-basic-btn);
4350 }
4351 .vbo-translations-element-row .vbo-translations-element-lbl {
4352 flex-basis: 250px;
4353 margin-right: 20px;
4354 margin-bottom: 5px;
4355 }
4356 .vbo-translations-element-row-nested .vbo-translations-element-lbl {
4357 margin-right: 0;
4358 }
4359 .vbo-translations-element-row .vbo-translations-element-val {
4360 flex: 1;
4361 }
4362 .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe {
4363 height: 250px !important;
4364 }
4365 .vbo-translations-element-row .vbo-translations-element-val textarea {
4366 width: 100%;
4367 }
4368 .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl {
4369 padding-left: 35px;
4370 }
4371 .vbo-translations-language-element .vbo-translations-element-lbl {
4372 position: relative;
4373 }
4374 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions {
4375 position: absolute;
4376 margin-top: 5px;
4377 display: flex;
4378 gap: 5px;
4379 /*padding: 4px 8px;*/
4380 /*background-color: var(--vbo-basic-btn);*/
4381 /*border: 1px solid var(--vbo-config-border-color);*/
4382 /*cursor: pointer;*/
4383 /*border-radius: 4px;*/
4384 }
4385 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > * {
4386 display: block;
4387 padding: 4px 8px;
4388 background-color: var(--vbo-basic-btn);
4389 border: 1px solid var(--vbo-config-border-color);
4390 cursor: pointer;
4391 border-radius: 4px;
4392 }
4393 .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > *:hover {
4394 background-color: var(--vbo-basic-btn-hover);
4395 }
4396 .vbo-translate-column-cell {
4397 background: none repeat scroll 0 0 #e9e9e9;
4398 border-right: 1px solid #ddd;
4399 text-align: right !important;
4400 vertical-align: middle !important;
4401 }
4402 .vbo-translate-reference-cell {
4403 background: none repeat scroll 0 0 #e9e9e9;
4404 text-align: left !important;
4405 font-size: 105%;
4406 font-weight: bold;
4407 }
4408 .vbo-missing-translation,.vbo-field-translated {
4409 position: relative;
4410 }
4411 .vbo-missing-translation:before {
4412 border: 1px solid var(--vbo-orange-color);
4413 border-radius: 50%;
4414 color: var(--vbo-orange-color);
4415 content: "!";
4416 font-size: 12px;
4417 font-weight: bold;
4418 height: 18px;
4419 left: 2px;
4420 position: absolute;
4421 text-align: center;
4422 top: 0px;
4423 width: 18px;
4424 }
4425 .vbo-field-translated:before {
4426 border: 1px solid var(--vbo-green-color);
4427 border-radius: 50%;
4428 color: var(--vbo-green-color);
4429 content: "\2713";
4430 font-size: 12px;
4431 font-weight: bold;
4432 height: 18px;
4433 left: 2px;
4434 position: absolute;
4435 text-align: center;
4436 top: 0px;
4437 width: 18px;
4438 }
4439 .vbo-translation-tab.vbo-translation-tab-ini {
4440 float: right;
4441 border-right: 0;
4442 }
4443 .vbo-translation-tab-ini.vbo-translation-tab-default {
4444 border-bottom: 0;
4445 }
4446 .vbo-translation-iniflag {
4447 display: inline-block;
4448 padding: 1px 4px;
4449 background: none repeat scroll 0 0 #365868;
4450 color: #fff;
4451 border-radius: 2px;
4452 }
4453 .vbo-inifile-totrows {
4454 display: inline-block;
4455 margin-right: 8px;
4456 padding: 2px 4px;
4457 border: 1px solid #fff;
4458 border-radius: 5px;
4459 text-align: center;
4460 }
4461 .vbo-inifile-path {
4462 display: inline-block;
4463 margin-right: 8px;
4464 padding: 2px 4px;
4465 border: 1px solid #fff;
4466 border-radius: 5px;
4467 text-align: center;
4468 font-size: 90%;
4469 }
4470 .vbo-inifile-exists {
4471 background: none repeat scroll 0 0 #DFF2BF;
4472 color: #4F8A10;
4473 }
4474 .vbo-inifile-notfound {
4475 background: none repeat scroll 0 0 #FEEFB3;
4476 color: #9F6000;
4477 }
4478 /* Translations - End */
4479
4480 /* Dashboard - Start */
4481 .vbo-dashboard-fullcontainer {
4482 background: var(--vbo-main-bg-color);
4483 padding: 10px 0;
4484 }
4485 .vbo-dashboard-top-outer {
4486 display: flex;
4487 flex-wrap: wrap;
4488 padding: 18px
4489 }
4490 .vbo-dashboard-today-bookings {
4491 flex-basis: 70%;
4492 display: flex;
4493 -ms-flex-wrap: wrap;
4494 -webkit-flex-wrap: wrap;
4495 flex-wrap: wrap;
4496 }
4497 .vbo-dashboard-top-outer .vbo-dashboard-top-right {
4498 flex: 1;
4499 }
4500 .vbo-dashboard-forecast-wrap {
4501 background-color: #fff;
4502 border-radius: 16px;
4503 box-shadow: 0 0px 20px rgba(0,0,0,.1);
4504 }
4505 .vbo-dashboard-forecast-wrap h4 {
4506 font-size: 20px;
4507 font-weight: bold;
4508 padding: 23px 0px 22px 15px;
4509 margin-top: 0;
4510 border-bottom: 1px solid #ddd;
4511 text-align: center;
4512 }
4513 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner {
4514 display: flex;
4515 border: 2px solid var(--vbo-red-color);
4516 border-radius: 6px;
4517 padding: 14px;
4518 margin: 10px 20px 0;
4519 }
4520 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4521 border: 0;
4522 }
4523 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4524 flex-basis: 52px;
4525 }
4526 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i {
4527 width: 36px;
4528 height: 36px;
4529 border-radius: 50%;
4530 line-height: 36px;
4531 background: var(--vbo-base-color);
4532 color: #fff;
4533 font-size: 16px;
4534 text-align: center;
4535 box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2);
4536 }
4537 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4538 cursor: pointer;
4539 display: inline-block;
4540
4541 transition-timing-function: ease-in;
4542 transition: 0.2s;
4543 transform: translateY(-10px);
4544 }
4545 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4546 cursor: inherit;
4547 }
4548 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner {
4549 overflow: hidden;
4550 padding-bottom: 5px;
4551 padding-top: 10px;
4552 margin-top: 0;
4553 }
4554 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner {
4555 backface-visibility: hidden;
4556 transform: translateZ(0);
4557 transition: all 0.2s ease-in;
4558 padding-bottom: 14px;
4559 }
4560 .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4561 margin-top: 0;
4562
4563 transition-timing-function: ease-out;
4564 transition: 0.25s;
4565 transform: translateY(0px);
4566 }
4567 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon {
4568 position: absolute;
4569 }
4570 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span {
4571 transform: translateY(-25px);
4572 }
4573 .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span {
4574 transform: translateY(-60px);
4575 }
4576 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help {
4577 flex: 1;
4578 position: relative;
4579 }
4580 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 {
4581 margin-top: 0;
4582 margin-bottom: 5px;
4583 color: var(--vbo-base-color);
4584 font-size: 14px;
4585 }
4586 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span {
4587 position: absolute;
4588 right: -24px;
4589 top: -24px;
4590 background: var(--vbo-config-title-color);
4591 border: 2px solid var(--vbo-basic-btn);
4592 color: var(--vbo-basic-btn);
4593 width: 20px;
4594 height: 20px;
4595 text-align: center;
4596 line-height: 20px;
4597 border-radius: 50%;
4598 cursor: pointer;
4599 }
4600 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title {
4601 font-weight: bold;
4602 margin: 0;
4603 }
4604 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help {
4605 margin: 0;
4606 }
4607 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link {
4608 margin-top: 8px;
4609 }
4610 .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i {
4611 margin-right: 4px;
4612 }
4613 .vbo-admin-widget-head-commands {
4614 position: relative;
4615 }
4616 .vbo-reportwidget-commands {
4617 text-align: right;
4618 padding-right: 15px;
4619 margin-bottom: 10px;
4620 display: flex;
4621 justify-content: flex-end;
4622 }
4623 .vbo-reportwidget-commands > div {
4624 display: inline-block;
4625 }
4626 .vbo-reportwidget-commands-main {
4627 display: flex;
4628 align-self: center;
4629 }
4630 .vbo-reportwidget-commands-main > div {
4631 display: inline-block;
4632 vertical-align: top;
4633 }
4634 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add {
4635 font-size: 16px;
4636 color: var(--vbo-base-color);
4637 cursor: pointer;
4638 }
4639 .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover {
4640 color: var(--vbo-blue-color);
4641 }
4642 .vbo-reportwidget-command-dates {
4643 margin-right: 5px;
4644 }
4645 .vbo-reportwidget-command-dates .vbo-reportwidget-period-name {
4646 font-weight: bold;
4647 font-size: 1.1em;
4648 }
4649 .vbo-reportwidget-command-chevron {
4650 margin-top: 4px;
4651 }
4652 .vbo-reportwidget-command-chevron .vbo-reportwidget-back {
4653 margin-right: 5px;
4654 }
4655 .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next {
4656 margin-left: 5px;
4657 }
4658 .vbo-reportwidget-command-chevron > span {
4659 display: inline-block;
4660 font-size: 14px;
4661 border: 1px solid #ddd;
4662 padding: 5px 10px;
4663 border-radius: 2px;
4664 background: #f6f6f6;
4665 cursor: pointer;
4666 }
4667 .vbo-reportwidget-command-chevron > span:hover {
4668 background: #eee;
4669 }
4670 .vbo-reportwidget-command-chevron > span:active {
4671 background: #fff;
4672 }
4673 .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
4674 vertical-align: top;
4675 margin: 2px 0 0 4px;
4676 padding: 8px 0 8px 10px;
4677 font-size: 16px;
4678 cursor: pointer;
4679 display: inline-block;
4680 }
4681 .vbo-reportwidget-command-dots:hover {
4682 color: var(--vbo-base-color);
4683 }
4684 .vbo-reportwidget-filters {
4685 display: none;
4686 position: absolute;
4687 right: 30px;
4688 background: var(--vbo-config-bg-color);
4689 padding: 20px;
4690 border-radius: 10px;
4691 box-shadow: 0 4px 18px rgba(0,0,0,.15);
4692 z-index: 1;
4693 min-width: 150px;
4694 }
4695 .vbo-reportwidget-filters .vbo-reportwidget-datepicker {
4696 background-color: var(--vbo-input-style);
4697 border: 1px solid var(--vbo-config-border-color);
4698 border-radius: 2px;
4699 margin-bottom: 0;
4700 display: inline-block;
4701 box-sizing: border-box;
4702 padding: 0 0 0 10px;
4703 width: 100%;
4704 display: flex;
4705 }
4706 .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] {
4707 border: 0;
4708 height: auto;
4709 padding: 9px 10px 9px 15px;
4710 margin-bottom: 0;
4711 }
4712 .vbo-reportwidget-filters .vbo-reportwidget-datepicker i {
4713 color: var(--vbo-config-titles-color-light);
4714 font-size: 15px;
4715 margin-top: 15px;
4716 float: left;
4717 }
4718 .vbo-reportwidget-filter .select2-container {
4719 width: 100% !important;
4720 }
4721 .vbo-reportwidget-filter .select2-container--default .select2-selection--multiple {
4722 background-color: var(--vbo-input-style);
4723 border: 1px solid var(--vbo-config-border-color);
4724 border-radius: 2px;
4725 box-sizing: border-box;
4726 padding: 0 0 0 10px;
4727 width: 100%;
4728 }
4729 .vbo-reportwidget-filters select {
4730 width: 100% !important;
4731 margin-bottom: 0;
4732 border-radius: 2px;
4733 border: 1px solid var(--vbo-config-border-color);
4734 padding: 8px 10px;
4735 margin: 0;
4736 height: inherit;
4737 }
4738 .vbo-reportwidget-filters .vbo-reportwidget-filter {
4739 margin: 5px 0 8px;
4740 }
4741 .vbo-reportwidget-filters .vbo-widget-notifscenter-onlyunread > span {
4742 vertical-align: middle;
4743 display: inline-block;
4744 }
4745 .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters {
4746 width: 240px;
4747 }
4748 .vbo-reportwidget-filter-confirm button {
4749 width: 100%;
4750 }
4751 .vbo-reportwidget-chart {
4752 padding-bottom: 15px;
4753 }
4754 .vbo-reportwidget-chart .err {
4755 margin: 20px;
4756 }
4757 #vbo-report-chart-canvas {
4758 max-width: 100%;
4759 margin: 0 auto;
4760 }
4761 .vbo-reportwidget-chart-metas {
4762 display: flex;
4763 flex-wrap: wrap;
4764 justify-content: center;
4765 margin: 0 10px 15px;
4766 }
4767 .vbo-reportwidget-chart-meta {
4768 flex-basis: calc(33% - 10px);
4769 flex-grow: 1;
4770 }
4771 .vbo-reportwidget-chart-meta-inner {
4772 background: var(--vbo-config-bg-color);
4773 border: 1px solid var(--vbo-basic-btn);
4774 border-bottom: 3px solid var(--vbo-basic-btn);
4775 padding: 20px;
4776 border-radius: 16px;
4777 margin: 5px;
4778 position: relative;
4779 }
4780 .vbo-reportwidget-chart-meta-inner:after {
4781 height: 30px;
4782 width: 4px;
4783 background: var(--vbo-config-border-color);
4784 content: "";
4785 position: absolute;
4786 left: -3px;
4787 top: 17px;
4788 }
4789 .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after {
4790 background-color: var(--vbo-blue-color);
4791 }
4792 .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after {
4793 background-color: var(--vbo-red-color);
4794 }
4795 .vbo-reportwidget-chart-meta-lbl {
4796 font-weight: bold;
4797 color: var(--vbo-config-titles-color-light);
4798 margin-bottom: 6px;
4799 }
4800 .vbo-reportwidget-chart-meta-val {
4801 font-size: 26px;
4802 font-weight: bold;
4803 }
4804 .vbo-reportwidget-chart-meta-val-main {
4805 display: inline-block;
4806 margin: 4px 0 6px;
4807 white-space: nowrap;
4808 font-size: 20px;
4809 font-weight: bold;
4810 }
4811 .vbo-guestactivitywidget-commands {
4812 text-align: right;
4813 padding: 5px 15px 10px 0;
4814 }
4815 .vbo-guestactivitywidget-commands > div {
4816 display: inline-block;
4817 }
4818 .vbo-guestactivitywidget-commands-main > div {
4819 display: inline-block;
4820 vertical-align: top;
4821 }
4822 .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-commands-main {
4823 display: flex;
4824 justify-content: right;
4825 }
4826 .vbo-guestactivitywidget-command-chevron {
4827 margin-top: 4px;
4828 }
4829 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back {
4830 margin-right: 5px;
4831 }
4832 .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next {
4833 margin-left: 5px;
4834 }
4835 .vbo-guestactivitywidget-command-chevron > span:not(.vbo-guestactivitywidget-page) {
4836 display: inline-block;
4837 font-size: 14px;
4838 border: 1px solid var(--vbo-config-border-color);
4839 padding: 5px 10px;
4840 border-radius: 2px;
4841 background: var(--vbo-config-child-bg-color);
4842 cursor: pointer;
4843 }
4844 .vbo-guestactivitywidget-command-chevron > span:hover {
4845 background: var(--vbo-basic-btn);
4846 }
4847 .vbo-guestactivitywidget-command-chevron > span:active {
4848 background: var(--vbo-config-bg-color);
4849 }
4850 .vbo-guestactivitywidget-commands-main > .vbo-guestactivitywidget-command-page {
4851 align-self: center;
4852 }
4853 .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page {
4854 padding: 5px 10px;
4855 background: transparent !important;
4856 font-size: .9;
4857 }
4858 .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page:hover {
4859 color: inherit;
4860 }
4861 .vbo-widget-finance-list .vbo-widget-finance-rooms-filtered-cont {
4862 padding: 12px 10px 0;
4863 font-weight: bold;
4864 font-size: 1.15em;
4865 }
4866 .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks {
4867 display: grid;
4868 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
4869 gap: 10px;
4870 padding: 10px;
4871 width: 100%;
4872 box-sizing: border-box;
4873 }
4874 .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block {
4875 background: var(--vbo-config-bg-color);
4876 border: 1px solid var(--vbo-basic-btn);
4877 border-bottom: 3px solid var(--vbo-basic-btn);
4878 padding: 15px;
4879 border-radius: 16px;
4880 }
4881 .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank {
4882 background: var(--vbo-config-bg-color);
4883 border: 1px solid var(--vbo-basic-btn);
4884 border-bottom: 3px solid var(--vbo-basic-btn);
4885 padding: 15px;
4886 border-radius: 16px;
4887 position: relative;
4888 }
4889 .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] {
4890 border-color: #4e9b0059;
4891 background: #4e9b000f;
4892 }
4893 .vbo-widget-finance-stat-info {
4894 display: flex;
4895 }
4896 .vbo-widget-finance-stat-cmd {
4897 margin-left: auto;
4898 cursor: pointer;
4899 display: inline-block;
4900 padding: 0 0 0px 10px;
4901 }
4902
4903 .vbo-widget-finance-stat-cmd:hover i {
4904 color: var(--vbo-base-color);
4905 }
4906 .vbo-widget-finance-stat-name {
4907 font-weight: 500;
4908 margin-bottom: 6px;
4909 }
4910 .vbo-widget-finance-stat-amount {
4911 margin-top: 6px;
4912 }
4913 .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value {
4914 font-weight: bold;
4915 font-size: 18px;
4916 }
4917 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount {
4918 margin-top: 8px;
4919 font-size: 14px;
4920 margin-bottom: 3px;
4921 font-weight: 500;
4922 border-top: 1px solid var(--vbo-config-border-color);
4923 padding-top: 8px;
4924 }
4925 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt {
4926 font-size: 12px;
4927 display: inline-block;
4928 margin-left: 2px;
4929 color: var(--vbo-config-titles-color-light);
4930 }
4931 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-val {
4932 padding: 3px 5px;
4933 border-radius: 20px;
4934 font-size: 11px;
4935 margin-right: 2px;
4936 }
4937 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val {
4938 color: var(--vbo-success-txt);
4939 background: var(--vbo-success-bg);
4940 }
4941 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val {
4942 color: var(--vbo-error-txt);
4943 background: var(--vbo-error-bg);
4944 }
4945 .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val {
4946 color: var(--vbo-info-txt);
4947 background: var(--vbo-info-bg);
4948 }
4949 .vbo-widget-finance-data-block-rankings {
4950 padding: 0 10px 10px 10px;
4951 display: grid;
4952 grid-template-columns: repeat(2, 1fr);
4953 gap: 10px;
4954 }
4955 .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name {
4956 font-size: 14px;
4957 margin-bottom: 10px;
4958 }
4959 .vbo-widget-finance-stat-rank {
4960 display: flex;
4961 margin-bottom: 10px;
4962 }
4963 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo {
4964 margin-right: 10px;
4965 }
4966 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i {
4967 width: 25px;
4968 text-align: center;
4969 height: 25px;
4970 line-height: 25px !important;
4971 border: 1px solid var(--vbo-config-border-color);
4972 border-radius: 50%;
4973 background: var(--vbo-config-child-bg-color);
4974 font-size: 11px;
4975 }
4976 .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img {
4977 width: 25px;
4978 height: 25px;
4979 object-fit: cover;
4980 border-radius: 50%;
4981 }
4982 .vbo-widget-finance-stat-rank-score {
4983 display: flex;
4984 flex-wrap: wrap;
4985 width: 100%;
4986 }
4987 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent {
4988 flex-basis: 100%;
4989 }
4990 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress,
4991 .vbo-upload-progress progress {
4992 width: 100%;
4993 border-radius: 20px;
4994 height: 10px;
4995 -webkit-appearance: none;
4996 appearance: none;
4997 }
4998 .vbo-upload-progress progress {
4999 width: 200px;
5000 }
5001 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar,
5002 .vbo-upload-progress progress::-webkit-progress-bar {
5003 background: var(--vbo-basic-btn);
5004 border-radius: 20px;
5005 }
5006 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value,
5007 .vbo-upload-progress progress::-webkit-progress-value {
5008 background: var(--vbo-base-color);
5009 border-radius: 20px;
5010 }
5011 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar,
5012 .vbo-upload-progress progress::-moz-progress-bar {
5013 background: var(--vbo-base-color);
5014 border-radius: 20px;
5015 }
5016 .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value,
5017 .vbo-upload-progress progress::-moz-progress-value {
5018 background: var(--vbo-basic-btn);
5019 border-radius: 20px;
5020 }
5021 .vbo-widget-finance-stat-rank-amount {
5022 margin-left: auto;
5023 font-weight: bold;
5024 }
5025 .vbo-widget-finance-skeleton-block {
5026
5027 }
5028
5029 /* Tooltip - Start **/
5030 .vbo-tooltip {
5031 position: relative;
5032 }
5033 .vbo-tooltip::before,
5034 .vbo-tooltip::after {
5035 position: absolute;
5036 opacity: 0;
5037 visibility: hidden;
5038 -webkit-transition:
5039 opacity 0.3s ease-in-out,
5040 visibility 0.3s ease-in-out,
5041 -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
5042 -moz-transition:
5043 opacity 0.3s ease-in-out,
5044 visibility 0.3s ease-in-out,
5045 -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
5046 transition:
5047 opacity 0.3s ease-in-out,
5048 visibility 0.3s ease-in-out,
5049 transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
5050 -webkit-transform: translate3d(0, 0, 0);
5051 -moz-transform: translate3d(0, 0, 0);
5052 transform: translate3d(0, 0, 0);
5053 pointer-events: none;
5054 }
5055 .vbo-tooltip:hover::before,
5056 .vbo-tooltip:hover::after,
5057 .vbo-tooltip:focus::before,
5058 .vbo-tooltip:focus::after {
5059 opacity: 1;
5060 visibility: visible;
5061 }
5062 .vbo-tooltip::before {
5063 content: attr(data-tooltiptext);
5064 z-index: 10001;
5065 /* We are disabling the width because the text is exceeding the background.
5066 * width: calc(100% + 40px);
5067 */
5068 color: var(--vbo-body-text-color);
5069 background: var(--vbo-body-bg-color);
5070 border-radius: 15px;
5071 border: 1px solid var(--vbo-config-border-color);
5072 padding: 5px 10px;
5073 font-size: 12px;
5074 line-height: 1.2;
5075 text-align: center;
5076 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
5077 font-weight: normal;
5078 }
5079 .vbo-inspector-hover.vbo-tooltip::before {
5080 width: auto;
5081 font-weight: bold;
5082 }
5083 .vbo-tooltip::after {
5084 content: "";
5085 width: 0;
5086 height: 0;
5087 }
5088 .vbo-tooltip.vbo-tooltip-top::before,
5089 .vbo-tooltip.vbo-tooltip-top::after {
5090 bottom: 100%;
5091 left: 50%;
5092 transform: translate(-50%);
5093 margin-bottom: 2px;
5094 /* word-break: break-word; */
5095 }
5096 .vbo-tooltip.vbo-tooltip-bottom::before,
5097 .vbo-tooltip.vbo-tooltip-bottom::after {
5098 top: 100%;
5099 left: 50%;
5100 transform: translate(-50%);
5101 margin-top: 2px;
5102 /* word-break: break-word; */
5103 }
5104 /* Tooltip - End **/
5105
5106 .vbo-dashboard-firstsetup-container {
5107 width: 80%;
5108 margin: 0 auto;
5109 border: 1px solid var(--vbo-config-border-color);
5110 border-radius: 4px;
5111 padding: 30px;
5112 background: var(--vbo-config-bg-color);
5113 }
5114 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 {
5115 font-size: 24px;
5116 margin-top: 0;
5117 }
5118 .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 {
5119 font-weight: normal;
5120 font-size: 18px;
5121 }
5122 .vbo-dashboard-firstsetup-body {
5123 display: flex;
5124 flex-wrap: wrap;
5125 margin: 20px auto;
5126 }
5127 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
5128 flex-basis: 25%;
5129 }
5130 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap {
5131 border: 1px solid var(--vbo-config-border-color);
5132 border-radius: 8px;
5133 margin: 10px;
5134 padding: 20px;
5135 font-size: 14px;
5136 background: var(--vbo-config-bg-color);
5137 box-shadow: 0 0 10px rgba(0,0,0,.05);
5138 height: 94%;
5139 }
5140 .vbo-dashboard-firstsetup-task-number {
5141 color: #82b8d5;
5142 font-size: 32px;
5143 margin-bottom: 20px;
5144 font-weight: bold;
5145 }
5146 .vbo-dashboard-firstsetup-task-details {
5147 text-align: center;
5148 font-weight: bold;
5149 }
5150 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name {
5151 font-size: 14px;
5152 }
5153 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count {
5154 margin-top: 10px;
5155 font-size: 26px;
5156 }
5157 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val {
5158 display: inline-block;
5159 min-height: 10px;
5160 }
5161 .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done {
5162 display: block;
5163 margin-top: 22px;
5164 font-size: 22px;
5165 color: var(--vbo-green-color);
5166 }
5167 .vbo-dashboard-firstsetup-task-action {
5168 text-align: center;
5169 margin-top: 20px;
5170 }
5171 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary {
5172 background: var(--vbo-base-color);
5173 color: #fff;
5174 border: 1px solid var(--vbo-base-color);
5175 padding: 5px 15px;
5176 font-weight: bold;
5177 }
5178 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover {
5179 background: var(--vbo-base-color-hover);
5180 }
5181 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active {
5182 background: var(--vbo-link-text-color);
5183 }
5184 .vbo-dashboard-firstsetup-task-description {
5185 border-top: 1px solid var(--vbo-config-border-color);
5186 padding: 5px 10px;
5187 margin-top: 15px;
5188 color: var(--vbo-config-titles-color-light);
5189 text-align: center;
5190 background: var(--vbo-config-child-bg-color);
5191 }
5192 .vbo-dashboard-firstsetup-importbftpp-title {
5193 font-size: 16px;
5194 margin-bottom: 10px;
5195 margin-top: 20px;
5196 }
5197 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap {
5198 border-color: var(--vbo-red-color);
5199 }
5200 .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details {
5201 color: var(--vbo-red-color);
5202 }
5203 .vbo-dashboard-firstsetup-sampledata-wrap h4 {
5204 font-size: 18px;
5205 font-weight: normal;
5206 margin: 0;
5207 padding: 0;
5208 }
5209 .vbo-dashboard-firstsetup-sampledata-wrap h4 span {
5210 display: inline-block;
5211 margin-bottom: 10px;
5212 margin-right: 5px;
5213 }
5214 .btn.vbo-sampledata-btn {
5215 background: var(--vbo-base-color);
5216 color: #fff;
5217 font-weight: bold;
5218 border: 1px solid var(--vbo-base-color);
5219 }
5220 .btn.vbo-sampledata-btn:hover {
5221 background-color: var(--vbo-config-bg-color);
5222 color: var(--vbo-base-color);
5223 }
5224 .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i {
5225 font-size: 16px;
5226 }
5227 .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 {
5228 font-size: 16px;
5229 line-height: 1.4em;
5230 }
5231 .vbo-dashboard-today-bookings > div {
5232 margin: 0 18px 18px 0;
5233 }
5234 .vbo-admin-widgets-widget {
5235 display: block;
5236 border-radius: 16px;
5237 margin: 12px 0;
5238 box-shadow: 0 0px 20px rgba(0,0,0,.1);
5239 background: var(--vbo-config-bg-color);
5240 }
5241 .vbo-admin-widget-head {
5242 border-top-right-radius: 16px;
5243 border-top-left-radius: 16px;
5244 border-bottom: 1px solid var(--vbo-config-border-color);
5245 display: inline-block;
5246 width: 100%;
5247 box-sizing: border-box;
5248 }
5249 .vbo-admin-widget-head .btn-toolbar {
5250 margin: 10px 15px 10px 10px;
5251 display: inline-block;
5252 }
5253 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
5254 margin-top: 4px;
5255 }
5256 .vbo-admin-widget-head .form-control {
5257 border: 1px solid var(--vbo-config-border-color);
5258 border-radius: 2px;
5259 padding: 8px 10px;
5260 margin-bottom: 0;
5261 box-sizing: border-box;
5262 height: auto;
5263 }
5264 .vbo-admin-widget-head .btn {
5265 padding: 8px 10px;
5266 border-radius: 0 2px 2px 0;
5267 border: 1px solid var(--vbo-config-border-color);
5268 }
5269 .vvbo-admin-widget-head .btn i {
5270 margin-right: 0;
5271 }
5272 .vbo-widget-spinnner-loading {
5273 position: relative;
5274 min-height: 200px;
5275 }
5276 .vbo-widget-spinnner-loading .vbo-widget-spinnner-loading-inner {
5277 position: absolute;
5278 top: 50%;
5279 left: 50%;
5280 transform: translate(-50%, -50%);
5281 font-size: 60px;
5282 opacity: .7;
5283 }
5284 .btn.btn-small {
5285 padding: 2px 10px;
5286 font-size: 12px;
5287 -webkit-border-radius: 3px;
5288 -moz-border-radius: 3px;
5289 border-radius: 3px;
5290 }
5291 .btn.btn-rounded {
5292 border-radius: 20px;
5293 padding: 6px 14px;
5294 }
5295 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 {
5296 padding: 0 !important;
5297 text-align: left;
5298 height: 40px;
5299 }
5300 body #content .btn.btn-rounded.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #wpcontent .btn.btn-rounded.vbo-context-menu-btn:hover .vbo-context-menu-ico, body.wp-admin .btn.btn-rounded.vbo-context-menu-btn .vbo-context-menu-ico, .btn.btn-rounded.vbo-context-menu-btn .vbo-context-menu-ico {
5301 border-top-right-radius: 18px;
5302 border-bottom-right-radius: 18px;
5303 }
5304 body #content .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body #wpcontent .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body.wp-admin .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype) {
5305 display: flex;
5306 align-items: center;
5307 }
5308 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 {
5309 padding: 0 !important;
5310 background: var(--vbo-base-color);
5311 border: 1px solid var(--vbo-base-color) !important;
5312 color: var(--vbo-contrast-text-color);
5313 display: flex;
5314 height: auto;
5315 }
5316 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 {
5317 background: var(--vbo-base-color) !important;
5318 border: 1px solid var(--vbo-base-color);
5319 color: var(--vbo-contrast-text-color);
5320 }
5321 .vbo-context-menu-btn .vbo-context-menu-lbl {
5322 padding: 10px;
5323 display: inline-block;
5324 }
5325 .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl {
5326 padding: 3px 10px 3px;
5327 }
5328 .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover {
5329 border: 0;
5330 border-top-left-radius: 3px;
5331 border-bottom-left-radius: 3px;
5332 }
5333 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 {
5334 background: var(--vbo-orange-color);
5335 }
5336 .btn-warning.vbo-context-menu-btn:hover .vbo-context-menu-ico {
5337 background: var(--vbo-orange-color-hover);
5338 color: var(--vbo-contrast-text-color);
5339 border: 0;
5340 }
5341 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 {
5342 background: var(--vbo-red-color);
5343 }
5344 .btn-danger.vbo-context-menu-btn:hover .vbo-context-menu-ico {
5345 background: var(--vbo-red-color-hover);
5346 color: var(--vbo-contrast-text-color);
5347 border: 0;
5348 }
5349 body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn {
5350 background-color: var(--vbo-green-color);
5351 border-color: var(--vbo-green-color);
5352 }
5353 body #wpcontent .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico {
5354 background-color: var(--vbo-green-color-hover);
5355 border-color: var(--vbo-green-color-hover);
5356 }
5357 body #wpcontent .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico {
5358 background-color: var(--vbo-green-color-focus);
5359 border-color: var(--vbo-green-color-focus);
5360 }
5361 .vbo-context-menu-btn .vbo-context-menu-ico {
5362 padding: 13px 8px;
5363 line-height: 12px;
5364 text-align: center;
5365 border-top-right-radius: 2px;
5366 border-bottom-right-radius: 2px;
5367 }
5368 .vbo-context-menu-btn.btn-small .vbo-context-menu-ico {
5369 padding: 5px 8px 6px;
5370 }
5371 .vbo-context-menu-btn .vbo-context-menu-ico-left {
5372 padding-left: 12px;
5373 }
5374 .vbo-context-menu-btn .vbo-context-menu-ico-left + .vbo-context-menu-lbl {
5375 padding-left: 5px;
5376 }
5377 .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
5378 margin-right: 0;
5379 position: relative;
5380 top: -1px;
5381 vertical-align: initial;
5382 }
5383 .vbo-context-menu-btn:hover .vbo-context-menu-ico {
5384 background: var(--vbo-base-color-hover);
5385 }
5386 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover {
5387 background: var(--vbo-base-color-hover);
5388 border-color: var(--vbo-base-color-hover);
5389 }
5390 .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico {
5391 border-radius: 3px;
5392 display: initial;
5393 vertical-align: initial;
5394 }
5395 .vik-context-menu.vbo-dropdown-cxmenu {
5396 background: var(--vbo-config-bg-color);
5397 box-shadow: 0 3px 3px rgba(0,0,0,0.1);
5398 z-index: 2147483647 !important;
5399 border: 1px solid rgba(0,0,0,.15);
5400 border-radius: .25rem;
5401 }
5402 .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover {
5403 color: var(--vbo-contrast-text-color);
5404 background: var(--vbo-base-color);
5405 cursor: pointer;
5406 }
5407 .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, .vik-context-menu.vbo-dropdown-cxmenu li.separator:not(:only-child) {
5408 padding: 0;
5409 margin: 0;
5410 }
5411 .vik-context-menu.vbo-dropdown-cxmenu li a {
5412 color: var(--vbo-body-text-color);
5413 padding: 8px 12px;
5414 }
5415 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover {
5416 background: var(--vbo-red-color);
5417 }
5418 .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 {
5419 background: var(--vbo-red-color-focus);
5420 }
5421 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:hover {
5422 background: var(--vbo-green-color);
5423 }
5424 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:active {
5425 background: var(--vbo-green-color-focus);
5426 }
5427 .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover {
5428 background: var(--vbo-orange-color-hover);
5429 }
5430 .vik-context-menu.vbo-dropdown-cxmenu li .button-icon {
5431 color: var(--vbo-config-text-color-light);
5432 font-size: 14px;
5433 min-width: 16px;
5434 }
5435 .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon {
5436 color: var(--vbo-contrast-text-color);
5437 }
5438 .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype {
5439 border-radius: 3px;
5440 }
5441 .vbo-admin-widget-head h4 {
5442 font-size: 18px;
5443 font-weight: bold;
5444 padding: 7px 0 3px 15px;
5445 margin: 12px 0;
5446 position: relative;
5447 display: inline-block;
5448 }
5449 .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span {
5450 vertical-align: middle;
5451 }
5452 .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) {
5453 display: inline-block;
5454 float: right;
5455 margin-top: 10px;
5456 }
5457 .vbo-dashboard-search-input {
5458 display: inline-block;
5459 vertical-align: middle;
5460 margin-left: 10px;
5461 margin-bottom: 2px;
5462 }
5463 .vbo-admin-widget-body {
5464 padding: 10px;
5465 }
5466 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity {
5467 display: flex;
5468 padding: 10px 15px;
5469 border-bottom: 1px solid var(--vbo-basic-btn);
5470 cursor: pointer;
5471 }
5472 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover {
5473 background: var(--vbo-light-color-btn);
5474 }
5475 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child {
5476 border-bottom: 0;
5477 }
5478 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar {
5479 width: 40px;
5480 margin-right: 15px;
5481 }
5482 .vbo-dashboard-guest-activity-avatar-icon {
5483 width: 40px;
5484 text-align: center;
5485 height: 40px;
5486 line-height: 40px !important;
5487 border: 1px solid var(--vbo-config-border-color);
5488 border-radius: 50%;
5489 background: var(--vbo-config-child-bg-color);
5490 font-size: 16px;
5491 }
5492 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img {
5493 max-width: 100%;
5494 border-radius: 50%;
5495 object-fit: cover;
5496 }
5497 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content {
5498 flex: 1;
5499 }
5500 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 {
5501 margin: 0;
5502 }
5503 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head {
5504 display: flex;
5505 }
5506 .vbo-dashboard-guest-activity-content-info-details {
5507 margin-bottom: 7px;
5508 flex: 1;
5509 }
5510
5511 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity {
5512 border: 0;
5513 background: var(--vbo-config-child-bg-color);
5514 margin: 0 0 10px;
5515 border-radius: 8px;
5516 }
5517 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:hover {
5518 background: var(--vbo-light-color-btn);
5519 }
5520 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:focus, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:active {
5521 background-color: var(--vbo-info-bg);
5522 }
5523 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-details {
5524 margin-bottom: 2px;
5525 }
5526 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-gtitle {
5527 font-weight: bold;
5528 margin-bottom: 4px;
5529 }
5530 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-icon {
5531 margin-bottom: 6px;
5532 }
5533 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates:after {
5534 display: none;
5535 }
5536 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates i, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg i {
5537 color: var(--vbo-config-text-color-light);
5538 font-size: 12px;
5539 margin-right: 4px;
5540 }
5541 .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg > div:first-child .label {
5542 margin-right: 10px;
5543 }
5544
5545 .vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content-head > span {
5546 display: flex;
5547 }
5548 .chat-input-footer .textarea-input #chat-ask-ai-btn {
5549 color: var(--vbo-base-color) !important;
5550 }
5551 .chat-input-footer .textarea-input #chat-ask-ai-btn:hover {
5552 color: var(--vbo-base-color-hover) !important;
5553 }
5554 .vbo-w-guestmessages-message-staydates {
5555 font-size: 12px;
5556 position: relative;
5557 padding-left: 10px;
5558 color: var(--vbo-config-titles-color-light);
5559 }
5560 .vbo-w-guestmessages-message-stayrooms {
5561 font-size: 12px;
5562 position: relative;
5563 padding-left: 5px;
5564 color: var(--vbo-config-titles-color-light);
5565 margin-right: 10px;
5566 }
5567 .vbo-w-guestmessages-message-staydates:after {
5568 content: "";
5569 width: 2px;
5570 height: 2px;
5571 background: var(--vbo-config-titles-color-light);
5572 top: 7px;
5573 left: 2px;
5574 position: absolute;
5575 border-radius: 50%;
5576 }
5577 .vbo-w-guestmessages-message-listings {
5578 overflow: hidden;
5579 white-space: nowrap;
5580 max-width: 200px;
5581 text-overflow: ellipsis;
5582 }
5583 .vbo-w-guestmessages-message-new {
5584 background: var(--vbo-toolbar-bg-color);
5585 }
5586 .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle .message-new {
5587 color: var(--vbo-base-color);
5588 font-size: 14px;
5589 margin: 0 0 0 5px;
5590 }
5591 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied {
5592 background: var(--vbo-base-color);
5593 font-size: 10px;
5594 margin: 0 0 0 5px;
5595 color: var(--vbo-contrast-text-color);
5596 font-weight: 500;
5597 }
5598 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied:hover {
5599 background: var(--vbo-base-color-hover);
5600 }
5601 .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied i {
5602 color: var(--vbo-contrast-text-color);
5603 font-size: 10px;
5604 margin-right: 2px;
5605 }
5606 .vbo-bookings-status-separator {
5607 margin-top: 5px;
5608 text-align: center;
5609 }
5610 .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll {
5611 height: calc(100% - 100px);
5612 }
5613 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head {
5614 display: flex;
5615 padding: 12px 20px 6px;
5616 background: transparent;
5617 border-bottom: 1px solid var(--vbo-config-border-color);
5618 }
5619 .vbo-modal-wguestmessages-chat-wrap {
5620 height: 100%;
5621 }
5622 .vbo-modal-wguestmessages-chat-wrap .chat-border-layout {
5623 height: calc(100% - 70px);
5624 }
5625 .vbo-modal-wguestmessages-chat-wrap .chat-border-layout .chat-messages-panel {
5626 height: 100%;
5627 }
5628 .vbo-modal-wguestmessages-chat-wrap .chat-conversation {
5629 height: 100%;
5630 max-height: unset;
5631 }
5632 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-close-times) {
5633 flex: 1;
5634 }
5635 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-close-times) span {
5636 display: inline-block;
5637 vertical-align: middle;
5638 }
5639 .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 {
5640 display: block;
5641 }
5642 .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates {
5643 display: inline-block;
5644 vertical-align: middle;
5645 line-height: 1em;
5646 }
5647 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover {
5648 background-color: var(--vbo-red-color);
5649 }
5650 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname {
5651 margin-right: 10px;
5652 font-weight: bold;
5653 }
5654 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
5655 margin-right: 10px;
5656 }
5657 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
5658 width: 40px;
5659 height: 40px;
5660 object-fit: cover;
5661 border-radius: 50%;
5662 }
5663 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
5664 margin-left: auto;
5665 align-self: center;
5666 }
5667 .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon {
5668 margin-right: 10px;
5669 margin-top: 2px;
5670 display: inline-block;
5671 width: 100%;
5672 }
5673 .vbo-dashboard-guest-activity-content-info-icon i {
5674 color: var(--vbo-base-color);
5675 font-size: 14px;
5676 }
5677 .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i {
5678 color: var(--vbo-orange-color);
5679 }
5680 .vbo-rdaybooking-subunits {
5681 margin-top: 6px;
5682 }
5683 .vbo-rdaybooking-subunits .label-warning {
5684 padding: 10px 6px !important;
5685 }
5686 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list {
5687 display: inline-block;
5688 }
5689 .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select {
5690 min-height: 34px;
5691 line-height: 1.3em;
5692 margin: 3px 0;
5693 }
5694 .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate {
5695 font-weight: bold;
5696 margin-left: 2px;
5697 }
5698 .vbo-dashboard-guest-activity-content-info-date {
5699 margin-left: auto;
5700 font-size: .9em;
5701 text-align: right;
5702 color: var(--vbo-config-titles-color-light);
5703 }
5704 .vbo-dashboard-guest-activity-content-info-date span {
5705 display: block;
5706 }
5707 .vbo-dashboard-guest-activity-content-info-msg {
5708 color: var(--vbo-config-titles-color-light);
5709 font-size: 13px;
5710 }
5711 .vbo-dashboard-guest-activity-content-info-msg p {
5712 margin: 0;
5713 }
5714 .vbo-dashboard-guest-activity-skeleton {
5715 padding: 17px 15px;
5716 }
5717 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
5718 width: 40px;
5719 height: 40px;
5720 border-radius: 50%;
5721 object-fit: cover;
5722 }
5723 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after {
5724 width: 150px;
5725 height: 15px;
5726 }
5727 .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after {
5728 width: 70%;
5729 height: 15px;
5730 }
5731 .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after {
5732 width: 100%;
5733 height: 22px;
5734 }
5735 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
5736 width: 50px;
5737 height: 11px;
5738 }
5739 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after {
5740 width: 100%;
5741 height: 22px;
5742 }
5743 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading {
5744 position: relative;
5745 overflow: hidden;
5746 display: inline-block;
5747 }
5748 .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after {
5749 position: absolute;
5750 top: 0;
5751 right: 0;
5752 bottom: 0;
5753 left: 0;
5754 transform: translateX(-100%);
5755 animation: shimmer 2s infinite;
5756 content: '';
5757 }
5758 .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead {
5759 margin-bottom: 5px;
5760 margin-top: 3px;
5761 }
5762
5763 @keyframes shimmer {
5764 100% {
5765 transform: translateX(100%);
5766 }
5767 }
5768
5769 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record {
5770 display: flex;
5771 padding: 10px 15px;
5772 border-bottom: 1px solid var(--vbo-basic-btn);
5773 width: 100%;
5774 box-sizing: border-box;
5775 }
5776 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar {
5777 width: 40px;
5778 margin-right: 15px;
5779 }
5780 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img {
5781 max-width: 100%;
5782 border-radius: 50%;
5783 object-fit: cover;
5784 }
5785 .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 {
5786 width: 40px;
5787 text-align: center;
5788 height: 40px;
5789 line-height: 40px;
5790 border: 1px solid var(--vbo-config-border-color);
5791 border-radius: 50%;
5792 background: var(--vbo-config-child-bg-color);
5793 font-size: 16px;
5794 }
5795 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content {
5796 flex: 1;
5797 }
5798 .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 {
5799 display: flex;
5800 }
5801 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5802 flex-wrap: wrap;
5803 }
5804 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details {
5805 margin-bottom: 3px;
5806 flex: 1;
5807 }
5808 .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 {
5809 margin: 0;
5810 font-size: 16px;
5811 }
5812 .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 {
5813 margin-right: 10px;
5814 margin-top: 2px;
5815 font-size: .9em;
5816 }
5817 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates {
5818 margin-left: auto;
5819 }
5820 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate {
5821 text-align: right;
5822 font-weight: bold;
5823 font-size: 1.2em;
5824 }
5825 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes {
5826 display: flex;
5827 font-size: .95em;
5828 justify-content: right;
5829 }
5830 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter {
5831 margin-right: 6px;
5832 }
5833 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up {
5834 margin-top: 6px;
5835 float: left;
5836 margin-right: 3px;
5837 }
5838 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down {
5839 margin-top: 2px;
5840 float: left;
5841 margin-right: 3px;
5842 }
5843 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p {
5844 margin: 0 0 5px;
5845 }
5846 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child {
5847 margin: 0;
5848 }
5849 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher {
5850 color: var(--vbo-green-color);
5851 }
5852 .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower {
5853 color: var(--vbo-red-color);
5854 }
5855 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details {
5856 flex-basis: 100%;
5857 margin-bottom: 3px;
5858 }
5859 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label {
5860 float: right;
5861 margin: 1px;
5862 }
5863 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small {
5864 font-size: 12px;
5865 padding: 5px 8px !important;
5866 }
5867 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head {
5868 margin-bottom: 3px;
5869 }
5870 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking {
5871 display: flex;
5872 width: 100%;
5873 }
5874 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin {
5875 margin-left: auto;
5876 text-align: right;
5877 }
5878 .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i {
5879 margin-right: 3px;
5880 color: var(--vbo-middle-color-btn);
5881 }
5882 .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head {
5883 display: flex;
5884 flex-wrap: wrap;
5885 }
5886 .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 {
5887 flex: 1;
5888 }
5889
5890 .vbo-widget-latestevents-list .vbo-widget-history-record:hover {
5891 cursor: pointer;
5892 background: var(--vbo-light-color-btn);
5893 }
5894
5895 .vbo-widget-currconv-wrap {
5896 padding: 15px;
5897 }
5898 .vbo-widget-currconv-filters {
5899 display: flex;
5900 flex-wrap: wrap;
5901 }
5902 .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div {
5903 margin-bottom: 5px;
5904 }
5905 .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit {
5906 align-self: end;
5907 }
5908 .vbo-widget-currconv-filters label {
5909 display: block;
5910 margin-bottom: 5px;
5911 font-weight: 500;
5912 }
5913 .vbo-widget-currconv-filters-main {
5914 display: flex;
5915 flex-wrap: wrap;
5916 }
5917 .vbo-widget-currconv-filters-submit .btn {
5918 margin-left: 10px;
5919 }
5920 .vbo-widget-currconv-filters-main > div {
5921 margin-right: 10px;
5922 }
5923 .vbo-admin-widgets-widget-output .select2-container .select2-selection--single {
5924 height: 40px;
5925 border-radius: 2px;
5926 }
5927 .vbo-widget-currconv-filters .select2-container .select2-selection__rendered {
5928 font-weight: normal;
5929 font-size: 14px;
5930 line-height: 40px !important;
5931 }
5932 .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow {
5933 height: 40px;
5934 }
5935 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit {
5936 align-self: end;
5937 flex-basis: 100%;
5938 }
5939 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn {
5940 width: 100%;
5941 margin-left: 0;
5942 }
5943 .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div {
5944 margin-left: 0;
5945 }
5946
5947 .vbo-widget-checkav-wrap {
5948 padding: 15px;
5949 }
5950 .vbo-widget-checkav-filters {
5951 display: flex;
5952 flex-wrap: wrap;
5953 }
5954 .vbo-widget-checkav-filters > div {
5955 margin-bottom: 8px;
5956 }
5957 .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
5958 margin: 5px 0;
5959 }
5960 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary {
5961 display: flex;
5962 flex-wrap: wrap;
5963 }
5964 .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 {
5965 margin-left: 10px;
5966 }
5967 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
5968 margin-left: 8px;
5969 }
5970 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
5971 flex: 1;
5972 }
5973 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i {
5974 margin-right: 8px;
5975 }
5976 .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
5977 margin-left: 8px;
5978 }
5979 .vbo-widget-checkav-results {
5980 margin-top: 5px;
5981 }
5982 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap,
5983 .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap {
5984 display: grid;
5985 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
5986 }
5987 .vbo-widget-checkav-result-splitstays-wrap {
5988 width: 100%;
5989 }
5990 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms {
5991 border: 1px solid var(--vbo-basic-btn);
5992 margin: 5px;
5993 border-radius: 6px;
5994 }
5995 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover {
5996 border-color: var(--vbo-base-color);
5997 }
5998 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
5999 display: grid;
6000 grid-template-columns: repeat(2, 1fr);
6001 }
6002 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room {
6003 padding: 8px;
6004 }
6005 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name {
6006 font-weight: bold;
6007 font-size: 1.2em;
6008 margin-bottom: 4px;
6009 }
6010 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i {
6011 color: var(--vbo-base-color);
6012 margin-right: 3px;
6013 width: 16px;
6014 }
6015 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span {
6016 display: block;
6017 margin-bottom: 3px;
6018 }
6019 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i {
6020 margin-right: 3px;
6021 width: 16px;
6022 color: var(--vbo-config-text-color-light);
6023 }
6024 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book {
6025 text-align: center;
6026 margin-bottom: 10px;
6027 }
6028 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results,
6029 .vbo-admin-widgets-container-large .vbo-widget-checkav-results {
6030 display: flex;
6031 flex-wrap: wrap;
6032 }
6033 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p,
6034 .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p {
6035 flex-basis: 100%;
6036 }
6037 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
6038 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party,
6039 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
6040 flex-basis: 100%;
6041 }
6042 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap {
6043 display: flex;
6044 flex-wrap: wrap;
6045 }
6046 .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
6047 margin: 5px;
6048 }
6049 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
6050 flex-basis: 100%;
6051 }
6052 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates {
6053 flex-basis: 100%;
6054 text-align: center;
6055 margin-bottom: 5px;
6056 padding-top: 5px;
6057 }
6058 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in {
6059 margin-right: 10px;
6060 }
6061 .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty {
6062 display: flex;
6063 flex-wrap: wrap;
6064 justify-content: center;
6065 width: 100%;
6066 }
6067 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
6068 flex-basis: calc(33% - 34px);
6069 border: 1px solid var(--vbo-config-border-color);
6070 border-radius: 4px;
6071 padding: 10px;
6072 margin: 5px;
6073 text-align: center;
6074 }
6075 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i {
6076 margin-right: 4px;
6077 }
6078 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
6079 white-space: nowrap;
6080 overflow: hidden;
6081 text-overflow: ellipsis;
6082 max-width: 300px;
6083 }
6084 .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 {
6085 flex-basis: 100%;
6086 max-width: 100%;
6087 margin-bottom: 4px;
6088 }
6089 @media screen and (min-width: 1800px) {
6090 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates {
6091 flex-basis: calc(33% - 30px);
6092 }
6093 .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 {
6094 flex-basis: calc(50% - 30px);
6095 margin: 5px;
6096 }
6097 .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 {
6098 width: 100%;
6099 display: grid;
6100 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
6101 }
6102 .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 {
6103 grid-template-columns: repeat(3, 1fr);
6104 }
6105 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child {
6106 border-color: var(--vbo-input-style);
6107 }
6108 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover {
6109 border-color: var(--vbo-base-color);
6110 }
6111 .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span {
6112 display: inline-block;
6113 }
6114 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
6115 display: block;
6116 }
6117 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6118 text-align: right;
6119 min-width: 80px;
6120 }
6121 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6122 text-align: left;
6123 min-width: initial;
6124 }
6125 }
6126 @media screen and (max-width: 1800px) {
6127 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates,
6128 .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6129 flex-basis: 100%;
6130 }
6131 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
6132 flex-basis: calc(100% - 30px);
6133 }
6134 }
6135 @media screen and (min-width: 2500px) {
6136 .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 {
6137 flex-basis: calc(33% - 30px);
6138 margin: 5px;
6139 }
6140 }
6141 @media screen and (min-width: 3000px) {
6142 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
6143 display: inline-block;
6144 }
6145 }
6146 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name {
6147 font-weight: bold;
6148 font-size: 1.2em;
6149 margin-bottom: 5px;
6150 }
6151 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
6152 display: flex;
6153 margin: 5px 0 8px;
6154 padding-bottom: 5px;
6155 border-bottom: 1px solid var(--vbo-config-border-color);
6156 }
6157 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child {
6158 border-bottom: 0;
6159 padding-bottom: 0px;
6160 }
6161 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div {
6162 display: inline-block;
6163 }
6164 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6165 padding: 10px;
6166 background-color: var(--vbo-input-style);
6167 margin: 0px 0 8px;
6168 border-radius: 6px;
6169 }
6170 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
6171 flex: 1;
6172 display: flex;
6173 }
6174 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6175 align-self: center;
6176 margin: 0 10px;
6177 }
6178 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span {
6179 display: block;
6180 }
6181 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total {
6182 font-weight: bold;
6183 }
6184 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
6185 display: inline-block;
6186 min-width: 150px;
6187 align-self: center;
6188 }
6189 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
6190 margin-left: auto;
6191 margin-right: 0;
6192 }
6193 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn {
6194 padding: 7px 12px;
6195 }
6196 .vbo-widget-checkav-results .vbo-widget-checkav-result-party p {
6197 margin: 0 0 6px;
6198 }
6199 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6200 margin: 5px;
6201 }
6202 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info {
6203 display: flex;
6204 flex-wrap: wrap;
6205 }
6206 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date {
6207 align-self: center;
6208 margin-right: 10px;
6209 flex: 1;
6210 }
6211 .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 {
6212 flex-basis: 100%;
6213 }
6214 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span {
6215 margin-bottom: 3px;
6216 }
6217 .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 {
6218 margin-top: 8px;
6219 width: 100%;
6220 text-align: center;
6221 }
6222 .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 {
6223 width: 100%;
6224 }
6225 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in {
6226 margin-right: 10px;
6227 }
6228 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i {
6229 color: var(--vbo-config-text-color-light);
6230 width: 16px;
6231 margin-right: 3px;
6232 }
6233 .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose {
6234 margin-left: auto;
6235 }
6236 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6237 width: 100%;
6238 display: flex;
6239 flex-wrap: wrap;
6240 }
6241 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6242 flex: initial;
6243 }
6244 .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 {
6245 width: 110px !important;
6246 }
6247 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
6248 align-self: center;
6249 margin-right: 5px;
6250 }
6251 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
6252 flex: 1;
6253 width: 80px !important;
6254 }
6255 /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */
6256 .admin.com_vikbooking .vbo-widget-checkav-filters input {
6257 padding: 8px 10px;
6258 box-sizing: border-box;
6259 height: auto;
6260 }
6261 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter {
6262 margin-top: 0;
6263 }
6264 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
6265 display: flex;
6266 flex-wrap: wrap;
6267 }
6268 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
6269 flex: 1;
6270 }
6271 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child {
6272 margin-right: 8px;
6273 }
6274 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
6275 width: 75px !important;
6276 }
6277 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div {
6278 margin-left: 0;
6279 }
6280 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6281 width: 100%;
6282 margin-left: 0;
6283 }
6284 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
6285 width: 100%;
6286 }
6287 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name {
6288 margin-right: 10px;
6289 min-width: initial;
6290 }
6291 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label {
6292 display: block;
6293 margin-bottom: 5px;
6294 }
6295 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6296 align-self: end;
6297 }
6298 @media screen and (max-width: 1000px) {
6299 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
6300 flex: 1;
6301 flex-basis: 100%;
6302 margin-bottom: 8px;
6303 }
6304 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
6305 width: 100%;
6306 display: flex;
6307 }
6308 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
6309 flex: 1;
6310 width: 100%;
6311 }
6312 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
6313 margin: 0;
6314 width: 100%;
6315 display: inline-block;
6316 }
6317 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
6318 flex: 1;
6319 }
6320 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
6321 margin-right: 10px;
6322 align-self: center;
6323 }
6324 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
6325 align-self: auto;
6326 }
6327 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span {
6328 display: block;
6329 }
6330 }
6331 @media screen and (max-width: 2200px) {
6332 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6333 width: auto;
6334 flex-basis: 100%;
6335 }
6336 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
6337 flex: 1;
6338 display: flex;
6339 }
6340 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
6341 flex-basis: 100%;
6342 }
6343 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
6344 width: 100% !important;
6345 }
6346 }
6347 @media screen and (max-width: 1800px) {
6348 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
6349 flex-wrap: wrap;
6350 }
6351 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name {
6352 flex-basis: 100%;
6353 margin-right: 0;
6354 }
6355 .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span {
6356 margin-left: 0;
6357 margin-right: 16px;
6358 }
6359 .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 {
6360 margin-left: auto;
6361 }
6362 }
6363 @media screen and (min-width: 2200px) {
6364 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
6365 width: auto;
6366 flex: inherit;
6367 }
6368 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
6369 margin-right: 5px;
6370 }
6371 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6372 width: auto;
6373 }
6374 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
6375 width: auto;
6376 margin-left: 8px;
6377 align-self: end;
6378 }
6379 }
6380 @media screen and (min-width: 1800px) {
6381 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results {
6382 display: flex;
6383 flex-wrap: wrap;
6384 }
6385 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party {
6386 flex-basis: 100%;
6387 }
6388 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates {
6389 flex-basis: calc(33% - 40px);
6390 }
6391 .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands {
6392 flex-basis: 100%;
6393 }
6394 }
6395
6396 .vbo-widget-commands-right {
6397 text-align: right;
6398 padding: 5px 15px 10px 0;
6399 }
6400 .vbo-widget-commands > div {
6401 display: inline-block;
6402 }
6403 .vbo-widget-commands-main > div {
6404 display: inline-block;
6405 vertical-align: top;
6406 }
6407 .vbo-widget-commands-main .vbo-widget-command-chevron {
6408 margin-top: 4px;
6409 }
6410 .vbo-widget-commands-main .vbo-widget-command-chevron > span {
6411 display: inline-block;
6412 font-size: 14px;
6413 border: 1px solid var(--vbo-config-border-color);
6414 padding: 5px 10px;
6415 border-radius: 2px;
6416 background: var(--vbo-config-child-bg-color);
6417 cursor: pointer;
6418 }
6419
6420 .vbo-dashboard-forecast-wrap h4 {
6421 padding: 23px 0px 22px 15px;
6422 margin-bottom: 20px;
6423 text-align: center;
6424 display: block;
6425 }
6426 .vbo-dash-chart-title .vbo-dash-chart-nav {
6427 display: inline-block;
6428 font-size: 14px;
6429 border: 1px solid #ddd;
6430 padding: 5px 10px;
6431 border-radius: 2px;
6432 background: #f6f6f6;
6433 cursor: pointer;
6434 }
6435 .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
6436 background: #eee;
6437 }
6438 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6439 margin-right: 0;
6440 }
6441 .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th {
6442 border: 0;
6443 }
6444 .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot {
6445 border: 1px solid var(--vbo-blue-color);
6446 display: inline-block;
6447 padding: 5px 8px;
6448 border-radius: 4px;
6449 text-transform: capitalize;
6450 font-size: 14px;
6451 margin-left: 7px;
6452 font-weight: bold;
6453 color: var(--vbo-blue-color);
6454 vertical-align: top;
6455 margin-top: -5px;
6456 }
6457 .vbo-admin-widget-wrapper h4 i {
6458 margin-right: 8px;
6459 font-size: 17px;
6460 }
6461 .vbo-dash-chart-title .vbo-dash-chart-nav i {
6462 margin-right: 0;
6463 font-size: 14px;
6464 vertical-align: initial;
6465 }
6466 .vbo-admin-widget-wrapper table thead tr:first-child th,
6467 .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td {
6468 color: var(--vbo-config-titles-color-light);
6469 font-weight: bold;
6470 padding: 15px 15px;
6471 text-transform: uppercase;
6472 }
6473 .vbo-admin-widget-wrapper .table .searchable.center {
6474 white-space: inherit;
6475 }
6476 .vbo-admin-widget-wrapper .table td {
6477 padding: 11px 15px !important;
6478 border-top: 1px solid var(--vbo-basic-btn) !important;
6479 border-bottom: 0;
6480 }
6481 .vbo-dashboard-charts {
6482 width: 100%;
6483 display: inline-block;
6484 margin: 20px 0;
6485 padding: 15px 0;
6486 border-top:1px solid var(--vbo-config-border-color);
6487 border-bottom:1px solid var(--vbo-config-border-color);
6488 }
6489 .vbo-dashboard-charts-wrapper {
6490 margin: 0 auto 20px;
6491 padding: 18px;
6492 display: grid;
6493 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
6494 }
6495 .vbo-dashboard-chart-container {
6496 background: none repeat scroll 0 0 var(--vbo-config-bg-color);
6497 display: inline-block;
6498 margin: 8px;
6499 padding: 0;
6500 border-radius: 16px;
6501 border: 1px solid var(--vbo-basic-btn);
6502 box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
6503 }
6504 .vbo-dashboard-chart-container .vbo-dashboard-chart-date {
6505 display: inline-block;
6506 font-size: 16px;
6507 font-weight: bold;
6508 padding: 20px 0 0;
6509 text-align: center;
6510 width: 100%;
6511 border-top-left-radius: 8px;
6512 border-top-right-radius: 8px;
6513 }
6514 .vbo-dashboard-chart-container .donutChart {
6515 display: block;
6516 margin: 0 auto;
6517 padding: 0 8px;
6518 }
6519 .vbo-dashboard-next-bookings-block {
6520 background: #fff;
6521 border-radius: 8px;
6522 box-shadow: 0 0 20px rgba(0,0,0,.1);
6523 margin: 0 28px 18px;
6524 }
6525 .vbo-table-search-cout {
6526 margin-bottom: 0 !important;
6527 }
6528 .vbo-admin-widget-wrapper {
6529 padding-bottom: 8px;
6530 }
6531 .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid {
6532 display: inline-block;
6533 border-radius: 4px;
6534 border: 1px solid var(--vbo-base-color);
6535 padding: 3px 8px;
6536 color: var(--vbo-base-color);
6537 }
6538 .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover {
6539 text-decoration: none;
6540 background: var(--vbo-base-color-hover);
6541 color: #fff;
6542 }
6543 .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 {
6544 white-space: initial;
6545 }
6546 .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child {
6547 word-break: inherit;
6548 }
6549 .vbo-dashboard-next-bookings .table {
6550 margin-bottom: 0;
6551 }
6552 .vbo-dashboard-next-bookings-block h4 {
6553 font-size: 20px;
6554 font-weight: bold;
6555 color: var(--vbo-config-title-color);
6556 border-top-right-radius: 16px;
6557 border-top-left-radius: 16px;
6558 border-bottom: 1px solid var(--vbo-config-border-color);
6559 margin: 0;
6560 padding: 22px 15px;
6561 }
6562 .vbo-dashboard-next-bookings-block h4 i {
6563 margin-right: 15px;
6564 }
6565 .vbo-dashboard-refresh-container {
6566 margin: 20px 28px 0;
6567 float: right;
6568 border-radius: 40px;
6569 border: 1px solid var(--vbo-config-border-color);
6570 padding: 10px 20px;
6571 }
6572 .vbo-dashboard-refresh-container > span {
6573 display: inline-block;
6574 margin: 0 2px;
6575 }
6576 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head {
6577 font-size: 1.3em;
6578 padding: 10px 13px 7px 0;
6579 position: relative;
6580 text-align: center;
6581 display: inline-block;
6582 font-weight: bold;
6583 }
6584 .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label {
6585 display: inline-block;
6586 margin:0 8px 0 0;
6587 font-weight: normal;
6588 }
6589 .vbo-dashboard-refresh-play {
6590 color: var(--vbo-base-color);
6591 text-align: center;
6592 display: inline-block;
6593 position: relative;
6594 cursor: pointer;
6595 }
6596 .vbo-dashboard-refresh-play:after {
6597 content: "\25b6";
6598 display: inline-block;
6599 border-radius: 50%;
6600 background: var(--vbo-config-bg-color);
6601 border: 1px solid var(--vbo-config-bg-color);
6602 height: 35px;
6603 line-height: 38px;
6604 padding: 0;
6605 width: 35px;
6606 font-size: 16px;
6607 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6608 text-align: center;
6609 }
6610 .vbo-dashboard-refresh-stop {
6611 color: var(--vbo-base-color);
6612 text-align: center;
6613 display: inline-block;
6614 position: relative;
6615 cursor: pointer;
6616 }
6617 .vbo-dashboard-refresh-stop:after {
6618 content: "\25A0";
6619 display: inline-block;
6620 border-radius: 50%;
6621 border: 1px solid var(--vbo-config-bg-color);
6622 background: var(--vbo-config-bg-color);
6623 height: 35px;
6624 line-height: 30px;
6625 padding: 0;
6626 width: 35px;
6627 font-size: 24px;
6628 box-shadow: 0 4px 10px rgba(0,0,0,.1);
6629 text-align: center;
6630 }
6631 .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after {
6632 border: 1px solid var(--vbo-base-color);
6633 }
6634 .vbo-dashboard-rooms-locked-block {
6635 background: var(--vbo-config-bg-color);
6636 border-radius: 8px;
6637 box-shadow: 0 0 20px rgba(0,0,0,.1);
6638 margin: 0 28px 18px;
6639 }
6640 .vbo-dashboard-rooms-locked h4 {
6641 font-size: 22px;
6642 font-weight: normal;
6643 background: var(--vbo-config-child-bg-color);
6644 border-top-right-radius: 8px;
6645 border-top-left-radius: 8px;
6646 border-bottom: 1px solid var(--vbo-config-border-color);
6647 text-transform: uppercase;
6648 margin: 0;
6649 padding: 22px 15px;
6650 }
6651 .vbo-dashboard-rooms-locked h4 i {
6652 margin-right: 0.25em;
6653 }
6654 .vbo-dashboard-rooms-locked h4 span {
6655 border: 1px solid #FF9326;
6656 display: inline-block;
6657 padding: 5px 8px;
6658 border-radius: 4px;
6659 text-transform: capitalize;
6660 font-size: 14px;
6661 margin-left: 7px;
6662 font-weight: bold;
6663 color: #FF9326;
6664 vertical-align: top;
6665 margin-top: -5px;
6666 }
6667 .vbo-dashboard-rooms-locked table {
6668 margin-bottom: 0;
6669 }
6670 .vbo-dashboard-rooms-locked-rows:nth-child(odd) {
6671 background: var(--vbo-config-child-bg-color);
6672 }
6673 .vbo-dashboard-today-occ-listcont {
6674 display: grid;
6675 padding: 10px;
6676 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
6677 }
6678 .vbo-dashboard-today-roomocc-rows td {
6679 background: transparent !important;
6680 }
6681 .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont {
6682 padding: 0;
6683 width: 100%;
6684 }
6685 .vbo-admin-widgets-container-small .vbo-admin-widget-head {
6686 display: inline-block;
6687 width: 100%;
6688 }
6689 .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar {
6690 width: 100%;
6691 box-sizing: border-box;
6692 margin: 0;
6693 text-align: right;
6694 padding-right: 15px;
6695 }
6696 .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det {
6697 margin: 10px;
6698 background: var(--vbo-config-bg-color);
6699 border-radius: 10px;
6700 border: 1px solid var(--vbo-basic-btn);
6701 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6702 }
6703 .vbo-dashboard-today-roomocc-row-checkout {
6704 display: flex;
6705 margin-left: auto;
6706 justify-content: end;
6707 }
6708 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt {
6709 align-self: center;
6710 }
6711 .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn {
6712 padding: 5px 8px;
6713 margin-left: 5px;
6714 }
6715 .vbo-dashboard-today-roomocc-det-rname {
6716 display: inline-block;
6717 overflow: hidden;
6718 text-overflow: ellipsis;
6719 white-space: nowrap;
6720 vertical-align: middle;
6721 max-width: 82%;
6722 }
6723 .vbo-dashboard-today-occ-block {
6724 margin: 0 0 30px 0;
6725 padding: 0 0 30px 0;
6726 border-bottom:1px solid var(--vbo-config-border-color);
6727 }
6728 .vbo-dashboard-today-roomocc-firstrow {
6729 font-weight: bold;
6730 margin: 0;
6731 }
6732 .vbo-dashboard-today-occ {
6733 margin: 10px 30px;
6734 }
6735 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 {
6736 font-size: 20px;
6737 font-weight: bold;
6738 color: var(--vbo-config-title-color);
6739 padding: 0 25px 0 0;
6740 position: relative;
6741 display: inline-block;
6742 }
6743 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
6744 border: 1px solid var(--vbo-config-border-color);
6745 border-radius: 2px;
6746 padding: 8px 10px;
6747 margin-bottom: 0;
6748 box-sizing: border-box;
6749 height: auto;
6750 }
6751 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn {
6752 padding: 8px 10px;
6753 border-radius: 0 2px 2px 0;
6754 border: 1px solid var(--vbo-config-border-color);
6755 }
6756 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i {
6757 margin-right: 0;
6758 }
6759 .vbo-dashboard-today-roomocc-det > h5 {
6760 font-weight: bold;
6761 padding: 15px;
6762 margin: 0;
6763 font-size: 1.1em;
6764 text-align: left;
6765 border-top-right-radius: 16px;
6766 border-top-left-radius: 16px;
6767 border-bottom: 1px solid var(--vbo-config-border-color);
6768 }
6769 .vbo-dashboard-today-roomocc-firstrow th {
6770 background: var(--vbo-config-bg-color);
6771 font-weight: bold;
6772 font-size: 12px;
6773 padding: 15px 15px !important;
6774 text-transform: uppercase;
6775 color: var(--vbo-config-titles-color-light);
6776 }
6777 .vbo-dashboard-today-roomocc-firstrow th.left {
6778 white-space: nowrap;
6779 }
6780 .vbo-dashboard-today-roomocc-rows td {
6781 padding: 11px 15px !important;
6782 }
6783 .vbo-dashboard-today-roomocc-rows td .vbo-country-flag {
6784 width: 15px;
6785 }
6786 .vbo-dashboard-today-roomocc-rows td.left a {
6787 font-weight: bold;
6788 color: var(--vbo-config-title-color);
6789 }
6790 .vbo-dashboard-today-roomocc-rows td.left a:hover {
6791 color: var(--vbo-base-color);
6792 }
6793 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
6794 display: inline-block;
6795 border-radius: 6px;
6796 padding: 2px 7px;
6797 margin-top: -5px;
6798 margin-left: 10px;
6799 float: right;
6800 }
6801 .vbo-roomocc-units-free {
6802 background: #e5ffd6;
6803 border: 1px solid #8fd569;
6804 color: #639448;
6805 }
6806 .vbo-roomocc-units-half {
6807 color: #a88706;
6808 background: #fff6a9;
6809 border: 1px solid #e1c903;
6810 }
6811 .vbo-roomocc-units-threefourth {
6812 background: #ffdfbe;
6813 border: 1px solid #ffbd79;
6814 color: #e27300;
6815 }
6816 .vbo-roomocc-units-full {
6817 background: #ffdbd3;
6818 border: 1px solid #ffa7a7;
6819 color: #d44b2d;
6820 }
6821 .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
6822 display: inline-block;
6823 text-align: center;
6824 border-radius: 4px;
6825 padding: 2px 0;
6826 }
6827 .vbo-dashboard-today-roomocc-customers.table-responsive {
6828 height: 200px;
6829 overflow-y: scroll;
6830 width: 100%;
6831 }
6832 .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td {
6833 white-space: normal;
6834 vertical-align: middle;
6835 }
6836 th.vbo-tdright, td.vbo-tdright {
6837 text-align: right !important;
6838 }
6839 th.vbo-tdright, td.vbo-tdright .btn {
6840 white-space: nowrap;
6841 }
6842 .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results {
6843 display: none;
6844 }
6845 .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] {
6846 display: table-row;
6847 }
6848 tr.no-results > td {
6849 background-color: #fcf8e3;
6850 }
6851 .hidden-for-search {
6852 display: none;
6853 }
6854 .vbo-info-overlay-content-orphans > h3 > i {
6855 color: var(--vbo-red-color);
6856 }
6857 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6858 display: grid;
6859 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
6860 }
6861 .vbo-info-overlay-content-orphans .vbo-orphans-info-room {
6862 margin: 5px;
6863 border-radius: 10px;
6864 border: 1px solid var(--vbo-config-border-color);
6865 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
6866 display: flex;
6867 flex-wrap: wrap;
6868 flex-direction: column;
6869 }
6870 .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover {
6871 border-color: var(--vbo-base-color);
6872 }
6873 .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 {
6874 margin: 0 0 5px;
6875 padding: 10px;
6876 font-size: 1.1em;
6877 border-bottom: 1px solid var(--vbo-basic-btn);
6878 }
6879 .vbo-info-overlay-content-orphans .vbo-orphans-info-dates {
6880 margin-bottom: 10px;
6881 max-height: 150px;
6882 overflow: hidden;
6883 overflow-y: scroll;
6884 padding: 10px;
6885 }
6886 .vbo-info-overlay-content-orphans .vbo-orphans-info-list {
6887 margin-top: 10px;
6888 }
6889 .vbo-info-overlay-content-orphans .vbo-orphans-info-btn {
6890 margin-top: auto;
6891 text-align: center;
6892 padding: 0 10px 10px;
6893 }
6894 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
6895 text-align: center;
6896 margin-top: 20px;
6897 }
6898 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div {
6899 display: inline-block;
6900 margin: 5px;
6901 }
6902 .vbo-center {
6903 text-align: center;
6904 }
6905 .vbo-enormous-icn {
6906 font-size: 100px;
6907 }
6908 .vbo-list-table {
6909 margin-top: 15px;
6910 }
6911 .vbo-bookingslist-table thead, .vbo-list-table thead {
6912 background: var(--vbo-config-bg-color);
6913 }
6914 .vbo-bookingslist-table thead th, .vbo-list-table thead th {
6915 padding: 18px 10px;
6916 text-transform: uppercase;
6917 font-size: 12px;
6918 color: var(--vbo-config-titles-color-light);
6919 }
6920 .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
6921 background: var(--vbo-config-bg-color) !important;
6922 border-top: 1px solid var(--vbo-config-border-color);
6923 }
6924 .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td {
6925 background: var(--vbo-config-child-bg-color) !important;
6926 }
6927 .vbo-bookingslist-table tbody > tr:last-child td {
6928 padding-bottom: 30px;
6929 vertical-align: top;
6930 }
6931 /* Dashboard - End */
6932 span.label {
6933 padding:3px 6px !important;
6934 }
6935 .vbo-export-customer-entry {
6936 display: block;
6937 margin: 10px 0;
6938 }
6939 .vbo-export-customer-entry span label {
6940 display: inline-block;
6941 margin: 0;
6942 min-width: 185px;
6943 }
6944 /* Calendar - Start */
6945 .vbo-quickres-wrapper {
6946 display: block;
6947 float: left;
6948 width: 48%;
6949 }
6950 .vbo-quickres-head {
6951 margin: 0 0 10px;
6952 width: 100%;
6953 display: inline-block;
6954 border-bottom: 1px solid var(--vbo-config-border-color);
6955 padding-bottom: 10px;
6956 }
6957 .vbo-quickres-head h4 {
6958 display: inline-block;
6959 font-size: 13px;
6960 font-weight: bold;
6961 text-transform: uppercase;
6962 }
6963 .vbo-quickres-head .vbo-quickres-head-right {
6964 display: inline-block;
6965 float: right;
6966 }
6967 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single,
6968 .vbo-editbooking-room-switch .select2-selection--single {
6969 font-weight: normal;
6970 font-size: 14px !important;
6971 height: 36px !important;
6972 border: 1px solid var(--vbo-config-border-color) !important;
6973 border-radius: 2px !important;
6974 }
6975 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow,
6976 .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 {
6977 height: 36px;
6978 }
6979 .select2-dropdown {
6980 border: 1px solid var(--vbo-config-border-color) !important;
6981 }
6982 .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered,
6983 .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 {
6984 line-height: 36px;
6985 }
6986 .vbo-quickres-head .vbo-quickres-head-right form {
6987 margin-top: 5px;
6988 margin-bottom: 0;
6989 }
6990 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
6991 display: inline-block;
6992 margin: 8px 0 0 20px;
6993 vertical-align: top;
6994 }
6995 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top {
6996 margin-bottom: 5px;
6997 }
6998 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input {
6999 margin-bottom: 5px;
7000 }
7001 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl {
7002 display: inline-block;
7003 margin: 9px 5px 0 0;
7004 }
7005 .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child {
7006 margin-right: 5px;
7007 }
7008
7009 .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe {
7010 height: 350px !important;
7011 }
7012 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] {
7013 width: 100% !important;
7014 }
7015 .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added {
7016 margin: 5px 0;
7017 }
7018 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover {
7019 border: 1px solid var(--vbo-base-color);
7020 }
7021 .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child {
7022 margin-top: 15px;
7023 }
7024 .vbo-params-fieldset-label {
7025 font-weight: bold;
7026 margin-bottom: 5px;
7027 }
7028 .vbo-params-fieldset-label .label.label-success {
7029 font-size: 13px;
7030 display: inline-block;
7031 font-weight: 500;
7032 line-height: initial;
7033 }
7034 .vbo-params-fieldset-label .label.label-success i {
7035 margin-right: 3px;
7036 }
7037 textarea.vbo-textarea-copyable {
7038 width: 0 !important;
7039 height: 0 !important;
7040 opacity: 0 !important;
7041 min-height: 0 !important;
7042 padding: 0 !important;
7043 float: right;
7044 cursor: default;
7045 }
7046 .vbo-params-block {
7047 border: 1px solid var(--vbo-input-style-nested-deactive);
7048 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
7049 border-radius: 10px;
7050 padding: 0 20px 10px;
7051 margin-bottom: 20px;
7052 }
7053 .vbo-params-block-nested {
7054 padding: 10px;
7055 margin: 10px 0 10px 10px;
7056 border-radius: 6px;
7057 background: var(--vbo-config-bg-color);
7058 }
7059 .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) {
7060 background: rgba(255, 143, 143, 0.60) !important;
7061 border-color: #900;
7062 }
7063 .vbo-params-block > .vbo-param-container:first-child .vbo-param-label {
7064 align-self: center;
7065 }
7066 .vbo-params-block:not(.vbo-params-block-noborder) .vbo-param-container {
7067 border-top: 1px solid var(--vbo-main-bg-color);
7068 }
7069 .vbo-params-block .vbo-param-container {
7070 padding: 10px 0px;
7071 }
7072 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child {
7073 border-top: 0;
7074 }
7075 .vbo-params-block > .vbo-param-container:only-child {
7076 margin-bottom: 0;
7077 }
7078 .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested {
7079 background: var(--vbo-config-bg-color);
7080 border-top: 1px solid var(--vbo-main-bg-color);
7081 }
7082 .vbo-cal-splitstay-details {
7083 display: inline-block;
7084 border-radius: 10px;
7085 border: 1px solid var(--vbo-basic-btn);
7086 min-width: 400px;
7087 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
7088 }
7089 .vbo-cal-splitstay-details > div {
7090 display: grid;
7091 grid-template-columns: repeat(2, 1fr);
7092 }
7093 .vbo-cal-splitstay-details > div > span {
7094 padding: 8px 14px;
7095 display: inline-block;
7096 }
7097 .vbo-cal-splitstay-details > div > span i {
7098 margin-right: 3px;
7099 color: var(--vbo-config-text-color-light);
7100 }
7101 .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 {
7102 border-right: 1px solid var(--vbo-basic-btn);
7103 }
7104 .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i {
7105 color: var(--vbo-red-color);
7106 }
7107 #vbo-geo-map .gm-style .gm-style-iw-c {
7108 background: var(--vbo-config-bg-color);
7109 }
7110 #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
7111 display: inline-block;
7112 }
7113 #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover {
7114 cursor: pointer;
7115 }
7116 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner {
7117 text-align: center;
7118 padding: 10px 15px;
7119 margin: 5px;
7120 border: 1px solid var(--vbo-config-border-color);
7121 border-radius: 2px;
7122 position: relative;
7123 }
7124 #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 {
7125 border-color: var(--vbo-base-color);
7126 }
7127 #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 {
7128 position: absolute;
7129 content: "";
7130 width: 10px;
7131 height: 10px;
7132 top: -6px;
7133 left: -7px;
7134 border: 2px solid var(--vbo-config-bg-color);
7135 background-color: var(--vbo-base-color);
7136 border-radius: 50%;
7137 }
7138 #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 {
7139 display: block;
7140 }
7141 #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost {
7142 font-weight: bold;
7143 font-size: 1.2em;
7144 }
7145 #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 {
7146 color: var(--vbo-base-color);
7147 }
7148 .vbo-avcalendars-wrapper {
7149 text-align: center;
7150 border: 1px solid var(--vbo-config-border-color);
7151 background: var(--vbo-config-bg-color);
7152 padding: 10px 10px 20px 10px;
7153 margin-top: 20px;
7154 border-radius: 6px;
7155 }
7156 .vbo-avcalendars-roomphoto {
7157 display: block;
7158 text-align: center;
7159 margin: 5px 0 15px;
7160 }
7161 .vbo-avcalendars-roomphoto img {
7162 border-radius: 2px;
7163 max-height: 250px;
7164 border-radius: 4px;
7165 }
7166 .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont {
7167 margin-bottom: 10px;
7168 margin-bottom: 5px;
7169 border-bottom: 1px solid var(--vbo-config-border-color);
7170 padding-bottom: 10px;
7171 }
7172 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
7173 display: inline-block;
7174 margin-right: 10px;
7175 position: relative;
7176 }
7177 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
7178 margin-bottom: 5px;
7179 font-weight: bold;
7180 }
7181 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
7182 width: auto !important;
7183 }
7184 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading {
7185 float: right;
7186 margin-left: 5px;
7187 margin-top: 10px;
7188 }
7189 .vbo-calendar-cfields-inner {
7190 display: grid;
7191 grid-template-columns: repeat(2, auto);
7192 gap: 10px 50px;
7193 width: 100%;
7194 padding: 5px 0;
7195 }
7196 .vbo-calendar-cfields-bottom {
7197 margin: 10px 0 15px 0;
7198 }
7199 .vbo-calendar-cfields-bottom .btn {
7200 border: 1px solid var(--vbo-config-border-color);
7201 border-radius: 2px;
7202 padding: 10px 14px;
7203 margin-bottom: 0;
7204 }
7205 .vbo-calendar-cfields-bottom .btn i {
7206 margin-right: 5px;
7207 }
7208 .vbo-calendar-cfields-bottom .btn-success {
7209 border: 1px solid var(--vbo-green-color);
7210 }
7211 .vbo-calendar-cfields-bottom .btn-success i {
7212 margin-right: 6px;
7213 }
7214 .vbo-calendar-cfields-bottom .icon-edit::before {
7215 color: #fff;
7216 }
7217 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
7218 display: inline-block;
7219 }
7220 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span {
7221 width: 100%;
7222 display: inline-block;
7223 }
7224 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
7225 max-width: 100%;
7226 }
7227 .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea {
7228 border: 1px solid var(--vbo-config-border-color);
7229 border-radius: 2px;
7230 padding: 5px 10px;
7231 margin-bottom: 0;
7232 width: 100% !important;
7233 box-sizing: border-box;
7234 height: auto;
7235 }
7236 .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus {
7237 background-color: var(--vbo-input-style-deactive);
7238 }
7239 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select {
7240 border-radius: 2px;
7241 background-color: var(--vbo-config-bg-color);
7242 border: 1px solid var(--vbo-input-style);
7243 padding: 5px 10px;
7244 height: inherit;
7245 width: 100% !important;
7246 }
7247 .vbo-assign-customer {
7248 cursor: pointer;
7249 background: var(--vbo-config-bg-color);
7250 color: var(--vbo-base-color);
7251 border-radius: 3px;
7252 display: flex;
7253 align-items: center;
7254 gap: 5px;
7255 width: fit-content;
7256 font-weight: bold;
7257 border: 1px solid var(--vbo-base-color);
7258 }
7259 .vbo-assign-customer > i {
7260 background: var(--vbo-base-color);
7261 color: var(--vbo-config-bg-color);
7262 padding: 8px 10px;
7263 font-size: 18px;
7264 }
7265 .vbo-assign-customer > span {
7266 padding: 0 8px 0 3px;
7267 display: inline-block;
7268 vertical-align: middle;
7269 }
7270 .vbo-assign-customer:hover {
7271 background: var(--vbo-base-color);
7272 color: #fff;
7273 }
7274 .vbo-assign-customer:active, .vbo-assign-customer:active > i {
7275 background: var(--vbo-base-color-hover);
7276 }
7277 #vbfillcustfields .icon-edit::before {
7278 color: #fff;
7279 font-weight: normal;
7280 }
7281 #quickbsubmit i:before {
7282 color: #fff;
7283 }
7284 #vbspanbstat strong {
7285 display: inline-block;
7286 min-width: 125px;
7287 }
7288 #vbspanbpay strong {
7289 display: inline-block;
7290 min-width: 125px;
7291 }
7292 #vbspancmail strong {
7293 display: inline-block;
7294 min-width: 125px;
7295 }
7296 #vbo-highlight-cfields mark {
7297 padding: 0 3px;
7298 margin: -1px -4px;
7299 border-radius: 0.5em;
7300 }
7301 .vbo-calendar-cfield-entry label {
7302 display: block;
7303 font-weight: bold;
7304 color: var(--vbo-config-titles-color-light);
7305 margin-bottom: 4px;
7306 }
7307 #vbo-searchcust-loading, .vbo-searchcust-loading {
7308 display: none;
7309 }
7310 #vbo-searchcust-res, .vbo-searchcust-res {
7311 position: absolute;
7312 z-index: 2;
7313 width: 100%;
7314 max-width: 300px;
7315 }
7316 .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res {
7317 width: 90%;
7318 }
7319 #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner {
7320 list-style: none;
7321 text-align: left;
7322 padding: 0;
7323 margin: 0 0 0 -1px;
7324 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
7325 background-color: var(--vbo-config-bg-color);
7326 border: 1px solid var(--vbo-config-border-color);
7327 white-space: nowrap;
7328 max-height: 200px;
7329 width: 100%;
7330 overflow-y: scroll;
7331 }
7332 .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry {
7333 padding: 6px 10px;
7334 outline: none;
7335 cursor: pointer;
7336 }
7337 .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed {
7338 background: rgba(0,0,0,0.05);
7339 }
7340 .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag {
7341 margin-right: 8px;
7342 display: inline-block;
7343 vertical-align: top;
7344 }
7345 .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img {
7346 display: inline-block;
7347 vertical-align: top;
7348 }
7349 #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child,
7350 #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child {
7351 border-bottom-right-radius: 4px;
7352 border-bottom-left-radius: 4px;
7353 }
7354 .vbo-custsearchres-name {
7355 display: inline-block;
7356 min-width: 130px;
7357 }
7358 .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span {
7359 margin-right: 5px;
7360 }
7361 /* Calendar - End */
7362 /* Outer Info message - Start */
7363 .vbo-outer-info-message {
7364 border: 2px solid var(--vbo-base-color);
7365 border-radius: 4px;
7366 padding: 5px;
7367 margin-bottom: 10px;
7368 cursor: pointer;
7369 }
7370 .vbo-outer-info-message .vboicn-info {
7371 margin-right: 5px;
7372 font-size: 16px;
7373 color: var(--vbo-base-color);
7374 }
7375 .vbo-outer-info-message span {
7376 display: inline-block;
7377 vertical-align: top;
7378 }
7379 .vbo-info-message-cont {
7380 padding: 5px;
7381 font-weight: bold;
7382 }
7383 .vbo-dyninpnum-cont input[type="number"],
7384 #vbjstotnights input[type="number"] {
7385 width: 100px !important;
7386 }
7387 .vbo-dyninpnum-cont select {
7388 max-width: 130px;
7389 }
7390 /* Outer Info message - End */
7391 .vbo-country-flag-left {
7392 float: left;
7393 margin: 0 5px 0 0;
7394 }
7395 .vbo-country-flag {
7396 width: 16px;
7397 height: 16px;
7398 object-fit: cover;
7399 border-radius: 50%;
7400 }
7401 .vbo-country-flag.vbo-customer-avatar-flag {
7402 border-radius: 50%;
7403 }
7404 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
7405 object-fit: cover;
7406 }
7407 .vbo-roomentries-cont {
7408 float: left;
7409 display: inline-block;
7410 margin: 0 15px 0 2px;
7411 width: 204px;
7412 height: auto;
7413 overflow: hidden;
7414 }
7415 .vbo-roomentry-cont {
7416 display: block;
7417 margin: 5px 0;
7418 }
7419 .vbo-roomentries-cont .vbo-roomentry-cont:first-child {
7420 margin-top: 0;
7421 }
7422 .vbo-roomentry-cont input[type="checkbox"] {
7423 display: inline-block;
7424 margin-right: 5px;
7425 margin-top: 0;
7426 }
7427 .vbo-roomentry-cont label {
7428 display: inline !important;
7429 }
7430 tr.vbroomparamp td #lastavail {
7431 vertical-align: top;
7432 }
7433 tr.vbroomparamp td span {
7434 font-size: smaller;
7435 font-style: italic;
7436 display: inline-block;
7437 padding-left: 8px;
7438 max-width: 450px;
7439 }
7440 ul.vbo-sortable {
7441 list-style-type: none;
7442 margin: 0;
7443 padding: 0;
7444 }
7445 ul.vbo-sortable li {
7446 margin-right: 12px;
7447 padding: 1px;
7448 display: inline-block;
7449 vertical-align: top;
7450 width: auto;
7451 max-height: 70px;
7452 margin-bottom: 5px;
7453 }
7454 .vbo-editroom-currentphoto {
7455 position: relative;
7456 }
7457 .vbo-editroom-currentphoto a {
7458 cursor: grab;
7459 }
7460 .vbo-editroom-currentphoto a.vbo-toggle-imgcaption {
7461 cursor: pointer;
7462 }
7463 .vbo-tip-small {
7464 display: inline-block;
7465 min-width: 30px;
7466 }
7467 .vbo-smalltext {
7468 font-size: smaller;
7469 }
7470 .vbo-first-imgup {
7471 display: inline-block;
7472 border: 1px solid var(--vbo-config-border-color);
7473 border-radius: 3px;
7474 padding: 10px;
7475 margin: 5px 0;
7476 background: var(--vbo-main-bg-color);
7477 width: 100%;
7478 box-sizing: border-box;
7479 }
7480 .vbo-first-imgup > span {
7481 border-left: 1px solid rgb(221, 221, 221);
7482 display: inline-block;
7483 padding: 5px 0px 5px 10px;
7484 }
7485 .vbo-first-imgup > input[type="file"] {
7486 box-sizing: border-box;
7487 height: auto;
7488 margin-bottom: 10px;
7489 background: var(--vbo-input-style);
7490 }
7491 .vbo-first-imgup > input[type="text"] {
7492 margin-top: 7px;
7493 }
7494 .vbo-first-imgup + #myDiv {
7495 margin-bottom: 5px;
7496 }
7497 .vbo-imgup-caption {
7498 margin-top: 5px;
7499 }
7500 .vbo-imgup-caption span {
7501 display: block;
7502 margin-bottom: 4px;
7503 }
7504 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] {
7505 width: 100% !important;
7506 box-sizing: border-box;
7507 height: auto;
7508 }
7509 /* Multi Photos Upload Modal Window - Start */
7510 .vbo-info-overlay-content {
7511 width: 70%;
7512 }
7513 .vbo-info-overlay-content .btn-success {
7514 padding: 9px 14px;
7515 }
7516 .vbo-info-overlay-content .btn-success i {
7517 color: #fff;
7518 display: inline-block;
7519 margin-right: 10px;
7520 }
7521 .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block {
7522 position: fixed;
7523 left: 0;
7524 top: 0;
7525 width: 100%;
7526 height: 100%;
7527 background-color: rgba(0,0,0,0.5);
7528 display: none;
7529 z-index: 99999999 !important;
7530 }
7531 a.vbo-info-overlay-close {
7532 display: block;
7533 height: 100%;
7534 cursor: default;
7535 }
7536 .vbo-info-overlay-content {
7537 position: fixed;
7538 left: 50%;
7539 top: 50%;
7540 transform: translate(-50%, -50%);
7541 width: 40%;
7542 height: 60%;
7543 z-index: 101;
7544 padding: 20px;
7545 border-radius: 5px;
7546 background-color: var(--vbo-config-bg-color);
7547 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
7548 overflow: auto;
7549 }
7550 .vbo-info-overlay-header {
7551 margin-bottom: 20px;
7552 }
7553 .vbo-info-overlay-content .vbo-info-overlay-header h3 {
7554 display: inline-block;
7555 border: 0;
7556 text-align: left;
7557 }
7558 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap {
7559 float: right;
7560 }
7561 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn {
7562 background: var(--vbo-base-color);
7563 color: #fff;
7564 padding: 9px 14px;
7565 margin-right: 8px;
7566 }
7567 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover {
7568 background: var(--vbo-base-color-hover) !important;
7569 }
7570 .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 {
7571 background: var(--vbo-link-text-color) !important;
7572 }
7573 .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success {
7574 padding: 9px 14px;
7575 }
7576 .vbo-info-overlay-content.vbo-info-overlay-content-orphans {
7577 overflow: visible;
7578 }
7579 .vbo-info-overlay-scroll-content {
7580 overflow: hidden;
7581 height: 70%;
7582 position: relative;
7583 overflow-y: scroll;
7584 }
7585 .vbo-info-overlay-content.vbo-info-overlay-content-getcmd {
7586 position: fixed;
7587 left: 50%;
7588 top: 50%;
7589 transform: translate(-50%, -50%);
7590 width: 60%;
7591 height: 60%;
7592 z-index: 101;
7593 padding: 10px;
7594 border-radius: 5px;
7595 background-color: var(--vbo-config-bg-color);
7596 box-shadow: 5px 5px 5px 0 #000;
7597 overflow: auto;
7598 }
7599 .vbo-modal-alert .vbo-info-overlay-content {
7600 height: 20%;
7601 top: 40%;
7602 }
7603 .vbo-modal-alert.warning-longer .vbo-info-overlay-content {
7604 height: 40%;
7605 top: 20%;
7606 left: 25%;
7607 width: 50%;
7608 }
7609 .vbo-info-overlay-content h3 {
7610 text-align: center;
7611 margin-top: 0;
7612 border-bottom: 1px solid var(--vbo-config-border-color);
7613 padding-bottom: 10px;
7614 }
7615 .vbo-modal-alert.warning .vbo-info-overlay-content h3 {
7616 color: var(--vbo-red-color);
7617 }
7618 #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap {
7619 text-align: left;
7620 margin-bottom: 10px;
7621 }
7622 #vbo-overlay-email-cont .vbo-calendar-cfields-wrap {
7623 background: var(--vbo-config-bg-color);
7624 padding: 20px;
7625 border: 1px solid var(--vbo-config-border-color);
7626 box-shadow: 0 10px 20px rgba(0,0,0,.1);
7627 }
7628 #vbo-overlay-email-cont .vbo-calendar-cfield-entry {
7629 margin: 5px 0;
7630 box-sizing: border-box;
7631 display: inline-block;
7632 width: 100%;
7633 }
7634 .vbo-overlay-checkin-body iframe {
7635 width: 100%;
7636 border: 0;
7637 height: 50vh;
7638 }
7639 .vbo-info-overlay-content-animated {
7640 -webkit-animation-name: VikbounceInUp;
7641 animation-name: VikbounceInUp;
7642
7643 -webkit-animation-duration: .6s;
7644 animation-duration: .6s;
7645 -webkit-animation-fill-mode: both;
7646 animation-fill-mode: both;
7647 }
7648 .vbo-info-overlay-block-animation:target {
7649 visibility: visible;
7650 }
7651 .vbo-info-overlay-content-hidden {
7652 display: none;
7653 }
7654 .vbo-admin-wizard-container {
7655 margin-bottom: 10px;
7656 }
7657 .vbo-admin-wizard-container .vbo-wizard-btn {
7658 background: #3961bf;
7659 border: 1px solid #3961bf;
7660 color: #fff;
7661 font-weight: bold;
7662 padding: 10px 14px;
7663 margin-right: 5px;
7664 }
7665 .vbo-admin-wizard-container .vbo-wizard-btn:hover {
7666 background: #27417d;
7667 border-color: #27417d;
7668 }
7669 .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active {
7670 background: #5c77b5;
7671 border-color: #5c77b5;
7672 }
7673 .vbo-admin-wizard-container .vbo-wizard-btn i {
7674 margin-right: 5px;
7675 }
7676
7677 @-webkit-keyframes VikbounceInUp {
7678 from,
7679 60%,
7680 75%,
7681 90%,
7682 to {
7683 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7684 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7685 }
7686
7687 from {
7688 opacity: 0;
7689 -webkit-transform: translate3d(-50%, 150%, 0);
7690 transform: translate3d(-50%, 150%, 0);
7691 }
7692
7693 60% {
7694 opacity: 1;
7695 -webkit-transform: translate3d(-50%, 100%, 0);
7696 transform: translate3d(-50%, 100%, 0);
7697 }
7698
7699 75% {
7700 -webkit-transform: translate3d(-50%, 20%, 0);
7701 transform: translate3d(-50%, 20%, 0);
7702 }
7703
7704 90% {
7705 -webkit-transform: translate3d(-50%, -25%, 0);
7706 transform: translate3d(-50%, -25%, 0);
7707 }
7708
7709 to {
7710 -webkit-transform: translate3d(-50%, -50%, 0);
7711 transform: translate3d(-50%, -50%, 0);
7712 }
7713 }
7714
7715 @keyframes VikbounceInUp {
7716 from,
7717 60%,
7718 75%,
7719 90%,
7720 to {
7721 -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7722 animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1);
7723 }
7724
7725 from {
7726 opacity: 0;
7727 -webkit-transform: translate3d(-50%, 150%, 0);
7728 transform: translate3d(-50%, 150%, 0);
7729 }
7730
7731 60% {
7732 opacity: 1;
7733 -webkit-transform: translate3d(-50%, 100%, 0);
7734 transform: translate3d(-50%, 100%, 0);
7735 }
7736
7737 75% {
7738 -webkit-transform: translate3d(-50%, 20%, 0);
7739 transform: translate3d(-50%, 20%, 0);
7740 }
7741
7742 90% {
7743 -webkit-transform: translate3d(-50%, -25%, 0);
7744 transform: translate3d(-50%, -25%, 0);
7745 }
7746
7747 to {
7748 -webkit-transform: translate3d(-50%, -50%, 0);
7749 transform: translate3d(-50%, -50%, 0);
7750 }
7751 }
7752
7753 .bounceInUp {
7754 -webkit-animation-name: VikbounceInUp;
7755 animation-name: VikbounceInUp;
7756 }
7757
7758 .vbo-info-overlay-content-wizard {
7759 padding: 25px;
7760 width: 50%;
7761 height: 80%;
7762 }
7763 .vbo-info-overlay-content-wizard {
7764 display: none;
7765 }
7766 .vbo-info-overlay-content-animated {
7767 display: block;
7768 }
7769 .vbo-info-overlay-content-wizard h3 {
7770 text-align: left;
7771 border-bottom: 0;
7772 font-size: 22px;
7773 margin-bottom: 0;
7774 }
7775 .vbo-tariffs-wizard-help-wrap {
7776 margin-bottom: 20px;
7777 }
7778 .vbo-tariffs-wizard-help-wrap p span {
7779 font-style: italic;
7780 }
7781 .vbo-tariffs-wizard-help-wrap h4 {
7782 font-size: 20px;
7783 margin-top: 30px;
7784 font-weight: normal;
7785 }
7786 .vbo-tariffs-wizard-prices-wrap {
7787 display: flex;
7788 flex-wrap: wrap;
7789 justify-content: center;
7790 }
7791 .vbo-tariffs-wizard-price {
7792 flex-basis: 25%;
7793 text-align: center;
7794 border: 2px solid #a3cae1;
7795 padding: 25px;
7796 margin: 4px;
7797 border-radius: 4px;
7798 }
7799 .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name {
7800 display: block;
7801 font-weight: bold;
7802 margin-bottom: 5px;
7803 }
7804 .vbo-tariffs-wizard-prices-submit {
7805 text-align: center;
7806 margin-top: 15px;
7807 }
7808 .vbo-rplans-wizard-wrap {
7809 display: flex;
7810 }
7811 .vbo-tariffs-wizard-help-wrap h4 {
7812 text-align: center;
7813 }
7814 .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap {
7815 display: inline-block;
7816 padding: 15px;
7817 border: 1px solid #ddd;
7818 border-radius: 4px;
7819 flex: 1;
7820 margin: 5px;
7821 }
7822 .vbo-rplans-wizard-tprice-name {
7823 display: inline-block;
7824 width: 100%;
7825 }
7826 .vbo-rplans-wizard-tprice-name label {
7827 font-weight: bold;
7828 font-size: 18px;
7829 display: inline-block;
7830 }
7831 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap {
7832 float: right;
7833 margin: 0;
7834 padding-top: 0;
7835 padding-bottom: 0;
7836 }
7837 .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label {
7838 margin-bottom: 0;
7839 }
7840 .vbo-rplans-wizard-tprice-bkincl label {
7841 display: inline-block;
7842 }
7843 .vbo-rplans-wizard-tprice-bkincl input {
7844 margin-top: 0 !important;
7845 }
7846 .fileinput-button {
7847 position: relative;
7848 overflow: hidden;
7849 display: inline-block;
7850 }
7851 .fileinput-button input {
7852 position: absolute;
7853 top: 0;
7854 right: 0;
7855 margin: 0;
7856 opacity: 0;
7857 -ms-filter: 'alpha(opacity=0)';
7858 font-size: 200px;
7859 direction: ltr;
7860 cursor: pointer;
7861 }
7862 /* Fixes for IE < 8 */
7863 @media screen\9 {
7864 .fileinput-button input {
7865 filter: alpha(opacity=0);
7866 font-size: 100%;
7867 height: 100%;
7868 }
7869 }
7870 .progress {
7871 background-color: var(--vbo-config-child-bg-color);
7872 border-radius: 4px;
7873 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
7874 height: 20px;
7875 margin-bottom: 20px;
7876 overflow: hidden;
7877 }
7878 .progress-bar {
7879 background-color: var(--vbo-blue-color);
7880 box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
7881 color: #fff;
7882 float: left;
7883 font-size: 12px;
7884 height: 100%;
7885 line-height: 20px;
7886 text-align: center;
7887 transition: width 0.6s ease 0s;
7888 width: 0;
7889 }
7890 .progress-bar-success {
7891 background-color: var(--vbo-green-color) !important;
7892 }
7893 .vbo-info-overlay-content .files {
7894 display: inline-block;
7895 width: 100%;
7896 min-height: 40%;
7897 border: 2px dashed var(--vbo-config-border-color);
7898 box-sizing: border-box;
7899 padding: 10px;
7900 }
7901 .vbo-upload-photo {
7902 float: left;
7903 margin: 0 10px 0 0;
7904 padding: 5px;
7905 }
7906 .vbo-upload-photo canvas {
7907 border: 1px solid var(--vbo-basic-btn);
7908 border-radius: 4px;
7909 }
7910 .vbo-upload-photo p {
7911 margin: 0;
7912 text-align: center;
7913 }
7914 .vbo-upload-photo span {
7915 font-weight: bold;
7916 text-align: center;
7917 display: block;
7918 text-align: center;
7919 color: var(--vbo-config-titles-color-light);
7920 }
7921 .vbo-upload-photo p button {
7922 margin-top: 5px;
7923 }
7924 .vbo-info-overlay-content #progress {
7925 margin-top: 15px;
7926 }
7927 .vbo-upload-done {
7928 display: none;
7929 width: 100%;
7930 text-align: center;
7931 padding-top: 15px;
7932 margin-top: 10px;
7933 }
7934 .vbo-upload-done .btn i:before {
7935 color: #fff;
7936 }
7937 .vbo-toggle-imgcaption {
7938 position: absolute;
7939 width: 22px;
7940 font-size: 16px;
7941 z-index: 100;
7942 margin-left: -11px;
7943 margin-top: -6px;
7944 background: var(--vbo-main-bg-color);
7945 border-radius: 50%;
7946 object-fit: cover;
7947 border: 1px solid var(--vbo-config-border-color);
7948 height: 22px;
7949 line-height: 22px;
7950 display: inline-block;
7951 text-align: center;
7952 color: var(--vbo-config-titles-color-light);
7953 }
7954 .vbo-toggle-imgcaption-on {
7955 color: var(--vbo-base-color);
7956 }
7957 .vbo-rmphotos-cont {
7958 margin-bottom: 10px;
7959 }
7960 .vbo-small-p-info {
7961 font-size: smaller;
7962 margin: 10px 0 0;
7963 text-align: right;
7964 }
7965 .vbo-bulkupload-cont {
7966 margin: 20px 0 0 0;
7967 }
7968 /* Multi Photos Upload Modal Window - End */
7969 /* Room Units Distinctive Features - Start */
7970 .vbo-distfeature-row {
7971 display: none;
7972 }
7973 .vbo-distfeatures-toggle-cont {
7974 display: block;
7975 text-align: left;
7976 }
7977 .vbo-distfeatures-cont {
7978 display: none;
7979 background-color: var(--vbo-config-child-bg-color);
7980 padding: 20px;
7981 margin-top: 5px;
7982 }
7983 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input {
7984 background-color: var(--vbo-input-style) !important;
7985 }
7986 .vbo-runit-features-cont {
7987 display: block;
7988 margin-bottom: 10px;
7989 padding-bottom: 10px;
7990 border-bottom: 1px solid var(--vbo-config-border-color);
7991 }
7992 .vbo-runit-features-cont:last-child {
7993 margin-bottom: 0;
7994 border-bottom: 0;
7995 padding-bottom: 0;
7996 }
7997 .vbo-runit-num {
7998 display: block;
7999 font-weight: bold;
8000 }
8001 .vbo-runit-features {
8002 display: block;
8003 }
8004 .vbo-runit-feature {
8005 display: flex;
8006 margin: 5px 0 5px 0;
8007 }
8008 .vbo-runit-feature input {
8009 margin-right: 10px;
8010 }
8011 .vbo-runit-feature input:focus {
8012 background: #fff;
8013 }
8014 .vbo-feature-add {
8015 cursor: pointer;
8016 }
8017 .vbo-feature-remove {
8018 cursor: pointer;
8019 display: inline-block;
8020 font-size: 20px;
8021 align-self: center;
8022 }
8023 /* Room Units Distinctive Features - End */
8024 .vbo-closed-date-entry {
8025 display: inline-block;
8026 background-color: var(--vbo-toolbar-bg-color);
8027 border: 1px solid var(--vbo-toolbar-bg-color);
8028 border-radius: 30px;
8029 margin: 5px 5px 0px 0;
8030 padding: 5px 10px;
8031 color: var(--vbo-base-color);
8032 font-weight: bold;
8033 }
8034 .vbo-closed-date-rm {
8035 cursor: pointer;
8036 display: inline-block;
8037 margin-left: 3px;
8038 width: 18px;
8039 height: 18px;
8040 line-height: 15px;
8041 font-size: 8px;
8042 text-align: center;
8043 border-radius: 50%;
8044 color: var(--vbo-blue-color);
8045 line-height: 20px;
8046 float: right;
8047 }
8048 .vbo-closed-date-rm:hover {
8049 background: var(--vbo-blue-color);
8050 color: #fff;
8051 }
8052 .vbo-closed-date-rm i {
8053 margin: 0 !important;
8054 }
8055 /* Occupancy Pricing Override - Start */
8056 .occupancy-room {
8057 display: block;
8058 margin-left: 5px;
8059 }
8060 .occupancy-room-name {
8061 display: block;
8062 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
8063 font-weight: bold;
8064 border-radius: 2px;
8065 border: 1px solid var(--vbo-config-border-color);
8066 cursor: pointer;
8067 padding: 8px 10px;
8068 margin: 5px 0 0;
8069 }
8070 .occupancy-room-data {
8071 display: none;
8072 padding: 20px;
8073 background: var(--vbo-config-child-bg-color);
8074 }
8075 .occupancy-room-data .occupancy-adults-data {
8076 margin: 0 0 15px;
8077 }
8078 .occupancy-room-data .occupancy-adults-data:last-child {
8079 margin-bottom: 0;
8080 }
8081 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * {
8082 vertical-align: top;
8083 }
8084 .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input {
8085 padding: 5px 10px;
8086 }
8087 .occupancy-adults-lbl {
8088 display: inline-block;
8089 margin-bottom: 5px;
8090 font-weight: bold;
8091 }
8092 .occupancy-adults-ovr > * {
8093 margin-right: 5px;
8094 }
8095 /* Occupancy Pricing Override - End */
8096 /* Crons - Start */
8097 .vbo-shell-wrap {
8098 width: 100%;
8099 -webkit-border-radius: 3px;
8100 -moz-border-radius: 3px;
8101 border-radius: 3px;
8102 }
8103 .vbo-shell-top-bar {
8104 text-align: center;
8105 color: var(--vbo-config-title-color);
8106 padding: 5px 0;
8107 margin: 0;
8108 font-size: 1.15em;
8109 border: 1px solid var(--vbo-config-border-color);
8110 border-bottom: none;
8111 -webkit-border-top-left-radius: 3px;
8112 -webkit-border-top-right-radius: 3px;
8113 -moz-border-radius-topleft: 3px;
8114 -moz-border-radius-topright: 3px;
8115 border-top-left-radius: 3px;
8116 border-top-right-radius: 3px;
8117 background: var(--vbo-config-child-bg-color);
8118 }
8119 .vbo-shell-body {
8120 margin: 0;
8121 padding: 5px;
8122 list-style: none;
8123 background: #141414;
8124 color: #fff;
8125 /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/
8126 font-size: 0.95em;
8127 line-height: 1.6em;
8128 -webkit-border-bottom-right-radius: 3px;
8129 -webkit-border-bottom-left-radius: 3px;
8130 -moz-border-radius-bottomright: 3px;
8131 -moz-border-radius-bottomleft: 3px;
8132 border-bottom-right-radius: 3px;
8133 border-bottom-left-radius: 3px;
8134 }
8135 .vbo-shell-body p:before {
8136 content: '$';
8137 position: absolute;
8138 left: 0;
8139 top: 0;
8140 }
8141 .vbo-shell-body span:before {
8142 content: '-';
8143 position: absolute;
8144 left: 0;
8145 top: 0;
8146 }
8147 .vbo-shell-body p, .vbo-shell-body span {
8148 word-wrap: break-word;
8149 position: relative;
8150 padding: 0 0 0 15px;
8151 display: block;
8152 margin: 2px 0 4px 0;
8153 }
8154 .vbo-cronexec-log {
8155 margin-top: 5px;
8156 }
8157 .vbo-cronexec-log pre {
8158 background: #141414 none repeat scroll 0 0;
8159 border-radius: 0;
8160 color: #fff;
8161 padding: 0;
8162 }
8163 /* Crons - End */
8164 /* Graphs & Statistics - Start */
8165 .vbo-stats-wrapper {
8166 background: var(--vbo-main-bg-color);
8167 padding: 20px 12px;
8168 }
8169 .vbo-stats-wrapper .adminform .adminlegend {
8170 font-weight: bold;
8171 width: 100%;
8172 margin-bottom: 20px;
8173 }
8174 .vbo-graph-bottom-wrapper {
8175 margin-top: 35px;
8176 }
8177 .vbo-graph-top-inner, .vbo-graph-bottom-inner {
8178 display: flex;
8179 flex-wrap: wrap;
8180 }
8181 .vbo-graph-top-left, .vbo-graph-bottom-left {
8182 flex: 1;
8183 margin-right: 20px;
8184 }
8185 .vbo-graph-top-right, .vbo-graph-bottom-right {
8186 flex-basis: 25%;
8187 }
8188 .vbo-graphstats-left {
8189 background: var(--vbo-config-bg-color);
8190 padding: 30px;
8191 border-radius: 16px;
8192 box-shadow: 0 3px 10px rgba(0,0,0,.05);
8193 }
8194 #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights {
8195 width: 100% !important;
8196 }
8197 #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights {
8198 height: 250px;
8199 }
8200 .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright {
8201 background: var(--vbo-config-bg-color);
8202 padding: 20px;
8203 border-radius: 16px;
8204 box-shadow: 0 3px 10px rgba(0,0,0,.05);
8205 margin-bottom: 15px;
8206 }
8207 .vbo-graph-top-right .vbo-graphstats-thirdright {
8208 border-bottom: 2px solid var(--vbo-base-color);
8209 }
8210 .vbo-graphstats-thirdright {
8211 margin-top: 25px;
8212 }
8213 .vbo-graphstats-thirdright > p {
8214 font-weight: bold;
8215 padding: 0;
8216 text-align: right;
8217 }
8218 .vbo-graphstats-thirdright > p:first-child {
8219 padding-top: 10px;
8220 }
8221 .vbo-graphstats-thirdright > p i {
8222 font-size: 11px;
8223 }
8224 .vbo-graphstats-thirdright p span {
8225 display: inline-block;
8226 min-width: 155px;
8227 float: left;
8228 text-align: left;
8229 }
8230 .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 {
8231 text-align: center;
8232 margin-top: 0;
8233 margin-bottom: 10px;
8234 border-bottom: 1px solid var(--vbo-basic-btn);
8235 padding-bottom: 10px;
8236 }
8237 .vbo-graph-bottom-right h4 {
8238 text-align: center;
8239 margin-top: 0;
8240 margin-bottom: 10px;
8241 border-bottom: 1px solid var(--vbo-basic-btn);
8242 padding-bottom: 0;
8243 }
8244 .vbo-graphstats-countries {
8245 padding-bottom: 10px;
8246 }
8247 .vbo-graphstats-country-wrap {
8248 display: inline-block;
8249 width: 100%;
8250 margin: 2px 0;
8251 }
8252 .vbo-graphstats-country-wrap > span {
8253 vertical-align: middle;
8254 }
8255 .vbo-graphstats-country-img {
8256 display: inline-block;
8257 margin-right: 5px;
8258 }
8259 .vbo-graphstats-country-name {
8260 display: inline-block;
8261 font-weight: bold;
8262 min-width: 120px;
8263 margin-right: 5px;
8264 }
8265 .vbo-graphstats-country-totb.badge {
8266 display: inline-block;
8267 float: right;
8268 background-color: transparent;
8269 border: 2px solid var(--vbo-config-text-color-light);
8270 color: var(--vbo-config-titles-color-light);
8271 border-radius: 50px;
8272 }
8273 .vbo-graphstats-mod-containers {
8274 display: flex;
8275 flex-wrap: wrap;
8276 justify-content: center;
8277 }
8278 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
8279 flex-basis: 50%;
8280 }
8281 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
8282 background: var(--vbo-config-bg-color);
8283 padding: 20px;
8284 border-radius: 16px;
8285 box-shadow: 0 3px 10px rgba(0,0,0,.05);
8286 margin-bottom: 15px;
8287 margin-right: 5px;
8288 }
8289 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl {
8290 font-weight: bold;
8291 color: var(--vbo-config-titles-color-light);
8292 margin-bottom: 10px;
8293 }
8294 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val {
8295 font-size: 26px;
8296 font-weight: bold;
8297 }
8298 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr {
8299 font-size: 13px;
8300 display: inline-block;
8301 vertical-align: top;
8302 color: var(--vbo-config-titles-color-light);
8303 }
8304 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i {
8305 font-size: 14px;
8306 display: inline-block;
8307 vertical-align: top;
8308 }
8309 .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i {
8310 color: var(--vbo-green-color);
8311 }
8312 .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i {
8313 color: var(--vbo-red-color);
8314 }
8315 #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights {
8316 text-align: center;
8317 }
8318 #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend {
8319 display: inline-block;
8320 text-align: center;
8321 margin: 10px 0 0;
8322 padding: 10px 0;
8323 width: 100%;
8324 }
8325 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
8326 display: inline-block;
8327 margin: 3px 7px;
8328 font-weight: bold;
8329 }
8330 #vbo-graphstats-left-legend ul.line-legend li {
8331 border: 1px solid var(--vbo-config-border-color);
8332 border-radius: 20px;
8333 padding: 10px 12px;
8334 }
8335 #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry {
8336 display: inline-block;
8337 float: left;
8338 height: 15px;
8339 margin: 0 10px 0 0;
8340 width: 15px;
8341 border-radius: 4px;
8342 font-weight: bold;
8343 }
8344 #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights {
8345 text-align: center;
8346 }
8347 #vbo-graphstats-right-legend-nights ul.pie-legend {
8348 display: flex;
8349 margin: 10px 0 0;
8350 padding: 0;
8351 width: 100%;
8352 -ms-flex-wrap: wrap;
8353 -webkit-flex-wrap: wrap;
8354 flex-wrap: wrap;
8355 }
8356 #vbo-graphstats-right-legend ul.pie-legend {
8357 display: flex;
8358 margin: 10px 0 0;
8359 padding: 0;
8360 width: 100%;
8361 -ms-flex-wrap: wrap;
8362 -webkit-flex-wrap: wrap;
8363 flex-wrap: wrap;
8364 }
8365 #vbo-graphstats-right-legend-nights ul.pie-legend li {
8366 display: inline-block;
8367 margin: 3px 7px;
8368 -ms-flex: 0 0 45%;
8369 -webkit-flex: 0 0 45%;
8370 flex: 0 0 45%;
8371 text-align: left;
8372 font-weight: bold;
8373 }
8374 #vbo-graphstats-right-legend ul.pie-legend li {
8375 display: inline-block;
8376 margin: 3px 7px;
8377 -ms-flex: 0 0 45%;
8378 -webkit-flex: 0 0 45%;
8379 flex: 0 0 45%;
8380 text-align: left;
8381 font-weight: bold;
8382 }
8383 #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry {
8384 display: inline-block;
8385 float: left;
8386 height: 15px;
8387 margin: 0 10px 0 0;
8388 width: 15px;
8389 border-radius: 4px;
8390 font-weight: bold;
8391 }
8392 #vbo-graphstats-right-legend ul.pie-legend li > span.entry {
8393 display: inline-block;
8394 float: left;
8395 height: 15px;
8396 margin: 0 10px 0 0;
8397 width: 15px;
8398 border-radius: 4px;
8399 }
8400 .vbo-graphstats-legend-sub {
8401 display: inline-block;
8402 font-size: smaller;
8403 margin-left: 3px;
8404 }
8405 .vbo-graph-introtitle {
8406 display: block;
8407 font-weight: bold;
8408 margin-bottom: 10px;
8409 text-align: center;
8410 }
8411 .vbo-graph-introtitle span {
8412 font-size: 18px;
8413 color: var(--vbo-config-title-color);
8414 }
8415 .vbo-graphstats-thirdright-nights-bestworst {
8416 padding: 0;
8417 }
8418 .vbo-graphstats-thirdright-nights-bestworst > span {
8419 font-weight: bold;
8420 display: block;
8421 }
8422 .vbo-chart-icon-negative {
8423 color: var(--vbo-red-color);
8424 }
8425 .vbo-chart-icon-positive {
8426 color: var(--vbo-green-color);
8427 }
8428
8429 /* Graphs & Statistics - End */
8430 /* Invoices - Start */
8431 .vbo-invoices-wrapper {
8432 display: block;
8433 overflow: hidden;
8434 padding: 15px;
8435 margin-bottom: 20px;
8436 background: var(--vbo-config-child-bg-color);
8437 }
8438 .vbo-invoices-inv-container {
8439 position: relative;
8440 margin: 10px;
8441 width: 300px;
8442 height: 235px;
8443 z-index : 1;
8444 float:left;
8445 background: var(--vbo-config-bg-color);
8446 box-shadow: 0 0 10px rgba(0,0,0,.08);
8447 border: 1px solid var(--vbo-basic-btn);
8448 border-radius: 5px;
8449 -webkit-perspective: 1000;
8450 perspective: 1000;
8451 }
8452 .vbo-invoices-inv-inner {
8453 cursor: pointer;
8454 width: 100%;
8455 height: 100%;
8456 -webkit-transform-style: preserve-3d;
8457 -webkit-transition: all 0.7s linear;
8458 transform-style: preserve-3d;
8459 transition: all 0.7s linear;
8460 }
8461 .vbo-invoices-inv-container.vbo-invoice-active {
8462 border: 1px solid var(--vbo-base-color);
8463 }
8464 .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner {
8465 -webkit-transform: rotateY(180deg);
8466 transform: rotateY(180deg);
8467 }
8468 .vbo-invoices-inv-inner .btn.vbo-light-btn {
8469 padding: 8px 15px;
8470 box-shadow: none;
8471 border-color: var(--vbo-config-border-color);
8472 }
8473 .vbo-invoices-inv-inner .btn.vbo-light-btn:hover {
8474 background-color: var(--vbo-light-color-btn);
8475 }
8476 .vbo-invoices-inv-face {
8477 position: absolute;
8478 width: 100%;
8479 height: 100%;
8480 backface-visibility: hidden;
8481 -webkit-backface-visibility: hidden;
8482 }
8483 .vbo-invoices-inv-face.vbo-invoices-inv-back {
8484 display: flex;
8485 flex-wrap: wrap;
8486 display: block;
8487 -webkit-transform: rotateY(180deg);
8488 transform: rotateY(180deg);
8489 box-sizing: border-box;
8490 text-align: center;
8491 background-color: var(--vbo-config-bg-color);
8492 border-radius: 5px;
8493 }
8494 .vbo-invoices-inv-frontright {
8495 overflow: hidden;
8496 padding: 10px;
8497 }
8498 .vbo-invoices-inv-entry {
8499 display: block;
8500 margin-bottom: 5px;
8501 }
8502 .vbo-invoices-inv-entry-custname {
8503 margin-top: 5px;
8504 }
8505 .vbo-invoices-inv-entry-lbl {
8506 display: inline-block;
8507 margin-right: 5px;
8508 font-weight: bold;
8509 }
8510 .vbo-invoices-inv-entry-val {
8511 display: inline-block;
8512 vertical-align: top;
8513 }
8514 .vbo-invoices-inv-ckbox {
8515 position: absolute;
8516 top: 5px;
8517 left: 5px;
8518 margin: 1px;
8519 }
8520 .vbo-invoices-inv-back-commands {
8521 margin:10px 0;
8522 }
8523 .vbo-invoices-inv-back-commands .btn {
8524 margin:2px;
8525 }
8526 .vbo-invoices-inv-back-entries {
8527 background: var(--vbo-basic-btn-hover);
8528 border-top:1px solid var(--vbo-config-border-color);
8529 padding: 10px 20px;
8530 font-size: 12px;
8531 width: auto;
8532 display: inline-block;
8533 border-radius: 4px;
8534 margin: 2px;
8535 text-align: left;
8536 }
8537 .vbo-invoices-inv-entry-val small {
8538 font-size: 12px;
8539 }
8540 .vbo-invoices-inv-entry-val .label {
8541 margin-left: 3px;
8542 }
8543 .vbo-invoices-inv-frontleft {
8544 position: relative;
8545 }
8546 .vbo-invoices-inv-totals {
8547 position: absolute;
8548 bottom: 2px;
8549 width: calc(100% - 10px);
8550 display: flex;
8551 flex-wrap: wrap;
8552 padding: 6px;
8553 box-sizing: border-box;
8554 border: 1px solid var(--vbo-config-border-color);
8555 margin: 5px;
8556 border-radius: 4px;
8557 }
8558 .vbo-invoices-inv-totals .vbo-invoices-inv-total {
8559 font-weight: bold;
8560 margin-right: 5px;
8561 }
8562 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid {
8563 margin-left: auto;
8564 }
8565 .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge {
8566 padding: 2px 6px;
8567 }
8568 /* Invoices - End */
8569 /* Snapshot - Start */
8570 .vbo-info-overlay-snapshot {
8571 position: fixed;
8572 left: 50%;
8573 top: 50%;
8574 transform: translate(-50%, -50%);
8575 width: 40%;
8576 height: 60%;
8577 z-index: 101;
8578 padding: 20px;
8579 border-radius: 5px;
8580 background-color: var(--vbo-config-bg-color);
8581 box-shadow: 0px 4px 10px rgba(0,0,0, .5);
8582 }
8583 .vbo-info-overlay-snapshot-controls {
8584 display: block;
8585 text-align: center;
8586 }
8587 .vbo-info-overlay-snapshot-controls button {
8588 margin: 0 5px;
8589 }
8590 .vbo-info-overlay-snapshot-controls button i {
8591 margin-right: 5px;
8592 }
8593 .vbo-info-overlay-snapshot-movie {
8594 display: block;
8595 text-align: center;
8596 overflow: auto;
8597 margin: 10px auto;
8598 }
8599 .vbo-cur-idscan {
8600 display: inline-block;
8601 background: var(--vbo-main-bg-color);
8602 padding: 10px 15px;
8603 border-radius: 2px;
8604 border: 1px solid var(--vbo-config-border-color);
8605 color: var(--vbo-config-title-color);
8606 white-space: nowrap;
8607 overflow: hidden;
8608 text-overflow: ellipsis;
8609 max-width: 120px;
8610 margin: 0px 0 0px 10px;
8611 vertical-align: top;
8612 }
8613
8614 /* Snapshot - End */
8615 /* Draggable Elements - Start */
8616 .vbo-draggable-sp {
8617 width: 98%;
8618 cursor: move;
8619 }
8620 .vbo-dragging-sp {
8621 border-radius: 8px;
8622 border: 1px dashed var(--vbo-config-title-color);
8623 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
8624 }
8625 .vbo-tableaux-booking-checkin.vbo-dragging-sp {
8626 border-right: 0;
8627 border-radius: 0;
8628 }
8629 .vbo-dragging-cells-tmp {
8630 border-radius: 8px;
8631 border: 1px dashed var(--vbo-config-bg-color);
8632 background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important;
8633 }
8634 .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span {
8635 margin: 0 !important;
8636 }
8637 .vbo-dragged-cells-tmp {
8638 border-radius: 8px;
8639 border: 1px dashed var(--vbo-config-bg-color);
8640 background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
8641 animation: Vikshake 0.5s ease-in-out;
8642 -webkit-animation: Vikshake 0.5s ease-in-out;
8643 -moz-animation: Vikshake 0.5s ease-in-out;
8644 }
8645 @keyframes Vikshake {
8646 0% {
8647 transform: translateX(0);
8648 }
8649 20% {
8650 transform: translateX(-10px);
8651 }
8652 40% {
8653 transform: translateX(10px);
8654 }
8655 60% {
8656 transform: translateX(-10px);
8657 }
8658 80% {
8659 transform: translateX(10px);
8660 }
8661 100% {
8662 transform: translateX(0);
8663 }
8664 }
8665 @-webkit-keyframes Vikshake {
8666 0% {
8667 transform: translateX(0);
8668 }
8669 20% {
8670 transform: translateX(-10px);
8671 }
8672 40% {
8673 transform: translateX(10px);
8674 }
8675 60% {
8676 transform: translateX(-10px);
8677 }
8678 80% {
8679 transform: translateX(10px);
8680 }
8681 100% {
8682 transform: translateX(0);
8683 }
8684 }
8685 @-moz-keyframes Vikshake {
8686 0% {
8687 transform: translateX(0);
8688 }
8689 20% {
8690 transform: translateX(-10px);
8691 }
8692 40% {
8693 transform: translateX(10px);
8694 }
8695 60% {
8696 transform: translateX(-10px);
8697 }
8698 80% {
8699 transform: translateX(10px);
8700 }
8701 100% {
8702 transform: translateX(0);
8703 }
8704 }
8705 .vboverviewtable > * {
8706 -webkit-touch-callout: none;
8707 -webkit-user-select: none;
8708 -moz-user-select: none;
8709 -ms-user-select: none;
8710 }
8711 table.vboverviewtable td.vbo-overv-avcell {
8712 position: relative;
8713 }
8714 table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell {
8715 min-width: 80px;
8716 max-width: 80px;
8717 height: 50px;
8718 }
8719 table.vboverviewtable th, table.vboverviewtable td {
8720 -moz-box-sizing: border-box;
8721 -webkit-box-sizing: border-box;
8722 box-sizing: border-box;
8723 border-right: 1px solid var(--vbo-config-border-color);
8724 border-bottom: 1px solid var(--vbo-config-border-color);
8725 }
8726 .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td {
8727 padding: 10px;
8728 }
8729 table.vboverviewtable tr:last-child td {
8730 border-bottom: 0;
8731 }
8732 table.vboverviewtable td:last-child {
8733 border-right: 0;
8734 }
8735 .vbo-roomdaynote-full, .vbo-roomdaynote-empty {
8736 position: relative;
8737 }
8738 .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span,
8739 .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp {
8740 position: absolute;
8741 top: 50%;
8742 left: 50%;
8743 transform: translate(-50%, -50%);
8744 overflow: auto;
8745 text-align: center;
8746 }
8747 .vbo-overv-avcell.notbusy.vbo-overv-globally-closed, .vbo-overv-avcell.subnotbusy.vbo-overv-globally-closed, .vbo-overv-avcell.notbusy.vbo-overv-globally-closed.vbo-overv-todaycell {
8748 background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px) !important;
8749 }
8750 .vbo-overv-avcell.notbusy.vbo-overv-globally-closed:hover, .vbo-overv-avcell.subnotbusy.vbo-overv-globally-closed:hover, .vbo-overv-avcell.notbusy.vbo-overv-globally-closed.vbo-overv-todaycell:hover {
8751 background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px) !important;
8752 cursor: not-allowed;
8753 }
8754 .vbo-overv-row-snake td {
8755 padding-bottom: 16px;
8756 vertical-align: bottom;
8757 }
8758 .vboverviewtablerow .vbo-checkinday span {
8759 margin-top: -2px;
8760 display: block;
8761 }
8762 .vboverviewtablerow-subunit td {
8763 position: relative;
8764 }
8765 td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
8766 position: absolute;
8767 }
8768 td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
8769 top: auto;
8770 left: auto;
8771 right: 3px;
8772 bottom: 1px;
8773 transform: none;
8774 cursor: pointer;
8775
8776 visibility: hidden;
8777 }
8778 .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger {
8779 top: auto;
8780 left: auto;
8781 right: 3px;
8782 bottom: 0;
8783 transform: none;
8784 }
8785 .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
8786 animation: 1s vbonotefadeIn;
8787 animation-fill-mode: forwards;
8788 }
8789
8790 @keyframes vbonotefadeIn {
8791 99% {
8792 visibility: hidden;
8793 }
8794 100% {
8795 visibility: visible;
8796 }
8797 }
8798 .vbo-roomdaynote-full:before {
8799 content: "";
8800 width: 100%;
8801 height: 3px;
8802 background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
8803 position: absolute;
8804 bottom: 0;
8805 left: 0;
8806 }
8807 .vbo-tableaux-table .vbo-roomdaynote-full:before {
8808 height: 19px;
8809 }
8810 .vbo-tableaux-table .vbo-roomdaynote-full:after {
8811 content: attr(data-notes);
8812 color: #fff;
8813 font-size: 12px;
8814 position: absolute;
8815 bottom: 1px;
8816 left: 4px;
8817 width: max-content;
8818 z-index: 1;
8819 max-width: 200px;
8820 white-space: nowrap;
8821 overflow: hidden;
8822 text-overflow: ellipsis;
8823 }
8824 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8825 color: var(--vbo-base-color);
8826 font-size: 14px;
8827 }
8828 .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
8829 color: var(--vbo-base-color-hover);
8830 opacity: .8;
8831 }
8832 .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
8833 color: var(--vbo-config-bg-color);
8834 }
8835 .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8836 color: var(--vbo-base-color-hover);
8837 }
8838 .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8839 opacity: .8;
8840 }
8841 .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8842 color: var(--vbo-config-bg-color);
8843 }
8844 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
8845 color: #fff;
8846 z-index: 10;
8847 }
8848 .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
8849 color: #b8d5f5;
8850 }
8851 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin {
8852 width: calc(70% - 15px);
8853 }
8854 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8855 width: calc(34% - 20px);
8856 }
8857 .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout {
8858 width: calc(34% - 10px);
8859 }
8860 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name {
8861 width: 40px;
8862 text-overflow: ellipsis;
8863 overflow: hidden;
8864 text-align: left;
8865 }
8866 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name {
8867 width: 110px;
8868 text-overflow: ellipsis;
8869 overflow: hidden;
8870 text-align: left;
8871 }
8872 .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name {
8873 width: 190px;
8874 text-overflow: ellipsis;
8875 overflow: hidden;
8876 text-align: left;
8877 }
8878 .vbo-overv-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name {
8879 width: auto !important;
8880 }
8881 /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */
8882 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last {
8883 width: 50%;
8884 }
8885 .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty {
8886 display: none;
8887 }
8888 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
8889 display: inline-block;
8890 margin-left: 5px;
8891 }
8892 .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
8893 font-weight: bold;
8894 }
8895 .vbo-modal-roomdaynotes-addnew {
8896 border: 1px solid var(--vbo-config-border-color);
8897 padding: 10px 20px 20px;
8898 border-radius: 4px;
8899 background: var(--vbo-config-child-bg-color);
8900 }
8901 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
8902 margin: 10px 0;
8903 }
8904 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
8905 display: block;
8906 margin-bottom: 5px;
8907 }
8908 .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
8909 width: 100% !important;
8910 box-sizing: border-box;
8911 min-height: 80px;
8912 }
8913 tr.vboverviewtablerow-subunit {
8914 display: none;
8915 }
8916 .vbo-info-overlay-content-fests {
8917 padding: 0;
8918 }
8919 .vbo-info-overlay-content-fests > h3 {
8920 padding-top: 15px;
8921 padding-bottom: 15px;
8922 }
8923 .vbo-overlay-fests-list {
8924 padding: 10px 30px;
8925 }
8926 .vbo-overlay-fest-details {
8927 display: flex;
8928 margin: 4px 0 15px;
8929 padding: 10px;
8930 border: 1px solid var(--vbo-config-border-color);
8931 border-radius: 4px;
8932 }
8933 .vbo-roverw-roomdaynotes-title {
8934 font-size: 15px;
8935 margin-bottom: 7px;
8936 }
8937 .vbo-roverv-roomdaynotes-note-details {
8938 border: 1px solid #bce3ec;
8939 }
8940 .vbo-overlay-fest-details .vbo-fest-info {
8941 margin-right: 15px;
8942 align-self: center;
8943 }
8944 .vbo-overlay-fest-details .vbo-fest-cmds {
8945 margin-left: auto;
8946 }
8947 .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i {
8948 margin-right: 0;
8949 }
8950 .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
8951 font-size: 1.1em;
8952 font-weight: bold;
8953 }
8954 .vbo-overlay-fests-addnew {
8955 margin: 0 30px 30px;
8956 border: 1px solid var(--vbo-config-border-color);
8957 padding: 15px;
8958 background: var(--vbo-config-child-bg-color);
8959 }
8960 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8961 width: 70% !important;
8962 }
8963 .vbo-info-overlay-content input#invoice_num[type="number"] {
8964 width: 115px !important;
8965 }
8966 .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea,
8967 .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] {
8968 border: 1px solid var(--vbo-config-border-color);
8969 border-radius: 2px;
8970 padding: 5px 10px;
8971 }
8972 .vbo-overlay-fests-addnew-elem textarea {
8973 width: 100%;
8974 min-height: 80px;
8975 box-sizing: border-box;
8976 }
8977 .vbo-ovrv-flt-butn {
8978 position: fixed;
8979 bottom: 40px;
8980 right: 10px;
8981 padding: 8px;
8982 border-radius: 4px;
8983 background: none repeat scroll 0 0 #02679a;
8984 color: #fff;
8985 cursor: pointer;
8986 }
8987 .vbo-ovrv-flt-butn-shake {
8988 animation: Vikshake 0.5s ease-in-out;
8989 -webkit-animation: Vikshake 0.5s ease-in-out;
8990 -moz-animation: Vikshake 0.5s ease-in-out;
8991 }
8992 span.vbo-overview-subroom-toggle {
8993 cursor: pointer;
8994 margin-left: auto;
8995 margin-right: 1px;
8996 margin-top: 5px;
8997 }
8998 span.vbo-overview-subroom-toggle i {
8999 color: var(--vbo-config-title-color);
9000 }
9001 span.vbo-overview-subroom-toggle-active i {
9002 color: var(--vbo-base-color);
9003 }
9004 .vbo-info-overlay-loading-dnd {
9005 color: var(--vbo-config-bg-color);
9006 display: block;
9007 font-size: 30px;
9008 left: 20%;
9009 position: fixed;
9010 text-align: center;
9011 top: 20%;
9012 width: 60%;
9013 padding: 30px;
9014 z-index: 101;
9015 background: var(--vbo-config-title-color);
9016 border-radius: 20px;
9017 box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
9018 }
9019 .vbo-loading-dnd-head {
9020 display: block;
9021 font-weight: bold;
9022 }
9023 .vbo-loading-dnd-body {
9024 display: block;
9025 font-size: smaller;
9026 margin-top: 30px;
9027 }
9028 .vbo-loading-dnd-response {
9029 background: var(--vbo-body-text-color);
9030 border-radius: 8px;
9031 display: block;
9032 font-size: 15px;
9033 margin: 15px auto 0;
9034 padding: 25px;
9035 }
9036 .vbo-loading-dnd-footer {
9037 display: block;
9038 font-size: smaller;
9039 margin-top: 30px;
9040 }
9041 #vbo-dnd-response form {
9042 margin-top: 10px;
9043 }
9044 #vbo-dnd-canvas-success {
9045 height: 100px;
9046 }
9047 /* Draggable Elements - End */
9048 /* Overview Tooltip - Start */
9049 .vbo-overview-tipblock {
9050 color: var(--vbo-body-text-color);
9051 max-height: 400px;
9052 min-height: 140px;
9053 overflow: auto;
9054 position: absolute;
9055 width: 400px;
9056 z-index: 1001;
9057 }
9058 .vbo-overview-tipblock-expanded {
9059 width: 800px;
9060 min-height: 240px;
9061 right: 0;
9062 }
9063 .vbo-overview-tipexpander {
9064 position: absolute;
9065 top: 1px;
9066 left: 1px;
9067 z-index: 2;
9068 }
9069 .vbo-overview-expandtoggle {
9070 display: inline-block;
9071 width: 26px;
9072 height: 26px;
9073 line-height: 24px;
9074 color: #fff;
9075 background: #666;
9076 text-align: center;
9077 border-radius: 2px;
9078 font-size: 14px;
9079 cursor: pointer;
9080 }
9081 .vbo-overview-expandtoggle:hover {
9082 background: #999;
9083 }
9084 .vbo-overview-tipinner {
9085 display: block;
9086 padding: 10px 0 0 5px;
9087 }
9088 .vbo-overview-tiploading {
9089 display: block;
9090 font-weight: bold;
9091 background-color: rgba(255,255,255, .9);
9092 padding: 10px 15px;
9093 border-radius: 3px;
9094 box-shadow: 0 0 10px rgba(0,0,0,.1);
9095 }
9096 .vbo-overview-tip-bookingcont {
9097 margin: 4px 0;
9098 position: relative;
9099 display: flex;
9100 font-size: 12px;
9101 box-shadow: 0 -1px 8px rgba(0,0,0,.1);
9102 border-radius: 8px;
9103 border: 1px solid var(--vbo-config-border-color);
9104 }
9105 .vbo-overview-tip-bookingcont:first-child {
9106 margin-top: 0;
9107 }
9108 .vbo-overview-tip-bookingcont:last-child {
9109 margin-bottom: 0;
9110 }
9111 .vbo-overview-tip-bookingcont-left {
9112 flex-basis: 35%;
9113 display: inline-block;
9114 vertical-align: top;
9115 text-align: left;
9116 background: var(--vbo-body-bg-color);
9117 box-shadow: 0 -1px 8px rgba(0,0,0,.1);
9118 padding: 15px 20px;
9119 border-top-left-radius: 8px;
9120 border-bottom-left-radius: 8px;
9121 z-index: 1;
9122 }
9123 .vbo-overview-tip-bookingcont-right {
9124 flex: 1;
9125 display: inline-block;
9126 vertical-align: top;
9127 text-align: left;
9128 background-color: var(--vbo-body-bg-color);
9129 padding: 10px 20px;
9130 border-top-right-radius: 8px;
9131 border-bottom-right-radius: 8px;
9132 }
9133 .vbo-overview-tip-bookingcont-right > div,
9134 .vbo-overview-tip-bookingcont-left > div {
9135 margin: 7px 0;
9136 line-height: 1.3em;
9137 white-space: break-spaces;
9138 }
9139 .vbo-overview-tip-bookingcont-right > div:first-child,
9140 .vbo-overview-tip-bookingcont-left > div:first-child {
9141 margin-top: 0;
9142 }
9143 .vbo-overview-tip-bookingcont-right > div:last-child,
9144 .vbo-overview-tip-bookingcont-left > div:last-child {
9145 margin-bottom: 0;
9146 }
9147 .vbo-overview-tip-bookingcont-right > .vbo-overview-tip-optindexes .vbo-overview-tip-lbl {
9148 display: none;
9149 }
9150 .vbo-overview-tip-bctag-wrap {
9151 display: flex;
9152 gap: 6px;
9153 align-items: center;
9154 border: 1px solid var(--vbo-config-border-color);
9155 border-radius: 20px;
9156 width: max-content;
9157 }
9158 .vbo-overview-tip-bctag-wrap .vbo-overview-tip-bctag {
9159 border-radius: 50%;
9160 }
9161 .vbo-overview-tip-bookingcont span {
9162 margin-top: 0 !important;
9163 position: relative !important;
9164 left: auto !important;
9165 top: auto !important;
9166 transform: initial !important;
9167 text-align: left !important;
9168 overflow: initial !important;
9169 }
9170 .vbo-overview-tip-bookingcont span.vbo-overview-tip-bctag-name {
9171 font-weight: bold;
9172 padding-right: 10px;
9173 }
9174 .vbo-overview-tip-cnt .vbo-channelimg-small {
9175 max-width: 70px;
9176 }
9177 .vbo-overview-tip-bookingcont .vbo-country-flag-left {
9178 float: inherit;
9179 padding-left: 5px;
9180 vertical-align: bottom;
9181 }
9182 .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
9183 font-weight: 500;
9184 display: block;
9185 color: var(--vbo-config-titles-color-light);
9186 font-size: 11px;
9187 }
9188 .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft {
9189 float: right;
9190 }
9191 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
9192 display: inline-block;
9193 margin-right: 3px;
9194 }
9195 .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt {
9196 font-weight: bold;
9197 display: inline-block;
9198 }
9199 .vbo-overview-tip-bookingcont-total {
9200 font-size: 13px;
9201 padding-top: 2px;
9202 border-top: 1px solid var(--vbo-config-border-color);
9203 }
9204 .vbo-overview-tip-bookingcont-total .vbo-overview-tip-btot {
9205 margin-bottom: 5px;
9206 border-radius: 4px;
9207 }
9208 .vbo-overview-tip-btot .vbo-overview-tip-lbl {
9209 display: block;
9210 margin-right: 3px;
9211 }
9212 .vbo-overview-tip-bookingcont-total .vbo-overview-tip-cnt {
9213 font-size: 16px;
9214 }
9215 .vbo-overview-tip-bookingcont-total .vbo-overview-tip-btotpaid .vbo-overview-tip-cnt {
9216 font-size: 14px;
9217 }
9218 .vbo-overview-tip-optindexes select {
9219 max-width: 180px !important;
9220 }
9221 .vbo-overview-tip-bstatus .label {
9222 background: transparent !important;
9223 padding: 0;
9224 font-size: inherit;
9225 line-height: auto;
9226 text-transform: uppercase;
9227 }
9228 .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success {
9229 background: transparent !important;
9230 color: var(--vbo-green-color) !important;
9231 }
9232 .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning {
9233 color: var(--vbo-warning-color) !important;
9234 background: transparent !important;
9235 }
9236 .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error,
9237 .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger {
9238 color: var(--vbo-red-color) !important;
9239 background: transparent !important;
9240 }
9241 .vbo-overview-tip-lbl .tooltip {
9242 min-width: 140px !important;
9243 }
9244 .vbo-overview-tip-bctag-wrap {
9245 z-index: 10;
9246 margin: 15px 0 0;
9247 position: relative;
9248 }
9249 .vbo-overview-tip-bctag {
9250 background-color: var(--vbo-config-bg-color);
9251 border-radius: 4px;
9252 cursor: pointer;
9253 height: 22px;
9254 width: 22px;
9255 text-align: center;
9256 vertical-align: top;
9257 font-size: 10px !important;
9258 line-height: 25px !important;
9259 }
9260 .vbo-overview-tip-bctag i, .vbo-colortag-square i {
9261 margin: 0;
9262 }
9263 .vbo-overview-tip-bctag i[class^="vboicn-"] {
9264 margin-right: 0;
9265 }
9266 .vbo-overview-tip-bctag-subtip {
9267 background-color: var(--vbo-config-bg-color);
9268 left: 37px;
9269 position: absolute;
9270 top: -9px;
9271 width: 250px;
9272 z-index: 1000001;
9273 padding: 7px;
9274 box-shadow: 0 4px 4px rgba(0,0,0, .3);
9275 border-radius: 2px;
9276 }
9277 .vbo-overview-tip-bctag-subtip:before {
9278 content: "";
9279 position: absolute;
9280 top:50%;
9281 left: -8px;
9282 transform: translate(0, -50%);
9283 width: 0;
9284 height: 0;
9285 border-style: solid;
9286 border-width: 5px 8px 5px 0;
9287 border-color: transparent #fff transparent transparent;
9288 }
9289 .vbo-overview-tip-bctag-subtip-circle {
9290 border-radius: 50%;
9291 display: inline-block;
9292 height: 16px;
9293 margin: 2px;
9294 width: 16px;
9295 cursor: pointer;
9296 padding: 1px;
9297 border: 1px solid var(--vbo-config-bg-color);
9298 }
9299 .vbo-overview-tip-bctag-subtip-circle > div {
9300 width: 100%;
9301 height: 100%;
9302 border-radius: 50%;
9303 }
9304
9305 .vbo-blist-tip-bctag-subtip {
9306 position: relative;
9307 }
9308 .vbo-blist-tip-bctag-subtip-inner {
9309 background-color: var(--vbo-config-bg-color);
9310 left: 50%;
9311 position: absolute;
9312 top: 0;
9313 width: 250px;
9314 z-index: 99;
9315 padding: 7px;
9316 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
9317 border-radius: 4px;
9318 transform: translate(-50%, 0%);
9319 }
9320 .vbo-blist-tip-bctag-subtip-circle {
9321 border-radius: 50%;
9322 display: inline-block;
9323 height: 16px;
9324 margin: 2px;
9325 width: 16px;
9326 cursor: pointer;
9327 padding: 1px;
9328 border: 1px solid #fff;
9329 }
9330 .vbo-blist-tip-bctag-subtip-circle > div {
9331 width: 100%;
9332 height: 100%;
9333 border-radius: 50%;
9334 }
9335 .vbo-overview-tagslegend {
9336 display: inline-block;
9337 margin-top: 5px;
9338 }
9339 .vbo-overview-legend-tag {
9340 float: left;
9341 margin-right: 4px;
9342 }
9343 .vbo-overview-tagslegend-lbl {
9344 display: inline-block;
9345 font-size: 12px;
9346 float: left;
9347 font-weight: bold;
9348 margin-right: 5px;
9349 }
9350 /* Overview Tooltip - End */
9351 /* Booking Checkin - Start */
9352 .vbo-bookdet-container {
9353 padding: 15px 20px 5px;
9354 background: var(--vbo-config-bg-color);
9355 border: 1px solid var(--vbo-basic-btn);
9356 box-shadow: 0 0 10px rgba(0,0,0,.1);
9357 margin-bottom: 20px;
9358 border-radius: 4px;
9359 text-align: left;
9360 box-sizing: border-box;
9361 }
9362 .vbo-bookdet-wrap {
9363 display: inline-block;
9364 margin: 0 10px 10px 10px;
9365 min-width: 50px;
9366 vertical-align: top;
9367 border-right: 1px solid var(--vbo-config-border-color);
9368 padding-right: 20px;
9369 }
9370 .vbo-bookdet-wrap:last-child {
9371 border: 0;
9372 }
9373 .vbo-bookdet-head {
9374 color: var(--vbo-config-titles-color-light);
9375 margin: 0;
9376 overflow-wrap: break-word;
9377 padding: 3px 0;
9378 text-align: left;
9379 position: relative;
9380 font-weight: bold;
9381 text-transform: uppercase;
9382 font-size: 11px;
9383 }
9384 .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover {
9385 margin-left: 5px;
9386 }
9387 .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info {
9388 margin-right: 5px !important;
9389 }
9390 .vbo-bookdet-foot {
9391 font-size: 16px;
9392 font-weight: bold;
9393 overflow-wrap: break-word;
9394 text-align: left;
9395 padding: 3px 0;
9396 }
9397 .vbo-customer-info-box {
9398 display: inline-block;
9399 }
9400 .vbo-customer-info-box .vbo-customer-info-box-avatar {
9401 margin-right: 3px;
9402 vertical-align: middle;
9403 display: inline-block;
9404 }
9405 .vbo-customer-info-box .vbo-customer-info-box-avatar img {
9406 border-radius: 50%;
9407 display: inline-block;
9408 cursor: pointer;
9409 object-fit: cover;
9410 }
9411 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img {
9412 width: 30px;
9413 height: 30px;
9414 object-fit: cover;
9415 }
9416 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img {
9417 width: 48px;
9418 height: 48px;
9419 object-fit: cover;
9420 }
9421 .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img {
9422 width: 64px;
9423 height: 64px;
9424 object-fit: cover;
9425 }
9426 .vbo-customer-info-box .vbo-customer-info-box-name {
9427 display: inline-block;
9428 vertical-align: middle;
9429 }
9430 .vbo-bookdet-foot .btn-primary {
9431 border: var(--vbo-base-color);
9432 padding: 3px 12px;
9433 font-weight: bold;
9434 }
9435 .vbo-bookdet-foot .label {
9436 padding: 5px 14px !important;
9437 font-size: 12px;
9438 border-radius: 24px;
9439 letter-spacing: .3px;
9440 }
9441 .vbo-label-overbooking {
9442 cursor: pointer;
9443 }
9444 .vbo-label-overbooking:hover {
9445 background-color: var(--vbo-red-color-hover) !important;
9446 }
9447 .vbo-label-nested.vbo-label-overbooking {
9448 padding: 3px 5px !important;
9449 font-weight: 500;
9450 line-height: 12px;
9451 font-size: 11px;
9452 }
9453 .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small {
9454 padding: 4px 12px;
9455 font-size: 13px;
9456 }
9457 .vbo-bookdet-foot .vbo-dorefund-btn {
9458 position: relative;
9459 }
9460 .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after {
9461 content: attr(data-totrefunds);
9462 position: absolute;
9463 background-color: var(--vbo-config-bg-color);
9464 color: var(--vbo-config-title-color);
9465 font-weight: bold;
9466 font-size: 13px;
9467 border-radius: 4px;
9468 text-align: center;
9469 padding: 1px 4px;
9470 top: -8px;
9471 border: 2px solid var(--vbo-red-color);
9472 right: -12px;
9473 box-shadow: 0 2px 4px rgba(0,0,0,.15);
9474 }
9475 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
9476 padding: 15px 20px 5px;
9477 background: var(--vbo-config-bg-color);
9478 border: 1px solid var(--vbo-main-bg-color);
9479 box-shadow: 0 0 10px rgba(0,0,0,.1);
9480 margin-bottom: 5px;
9481 border-radius: 4px;
9482 text-align: left;
9483 box-sizing: border-box;
9484 }
9485 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency {
9486 padding: 10px 20px 10px;
9487 }
9488 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info {
9489 display: inline-block;
9490 }
9491 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) {
9492 font-weight: bold;
9493 }
9494 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
9495 display: inline-block;
9496 }
9497 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
9498 padding: 8px 11px;
9499 margin-left: 15px;
9500 }
9501 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert {
9502 padding: 10px 20px 10px;
9503 display: flex;
9504 flex-wrap: wrap;
9505 }
9506 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss {
9507 display: inline-block;
9508 align-self: center;
9509 }
9510 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
9511 display: inline-block;
9512 vertical-align: top;
9513 margin-left: 15px;
9514 flex: 1;
9515 }
9516 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div {
9517 margin-bottom: 5px
9518 }
9519 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child {
9520 margin-bottom: 0;
9521 }
9522 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top {
9523 font-weight: bold;
9524 font-size: 1.1em;
9525 }
9526 .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 {
9527 display: block;
9528 }
9529 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom {
9530 font-style: italic;
9531 }
9532 .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop {
9533 width: 100%;
9534 display: inline-block;
9535 border-bottom: 1px solid var(--vbo-config-border-color);
9536 padding: 20px 0 0;
9537 margin-bottom: -5px;
9538 }
9539 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
9540 float: left;
9541 text-align: center;
9542 color: var(--vbo-config-titles-color-light);
9543 }
9544 .vbo-bookingdet-innercontainer {
9545 display: flex;
9546 -ms-flex-wrap: wrap;
9547 -webkit-flex-wrap: wrap;
9548 flex-wrap: wrap;
9549 }
9550 .vbo-bookingdet-innercontainer > div {
9551 padding: 18px;
9552 }
9553 .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry {
9554 background: var(--vbo-config-bg-color);
9555 padding: 15px;
9556 border-radius: 8px;
9557 margin: 10px 0;
9558 position: relative;
9559 }
9560 .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child {
9561 margin-top: 0;
9562 }
9563 .vbo-bookingdet-admin-entry > span {
9564 margin-bottom: 4px;
9565 display: inline-block;
9566 font-weight: bold;
9567 color: var(--vbo-config-titles-color-light);
9568 }
9569 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
9570 font-weight: bold;
9571 text-transform: uppercase;
9572 margin-bottom: 5px;
9573 }
9574 .vbo-bookingdet-detcont > div {
9575 margin: 8px 0;
9576 }
9577 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child {
9578 margin-top: 20px;
9579 }
9580 .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo {
9581 line-height: 8px;
9582 }
9583 .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo img {
9584 width: 20px;
9585 }
9586 .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-details {
9587 display: flex;
9588 gap: 8px;
9589 align-items: center;
9590 }
9591 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info {
9592 border: 1px solid var(--vbo-config-border-color);
9593 padding: 5px;
9594 border-radius: 4px;
9595 }
9596 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status {
9597 margin-top: 0;
9598 margin-bottom: 8px;
9599 }
9600 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status i {
9601 border-radius: 50%;
9602 line-height: 12px;
9603 font-size: 13px;
9604 padding: 5px;
9605 }
9606 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-off i {
9607 background: var(--vbo-red-color);
9608 color: var(--vbo-contrast-text-color);
9609 }
9610 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-on i {
9611 background: var(--vbo-green-color);
9612 color: var(--vbo-contrast-text-color);
9613 }
9614 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status > span {
9615 display: flex;
9616 align-items: center;
9617 gap: 5px;
9618 }
9619 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status span > span {
9620 font-size: .9em;
9621 font-weight: 500;
9622 }
9623 .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] {
9624 width: 100px !important;
9625 }
9626 .vbo-bookingdet-detcont .vbo-bookingdet-inpcont {
9627 display: flex;
9628 align-items: center;
9629 gap: 4px;
9630 }
9631 .vbo-bookingdet-detcont .vbo-bookingdet-inpcont .vbo-bookingdet-save-email .btn {
9632 display: flex;
9633 align-items: center;
9634 }
9635 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label {
9636 display: flex;
9637 width: 100%;
9638 box-sizing: border-box;
9639 padding: 5px 6px !important;
9640 font-size: 12px;
9641 }
9642 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child {
9643 align-self: center;
9644 margin-right: 8px;
9645 }
9646 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge {
9647 margin-left: auto;
9648 padding: 4px 10px;
9649 }
9650 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info {
9651 background-color: transparent !important;
9652 border: 1px solid var(--vbo-blue-color);
9653 color: var(--vbo-blue-color);
9654 }
9655 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge {
9656 background: var(--vbo-blue-color);
9657 }
9658 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.vbo-bookingdet-detcont-label-idorderota {
9659 border-radius: 5px;
9660 }
9661
9662 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info {
9663 color: var(--vbo-config-title-color);
9664 }
9665 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info .badge {
9666 background: #ff375c;
9667 }
9668
9669 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia {
9670 background: #0d214b;
9671 }
9672 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info {
9673 color: #fff;
9674 border-color: #0d214b;
9675 }
9676 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info .badge {
9677 color: #0d214b;
9678 background: #fcdb32;
9679 }
9680
9681 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom {
9682 background: #0c3b7c;
9683 }
9684 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info {
9685 color: #fff;
9686 border-color: #0c3b7c;
9687 }
9688 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info .badge {
9689 background: #05bafc;
9690 }
9691
9692 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success {
9693 background-color: transparent !important;
9694 border: 1px solid var(--vbo-green-color);
9695 color: var(--vbo-green-color);
9696 }
9697 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge {
9698 background: var(--vbo-green-color) !important;
9699 }
9700 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover {
9701 background: var(--vbo-green-color-hover);
9702 }
9703 .vbo-bookingdet-detcont-label-review {
9704 margin-top: 20px;
9705 display: inline-block;
9706 }
9707 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning {
9708 border: 1px solid var(--vbo-orange-color);
9709 background: var(--vbo-config-bg-color) !important;
9710 color: var(--vbo-orange-color);
9711 }
9712 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a {
9713 color: var(--vbo-orange-color) !important;
9714 display: block;
9715 }
9716 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover {
9717 background: transparent;
9718 }
9719 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a {
9720 color: var(--vbo-orange-color-hover) !important;
9721 }
9722 .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active {
9723 background: var(--vbo-config-child-bg-color);
9724 }
9725 .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input {
9726 width: 100% !important;
9727 box-sizing: border-box;
9728 height: auto;
9729 }
9730 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
9731 margin: 0 0 10px;
9732 vertical-align: top;
9733 display: inline-block;
9734 width: 43%;
9735 padding: 0 5px;
9736 }
9737 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl {
9738 display: block;
9739 font-weight: bold;
9740 font-size: 1em;
9741 color: var(--vbo-config-title-color);
9742 }
9743 .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val {
9744 word-wrap: break-word;
9745 }
9746 .vbo-bookingdet-detcont.vbo-bookingdet-closure {
9747 border: 2px solid var(--vbo-red-color);
9748 }
9749 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
9750 -webkit-flex: 0 0 20%;
9751 -ms-flex: 0 0 20%;
9752 flex: 0 0 20%;
9753 }
9754 .vbo-bookingdet-summary, .vbo-editbooking-summary {
9755 -webkit-flex: 1;
9756 -ms-flex: 1;
9757 flex: 1;
9758 }
9759 .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title {
9760 font-weight: bold;
9761 }
9762 .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost {
9763 font-size: 1.2em;
9764 }
9765 .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs {
9766 -webkit-flex: 1;
9767 -ms-flex: 1;
9768 flex: 1;
9769 background: var(--vbo-config-bg-color);
9770 border-radius: 8px;
9771 margin: 18px 15px 20px;
9772 padding: 0;
9773 }
9774 .vbo-bookingdet-noteslogs-btns {
9775 border-top-left-radius: 8px;
9776 border-top-right-radius: 8px;
9777 background: var(--vbo-config-child-bg-color);
9778 padding: 0;
9779 border-bottom: 1px solid var(--vbo-config-border-color);
9780 }
9781 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
9782 display: inline-block;
9783 }
9784 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i {
9785 margin-right: 5px;
9786 }
9787 .vbo-bookingdet-noteslogs-btn a {
9788 font-weight: bold;
9789 text-transform: uppercase;
9790 padding: 16px 20px;
9791 display: inline-block;
9792 color: var(--vbo-config-titles-color-light);
9793 }
9794 .vbo-bookingdet-noteslogs-btn-active a {
9795 border-bottom: 2px solid var(--vbo-base-color);
9796 color: var(--vbo-base-color);
9797 background: var(--vbo-config-bg-color);
9798 }
9799 .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] {
9800 border: 0;
9801 background: transparent;
9802 padding: 0;
9803 }
9804 .vbo-bookingdet-noteslogs-cont {
9805 padding: 10px;
9806 }
9807 .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea {
9808 max-width: 100%;
9809 width: 100%;
9810 box-sizing: border-box;
9811 }
9812 .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea {
9813 width: 100% !important;
9814 box-sizing: border-box;
9815 padding: 15px;
9816 background: var(--vbo-config-child-bg-color);
9817 }
9818 .vbo-booking-history-firstrow, .vbo-booking-takings-firstrow {
9819 font-size: .9em;
9820 text-transform: uppercase;
9821 font-weight: bold;
9822 color: var(--vbo-config-titles-color-light);
9823 border: 0;
9824 }
9825 .vbo-booking-history-container tbody {
9826 border: 0 !important;
9827 }
9828 .vbo-booking-history-container .vbo-booking-history-row td:first-child {
9829 font-weight: bold;
9830 }
9831 .vbo-booking-history-container > .table > tbody > tr > td {
9832 white-space: normal !important;
9833 }
9834 .vbo-booking-takings-container table.table tfoot td {
9835 background-color: var(--vbo-light-color-btn);
9836 font-weight: bold;
9837 }
9838 .vbo-booking-takings-container .vbo-booking-taking-cmds {
9839 float: right;
9840 display: flex;
9841 gap: 3px;
9842 }
9843 .vbo-booking-takings-container .vbo-booking-taking-cmds .btn {
9844 border-radius: 50%;
9845 padding: 0;
9846 text-align: center;
9847 width: 22px;
9848 height: 22px;
9849 font-size: 10px;
9850 line-height: 18px;
9851 opacity: .5;
9852 }
9853 .vbo-booking-takings-container .vbo-booking-taking-cmds .btn i {
9854 margin: 0 !important;
9855 padding: 0;
9856 }
9857 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit {
9858 background-color: var(--vbo-info-bg);
9859 border: 1px solid var(--vbo-info-border);
9860 color: var(--vbo-info-txt);
9861 }
9862 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit:hover {
9863 background-color: var(--vbo-blue-color-hover);
9864 color: var(--vbo-contrast-text-color);
9865 }
9866 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete {
9867 background-color: var(--vbo-error-bg);
9868 border: 1px solid var(--vbo-error-border);
9869 color: var(--vbo-error-txt);
9870 }
9871 #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete:hover {
9872 background-color: var(--vbo-red-color-hover);
9873 color: var(--vbo-contrast-text-color);
9874 }
9875 .vbo-booking-takings-row:hover .vbo-booking-taking-cmds .btn {
9876 opacity: 1;
9877 }
9878 .vbo-editbooking-custarea textarea {
9879 height: 250px;
9880 max-height: 400px;
9881 }
9882 .vbo-bookingdet-summary .table-responsive {
9883 background: var(--vbo-config-bg-color);
9884 border-radius: 8px;
9885 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9886 }
9887 .vbo-bookingdet-summary .table {
9888 margin-bottom: 0;
9889 }
9890 .vbo-bookingdet-summary .table-responsive tr:first-child td {
9891 border-top: 0;
9892 }
9893 .vbo-bookingdet-summary .table td {
9894 padding: 10px 15px;
9895 }
9896 .vbo-editbooking-summary-room {
9897 background: var(--vbo-config-bg-color);
9898 border-radius: 8px;
9899 box-shadow: 0 0px 20px rgba(0,0,0,.1);
9900 margin-bottom: 20px;
9901 padding-bottom: 15px;
9902 }
9903 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td {
9904 padding: 15px;
9905 white-space: normal;
9906 }
9907 .vbo-bookingdet-summary-room-firstcell {
9908 width: 33%;
9909 }
9910 .vbo-bookingdet-summary-roomnum {
9911 font-size: 1.4em;
9912 display: inline-block;
9913 margin: 0 0 10px;
9914 font-weight: bold;
9915 }
9916 .vbo-bookingdet-summary-roomnum i {
9917 border: 1px solid var(--vbo-config-border-color);
9918 padding: 5px;
9919 border-radius: 3px;
9920 margin-right: 6px;
9921 color: var(--vbo-config-text-color-light);
9922 font-size: 14px;
9923 }
9924 .vbo-bookingdet-summary-roomname {
9925 font-size: 1.4em;
9926 display: inline-block;
9927 font-weight: bold;
9928 }
9929 .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals {
9930 margin-top: 2px;
9931 }
9932 .vbo-wider-badges-wrap .badge {
9933 font-weight: normal;
9934 padding: 2px 6px;
9935 }
9936 .vbo-bookdet-splitstay-details {
9937 margin-top: 5px;
9938 min-width: initial;
9939 }
9940 .vbo-bookdet-splitstay-details > div {
9941 display: inline-block;
9942 }
9943 .vbo-bookdet-splitstay-details > div > span {
9944 border-right: 1px solid var(--vbo-basic-btn);
9945 }
9946 .vbo-bookdet-splitstay-details > div > span:last-child {
9947 border-right: 0;
9948 }
9949 .vbo-bookingdet-summary-room-wrap {
9950 display: flex;
9951 flex-wrap: wrap;
9952 }
9953 .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit {
9954 margin-left: auto;
9955 }
9956 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
9957 float: right;
9958 }
9959 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
9960 max-width: 200px;
9961 }
9962 .vbo-bookingdet-summary-roomguests {
9963 text-transform: uppercase;
9964 color: var(--vbo-config-titles-color-light);
9965 font-size: .9em;
9966 }
9967 .vbo-bookingdet-summary-roomguests > div {
9968 display: inline-block;
9969 margin-right: 4px;
9970 }
9971 .vbo-bookingdet-summary-total {
9972 background: var(--vbo-light-color-btn);
9973 font-weight: bold;
9974 }
9975 .vbo-bookingdet-summary-total > td {
9976 border-top: 2px solid var(--vbo-config-border-color);
9977 }
9978 .vbo-bookingdet-summary-totpaid {
9979 background: var(--vbo-config-child-bg-color);
9980 }
9981 .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit {
9982 color: var(--vbo-blue-color);
9983 }
9984 .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl {
9985 color: var(--vbo-red-color);
9986 }
9987 .vbo-bookingdet-summary-total .vbdiscenter-entrycentered {
9988 text-align: left;
9989 }
9990 .vbo-editbooking-summary-room > div {
9991 padding: 15px 15px 0;
9992 }
9993 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top {
9994 font-weight: bold;
9995 text-transform: uppercase;
9996 }
9997 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify {
9998 text-transform: initial;
9999 font-weight: normal;
10000 }
10001 .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 {
10002 display: inline-block;
10003 vertical-align: middle;
10004 margin: 0;
10005 }
10006 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 {
10007 margin-right: 10px;
10008 }
10009 .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i {
10010 width: 16px;
10011 color: var(--vbo-config-text-color-light);
10012 }
10013 .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 {
10014 height: 25px;
10015 }
10016 .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 {
10017 left: 28px;
10018 }
10019 .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 {
10020 height: 20px;
10021 width: 20px;
10022 }
10023 .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 {
10024 height: 26px;
10025 }
10026 .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details {
10027 margin-top: 5px;
10028 border-top: 1px solid var(--vbo-config-border-color);
10029 padding-top: 10px;
10030 }
10031 .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head {
10032 border-top-left-radius: 8px;
10033 border-top-right-radius: 8px;
10034 background: var(--vbo-config-child-bg-color);
10035 border-bottom: 1px solid var(--vbo-config-border-color);
10036 padding-bottom: 15px;
10037 }
10038 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests {
10039 margin-top: 8px;
10040 }
10041 .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i {
10042 margin-right: 5px;
10043 color: #999;
10044 }
10045 .vbo-editbooking-room-remove {
10046 float: right;
10047 display: inline-block;
10048 }
10049 .vbo-editbooking-summary-room > div > h4 {
10050 font-weight: bold;
10051 text-transform: uppercase;
10052 border-bottom: 1px solid var(--vbo-config-border-color);
10053 padding-bottom: 10px;
10054 }
10055 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span {
10056 margin-right: 5px;
10057 display: inline-block;
10058 }
10059 .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i {
10060 color: var(--vbo-config-text-color-light);
10061 margin-right: 3px;
10062 }
10063 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 {
10064 border-bottom: 0;
10065 margin-bottom: 0;
10066 }
10067 .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap {
10068 border-top: 1px solid var(--vbo-config-border-color);
10069 padding-top: 10px;
10070 }
10071 .vbo-editbooking-room-traveler-guestsinfo {
10072 padding: 0 5px;
10073 }
10074 .vbo-editbooking-room-traveler-guestsinfo > div {
10075 display: inline-block;
10076 vertical-align: top;
10077 margin: 5px 10px 5px 0;
10078 }
10079 .vbo-editbooking-room-traveler-guestsinfo > div i {
10080 color: var(--vbo-config-text-color-light);
10081 }
10082 .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help {
10083 margin-top: 36px;
10084 }
10085 .vbo-editbooking-room-traveler-guestsinfo label {
10086 display: block;
10087 font-size: 12px;
10088 font-weight: bold;
10089 color: var(--vbo-config-titles-color-light);
10090 margin-bottom: 2px;
10091 }
10092 .vbo-editbooking-room-traveler-guestsinfo input[type="text"] {
10093 background: var(--vbo-input-style);
10094 }
10095 .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap {
10096 display: grid;
10097 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
10098 }
10099 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype,
10100 .vbo-editbooking-room-services .vbo-editbooking-room-service {
10101 display: inline-block;
10102 vertical-align: top;
10103 padding: 15px;
10104 margin: 5px;
10105 border-radius: 5px;
10106 border: 1px solid var(--vbo-config-border-color);
10107 box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
10108 }
10109 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
10110 flex: 0 0 33%;
10111 }
10112 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
10113 border: 1px solid var(--vbo-green-color);
10114 }
10115 .vbo-editbooking-room-services .vbo-editbooking-room-service {
10116 flex: 0 0 33%;
10117 }
10118 .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div {
10119 display: inline-block;
10120 vertical-align: top;
10121 }
10122 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label,
10123 .vbo-editbooking-room-services .vbo-editbooking-room-service label {
10124 color: var(--vbo-config-titles-color-light);
10125 font-weight: bold;
10126 }
10127 .vbo-editbooking-room-pricetype-cost {
10128 font-size: 18px;
10129 font-weight: bold;
10130 }
10131 .vbo-editbooking-room-pricetype-seltax {
10132 margin-top: 10px;
10133 }
10134 .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check {
10135 float: right;
10136 margin-top: 10px;
10137 }
10138 .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older {
10139 display: block;
10140 margin-top: 10px;
10141 }
10142 .vbo-editbooking-room-pricetype-older-inner {
10143 display: inline-block;
10144 }
10145 .vbo-editbooking-room-pricetype-older-inner label {
10146 margin-bottom: 3px;
10147 }
10148 .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost {
10149 font-size: 15px;
10150 }
10151 .vbo-editbooking-room-pricetype-check-older {
10152 display: inline-block;
10153 float: right;
10154 }
10155 .vbo-editbooking-room-service-price {
10156 font-size: 16px;
10157 font-weight: bold;
10158 }
10159 .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost {
10160 text-transform: initial;
10161 }
10162 .vbo-editbooking-room-service-select select {
10163 margin-bottom: 0;
10164 }
10165 .vbo-editbooking-room-extracost {
10166 margin: 5px;
10167 }
10168 .vbo-editbooking-room-extracost > div {
10169 display: inline-block;
10170 vertical-align: top;
10171 margin: 0 5px 0 0;
10172 }
10173 .vbo-editbooking-room-extracost > div .btn.btn-danger {
10174 padding: 8px 14px;
10175 }
10176 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname {
10177 position: relative;
10178 }
10179 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search {
10180 position: absolute;
10181 right: 2px;
10182 height: calc(100% - 2px);
10183 background: var(--vbo-base-color);
10184 border-left: 1px solid var(--vbo-base-color);
10185 color: var(--vbo-contrast-text-color);
10186 border-top-right-radius: 2px;
10187 border-bottom-right-radius: 2px;
10188 top: 1px;
10189 width: 32px;
10190 font-size: 13px;
10191 cursor: pointer;
10192 }
10193 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover {
10194 background: var(--vbo-base-color-hover)
10195 }
10196 .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i {
10197 position: absolute;
10198 top: 50%;
10199 left: 50%;
10200 transform: translate(-50%, -50%);
10201 }
10202 .vbo-editbooking-summary-totpaid {
10203 padding-bottom: 0;
10204 }
10205 .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head {
10206 border-bottom-left-radius: 8px;
10207 border-bottom-right-radius: 8px;
10208 }
10209 .vbo-editbooking-totpaid {
10210 display: inline-block;
10211 }
10212 .vbo-editbooking-totpaid label {
10213 font-size: 18px;
10214 font-weight: bold;
10215 margin-bottom: 10px;
10216 }
10217 .vbo-editbooking-totrefund {
10218 margin-left: 35px;
10219 }
10220 .vbo-editbooking-totrefund label {
10221 font-size: 15px;
10222 font-weight: normal;
10223 }
10224 .vbo-editbooking-addroom {
10225 display: inline-block;
10226 float: right;
10227 margin-top: 15px;
10228 }
10229 .vbo-roomdet-wrapper {
10230 background: var(--vbo-config-bg-color) none repeat scroll 0 0;
10231 border: 1px solid var(--vbo-basic-btn);
10232 display: inline-block;
10233 margin-bottom: 4px;
10234 width: 100%;
10235 border-radius: 6px;
10236 box-shadow: 0 0 10px rgba(0,0,0,.05);
10237 }
10238 .vbo-roomdet-wrap {
10239 display: flex;
10240 -ms-flex-wrap: wrap;
10241 -webkit-flex-wrap: wrap;
10242 flex-wrap: wrap;
10243 }
10244 .vbo-roomdet-entry {
10245 flex: 1;
10246 }
10247 .vbo-roomdet-head {
10248 border-bottom: 1px solid var(--vbo-config-border-color);
10249 font-size: larger;
10250 padding: 12px 15px 12px;
10251 font-weight: bold;
10252 font-size: 13px;
10253 color: var(--vbo-config-titles-color-light);
10254 }
10255 .vbo-roomdet-foot {
10256 padding: 8px 15px;
10257 }
10258 .vbo-roomdet-guests-toggle {
10259 padding: 7px 8px 7px;
10260 border-radius: 2px;
10261 margin-top: 5px;
10262 display: inline-block;
10263 cursor: pointer;
10264 }
10265 .vbo-roomdet-guests-toggle i {
10266 font-size: larger;
10267 display: inline-block;
10268 float: left;
10269 margin-right: 8px;
10270 }
10271 .vbo-roomdet-guests-toggleword {
10272 display: inline-block;
10273 margin-top: -1px;
10274 float: left;
10275 }
10276 .vbo-guestscount-incomplete {
10277 background: var(--vbo-blue-color);
10278 color: #fff;
10279 }
10280 .vbo-guestscount-complete {
10281 background: var(--vbo-green-color);
10282 color: #fff;
10283 }
10284 .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover {
10285 background: var(--vbo-green-color-hover);
10286 }
10287 .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover {
10288 background: var(--vbo-blue-color-hover);
10289 }
10290 .vbo-roomdet-guests-details {
10291 display: none;
10292 padding: 8px 0 8px 15px;
10293 margin: 5px 10px;
10294 background: var(--vbo-config-child-bg-color);
10295 border-top: 1px solid var(--vbo-basic-btn);
10296 }
10297 .vbo-roomdet-guest-details {
10298 margin-bottom: 5px;
10299 margin-left: -15px;
10300 padding-bottom: 10px;
10301 border-bottom: 1px solid var(--vbo-config-border-color);
10302 display: flex;
10303 flex-wrap: wrap;
10304 }
10305 .vbo-roomdet-guest-details:last-child {
10306 border-bottom: 0;
10307 }
10308 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
10309 width: calc(25% - 20px);
10310 margin: 5px 10px;
10311 display: inline-block;
10312 }
10313 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single {
10314 height: 40px;
10315 border-radius: 2px;
10316 }
10317 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
10318 line-height: 38px;
10319 }
10320 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
10321 height: 38px;
10322 }
10323 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val {
10324 position: relative;
10325 }
10326 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i {
10327 position: absolute;
10328 top: 12px;
10329 right: 10px;
10330 font-size: 16px;
10331 }
10332 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
10333 align-self: center;
10334 font-size: 16px;
10335 margin-right: 14px;
10336 width: 100%;
10337 }
10338 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap {
10339 width: calc(100% - 20px);
10340 }
10341 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
10342 width: calc(25% - 15px);
10343 }
10344 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea {
10345 width: 100% !important;
10346 max-width: 100%;
10347 }
10348 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select {
10349 width: 100% !important;
10350 max-width: 100%;
10351 }
10352 .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl {
10353 margin-bottom: 3px;
10354 font-weight: 500;
10355 }
10356 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
10357 width: 90px;
10358 border: 1px solid var(--vbo-config-border-color);
10359 background-color: var(--vbo-config-bg-color);
10360 border-radius: 4px;
10361 text-align: center;
10362 margin: 5px;
10363 padding: 3px;
10364 position: relative;
10365 display: inline-block;
10366 }
10367 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a {
10368 color: var(--vbo-config-titles-color-light);
10369 text-decoration: none;
10370 display: block;
10371 line-height: 1.3em;
10372 padding: 6px 3px;
10373 }
10374 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i {
10375 font-size: 18px;
10376 }
10377 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
10378 width: 90px;
10379 display: inline-block;
10380 overflow: hidden;
10381 text-overflow: ellipsis;
10382 font-size: 13px;
10383 white-space: nowrap;
10384 }
10385 .vbo-roomdet-guest-detail-num span {
10386 font-weight: bold;
10387 flex-basis: 100px;
10388 }
10389 .vbo-checkin-main-block {
10390 display: flex;
10391 -ms-flex-wrap: wrap;
10392 -webkit-flex-wrap: wrap;
10393 flex-wrap: wrap;
10394 }
10395 .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child {
10396 flex-basis: 60px;
10397 }
10398 .vbo-roomsdet-container {
10399 display: inline-block;
10400 -ms-flex: 1;
10401 -webkit-flex: 1;
10402 flex: 1;
10403 margin-right: 5px;
10404 }
10405 .vbo-checkin-payment-detail-v {
10406 float: right;
10407 margin-left: 5px;
10408 }
10409 .vbo-checkin-payment-container {
10410 display: inline-block;
10411 vertical-align: top;
10412 background: var(--vbo-light-color-btn);
10413 -ms-flex: 0 0 18%;
10414 -webkit-flex: 0 0 18%;
10415 flex: 0 0 18%;
10416 float: right;
10417 padding: 15px;
10418 margin-left: 5px;
10419 border-radius: 6px;
10420 box-shadow: 0 0 10px rgba(0,0,0,.05);
10421 }
10422 .vbo-checkin-payment-detail {
10423 margin: 5px 0;
10424 display: inline-block;
10425 width: 100%;
10426 }
10427 .vbo-checkin-payment-detail-click {
10428 background: var(--vbo-base-color);
10429 color: #fff;
10430 padding: 3px 10px;
10431 border-radius: 2px;
10432 margin-top: 10px;
10433 cursor: pointer;
10434 }
10435 .vbo-checkin-payment-detail:first-child {
10436 font-size: larger;
10437 }
10438 .vbo-checkin-payment-detail-lbl {
10439 vertical-align: middle;
10440 }
10441 .vbo-checkin-notes-wrap {
10442 clear: both;
10443 width: 100%;
10444 margin: 5px 0;
10445 }
10446 .vbo-checkin-notes-inner {
10447 margin: 0 auto;
10448 width: 60%;
10449 text-align: center;
10450 }
10451 .vbo-checkin-notes-trig {
10452 color: var(--vbo-config-titles-color-light);
10453 }
10454 .vbo-checkin-notes-trig span {
10455 cursor: pointer;
10456 }
10457 .vbo-checkin-notes-cont {
10458 display: none;
10459 padding: 4px;
10460 }
10461 .vbo-checkin-notes-cont textarea {
10462 width: 100% !important;
10463 height: 100px;
10464 }
10465 .vbo-checkin-commands-wrap {
10466 margin: 25px 0 15px;
10467 }
10468 .vbo-checkin-commands-inner {
10469 text-align: center;
10470 }
10471 .vbo-checkin-commands-btn {
10472 display: inline-block;
10473 margin-left: 15px;
10474 }
10475 .vbo-checkin-commands-btn:first-child {
10476 margin-left: 0;
10477 }
10478 .vbo-checkin-commands-btn .btn-large {
10479 padding: 10px 14px;
10480 border-radius: 3px;
10481 font-size: inherit;
10482 }
10483 .vbo-checkin-update-wrap {
10484 clear: both;
10485 width: 100%;
10486 margin: 5px 0;
10487 }
10488 .vbo-checkin-update-inner {
10489 margin: 0 auto;
10490 width: 60%;
10491 text-align: center;
10492 }
10493 .vbo-checkin-custdet-cont {
10494 width: 100%;
10495 margin-top: 10px;
10496 padding: 4px;
10497 }
10498 .vbo-checkin-custdet-entry {
10499 display: inline-block;
10500 width: calc(33% - 10px);
10501 margin: 10px 5px;
10502 vertical-align: top;
10503 }
10504 .vbo-checkin-custdet-key {
10505 display: block;
10506 color: var(--vbo-config-titles-color-light);
10507 }
10508 .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn {
10509 color: var(--vbo-red-color);
10510 }
10511 .vbo-checkin-custdet-value {
10512 display: block;
10513 font-size: larger;
10514 }
10515 #jmodal-box-vbo-checkin-booking {
10516 height: 100%;
10517 margin: 19px;
10518 overflow: hidden;
10519 overflow-y: scroll;
10520 box-sizing: border-box;
10521 }
10522 #jmodal-box-vbo-checkin-booking .modal-body {
10523 max-height: inherit;
10524 }
10525 #vbo-overlay-title .vbo-info-overlay-title-close {
10526 float: right;
10527 margin-top: -4px;
10528 margin-right: 0px;
10529 cursor: pointer;
10530 }
10531 div.modal {
10532 z-index: 9999999 !important;
10533 }
10534 div.modal.in {
10535 background-color: var(--vbo-body-bg-color);
10536 }
10537 div.modal.in .close:hover, div.modal.in .close:focus {
10538 color: var(--vbo-config-titles-color-light);
10539 }
10540 div.modal.in .modal-header + div.modal-body-wrapper {
10541 height: calc(100% - 130px) !important;
10542 }
10543 .vbo-sign-share-meth {
10544 margin: 10px 0;
10545 }
10546 .vbo-sign-share-meth label {
10547 margin-bottom: 3px;
10548 color: var(--vbo-body-text-color);
10549 }
10550 .vbo-sign-share-meth input {
10551 display: block !important;
10552 margin-bottom: 5px !important;
10553 }
10554 .vbo-sign-share-meth-close .btn {
10555 background: var(--vbo-red-color);
10556 border-color: var(--vbo-red-color);
10557 }
10558 .vbo-sign-share-meth-close .btn:hover {
10559 background: var(--vbo-red-color-hover);
10560 border-color: var(--vbo-red-color-hover);
10561 }
10562 #jmodal-vbo-vcm-rates-res {
10563 overflow-y: auto;
10564 }
10565 .vbo-vcm-rates-res-container {
10566 padding: 20px;
10567 }
10568 .vbo-vcm-rates-res-success {
10569 margin-bottom: 10px;
10570 border-bottom: 1px solid var(--vbo-config-border-color);
10571 padding-bottom: 10px;
10572 }
10573 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel {
10574 display: inline-block;
10575 vertical-align: top;
10576 border: 2px solid var(--vbo-green-color);
10577 padding: 10px;
10578 border-radius: 4px;
10579 margin: 4px;
10580 }
10581 .vbo-vcm-rates-res-channel-esit {
10582 display: inline-block;
10583 margin-right: 5px;
10584 font-size: 14px;
10585 border-radius: 50%;
10586 object-fit: cover;
10587 padding: 5px;
10588 width: 10px;
10589 height: 10px;
10590 line-height: 8px;
10591 text-align: center;
10592 vertical-align: middle;
10593 }
10594 .vbo-vcm-rates-res-channel-esit i {
10595 font-size: 10px;
10596 }
10597 .vbo-vcm-rates-res-channel-logo {
10598 display: inline-block;
10599 vertical-align: middle;
10600 line-height: 11px;
10601 }
10602 .vbo-vcm-rates-res-channel-logo img {
10603 max-width: 120px;
10604 height: 20px;
10605 }
10606 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit {
10607 color: #fff;
10608 background: var(--vbo-green-color);
10609 }
10610 .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre {
10611 margin: 5px;
10612 border: 1px solid var(--vbo-green-color);
10613 padding: 10px;
10614 white-space: break-spaces;
10615 }
10616 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel {
10617 border: 1px solid var(--vbo-red-color);
10618 padding: 10px 0 0;
10619 border-radius: 4px;
10620 margin: 8px 0;
10621 }
10622 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit {
10623 color: #fff;
10624 background: var(--vbo-red-color);
10625 margin-left: 10px;
10626 }
10627 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit {
10628 color: #fff;
10629 background: var(--vbo-orange-color);
10630 margin-left: 10px;
10631 }
10632 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo {
10633 padding-bottom: 10px;
10634 }
10635 .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det {
10636 overflow-y: auto;
10637 max-height: 150px;
10638 }
10639 .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre {
10640 margin-bottom: 0;
10641 border-radius: 0 !important;
10642 padding: 10px;
10643 border-bottom-left-radius: 4px !important;
10644 border-bottom-right-radius: 4px !important;
10645 border: 0;
10646 border-top: 1px solid var(--vbo-config-border-color);
10647 }
10648 .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel {
10649 border: 1px solid var(--vbo-orange-color);
10650 padding: 10px 0 0;
10651 border-radius: 4px;
10652 margin: 8px 0;
10653 }
10654 .vbo-ratesoverview-bottom-container {
10655 border: 1px solid var(--vbo-config-border-color);
10656 margin-top: 20px;
10657 padding: 20px;
10658 border-radius: 9px;
10659 }
10660 .vbo-ratesoverview-bottom-head {
10661 width: 100%;
10662 display: inline-block;
10663 }
10664 .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails {
10665 float: left;
10666 }
10667 .vbo-ratesoverview-roomdetails {
10668 padding-top: 0;
10669 }
10670 .vbo-ratesoverview-roomdetails h3 {
10671 text-align: center;
10672 display: inline-block;
10673 margin-top: 10px;
10674 }
10675 .vbo-ratesoverview-obp-toggle-inner {
10676 float: right;
10677 margin-left: 20px;
10678 }
10679 .vbo-ratesoverview-obp-toggle-txt {
10680 display: inline-block;
10681 vertical-align: top;
10682 margin: 5px 0 0 5px;
10683 cursor: pointer;
10684 }
10685 .vbo-ratesoverview-caltab-wrapper {
10686 display: flex;
10687 -ms-flex-wrap: wrap;
10688 -webkit-flex-wrap: wrap;
10689 flex-wrap: wrap;
10690 margin-bottom: 30px;
10691 }
10692 .vbo-ratesoverview-period-container {
10693 display: inline-block;
10694 -ms-flex: 0 0 15%;
10695 -webkit-flex: 0 0 15%;
10696 flex: 0 0 15%;
10697 margin-left: 2px;
10698 }
10699 .vbo-table-responsive {
10700 -ms-flex: 1%;
10701 -webkit-flex: 1%;
10702 flex: 1%;
10703 overflow-x: scroll;
10704 }
10705 .vbratesoverviewtable tr td:first-child {
10706 position: sticky;
10707 left: 0;
10708 box-shadow: 5px 0 10px rgba(0,0,0,.05);
10709 z-index: 1;
10710 background-clip: padding-box !important;
10711 }
10712 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td,
10713 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td {
10714 background: var(--vbo-config-child-bg-color) none repeat scroll 0 0;
10715 cursor: not-allowed;
10716 }
10717 .vbratesoverviewtable {
10718 border-spacing: 0;
10719 border-collapse: collapse;
10720 max-width: none;
10721 }
10722 .vbratesoverviewtable td {
10723 border-spacing: 0;
10724 border-collapse: collapse;
10725 border-right: 1px solid var(--vbo-config-bg-color);
10726 border-bottom: 1px solid var(--vbo-config-bg-color);
10727 }
10728 .vbratesoverviewtable tr:last-child td {
10729 border-bottom: 0;
10730 }
10731 .vbratesoverviewtable tr:first-child td {
10732 border-bottom: 0;
10733 }
10734 .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child,
10735 .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child {
10736 font-weight: bold;
10737 padding: 10px 10px;
10738 }
10739 .vbratesoverviewtable td .vbo-occ-label {
10740 display: inline-block;
10741 background: #999;
10742 border-radius: 4px;
10743 font-size: .9em;
10744 color: #fff;
10745 padding: 2px 6px;
10746 margin-left: 3px;
10747 font-weight: normal;
10748 }
10749 .vbo-roverw-curminlos-active {
10750 color: var(--vbo-red-color);
10751 font-weight: bold;
10752 }
10753 .vbratesoverviewtable .bluedays {
10754 min-width: 80px;
10755 }
10756 .vbratesoverviewtable .bluedays:hover {
10757 background-color: #73aecc;
10758 }
10759 .vbratesoverviewtable .bluedays:active {
10760 background-color: #89b8d0;
10761 }
10762 .vbratesoverviewtable .skip-bluedays-click:hover {
10763 background-color: #02679a;
10764 }
10765 .vbo-ratesoverview-period-inner {
10766 padding: 15px;
10767 background: var(--vbo-basic-btn);
10768 }
10769 .vbo-ratesoverview-period-lbl {
10770 font-weight: bold;
10771 font-size: 16px;
10772 margin: 0 5px 5px;
10773 }
10774 .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner {
10775 display: flex;
10776 -ms-flex-wrap: wrap;
10777 -webkit-flex-wrap: wrap;
10778 flex-wrap: wrap;
10779 }
10780 .vbo-ratesoverview-period-boxes-inner > div {
10781 display: inline-block;
10782 flex: 1;
10783 background: var(--vbo-config-bg-color);
10784 margin: 5px;
10785 padding: 15px 5px;
10786 text-align: center;
10787 border-radius: 4px;
10788 cursor: pointer;
10789 }
10790 .vbo-ratesoverview-period-box-lbl {
10791 font-weight: bold;
10792 margin-bottom: 5px;
10793 color: var(--vbo-config-titles-color-light);
10794 }
10795 .vbo-ratesoverview-period-box-val > div > span {
10796 display: block;
10797 font-weight: bold;
10798 color: var(--vbo-base-color);
10799 }
10800 .vbo-ratesoverview-period-wday {
10801 font-size: 12px;
10802 }
10803 .vbo-ratesoverview-period-mday {
10804 font-size: 24px;
10805 margin: 3px 0;
10806 }
10807 .vbo-ratesoverview-period-month {
10808 font-size: 12px;
10809 text-transform: uppercase;
10810 font-weight: normal;
10811 }
10812 .vbo-ratesoverview-period-box-val i {
10813 font-size: 28px;
10814 color: var(--vbo-blue-color);
10815 }
10816 .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals {
10817 position: relative;
10818 }
10819 .vbo-ratesoverview-period-box-cals-inner {
10820 position: absolute;
10821 top: 0;
10822 right: 0;
10823 width: 630px;
10824 padding: 10px;
10825 z-index: 1;
10826 border-radius: 10px;
10827 box-shadow: 0 1.5px 5px rgba(0,0,0,.1);
10828 background: var(--vbo-config-bg-color);
10829 border: 1px solid var(--vbo-main-bg-color);
10830 }
10831 .vbo-ratesoverview-period-box-cals-inner > div {
10832 display: inline-block;
10833 vertical-align: top;
10834 }
10835 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
10836 border-right: 1px solid var(--vbo-basic-btn);
10837 padding-right: 4px;
10838 }
10839 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
10840 padding: 3px 0;
10841 color: var(--vbo-config-titles-color-light);
10842 border-bottom: 1px solid var(--vbo-basic-btn);
10843 margin: 0 0 5px;
10844 text-align: center;
10845 text-transform: uppercase;
10846 font-size: 11px;
10847 }
10848 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
10849 width: 160px;
10850 }
10851 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select {
10852 width: 100% !important;
10853 }
10854 .vbo-receipt-company-block {
10855 text-align: center;
10856 }
10857 .vbo-receipt-company-info::first-line {
10858 font-weight: bold;
10859 }
10860 .vbo-resmodcanc-block select {
10861 max-width: 225px;
10862 }
10863 .vbo-resmodcanc-block input, .vbo-resmodcanc-block select {
10864 margin: 0;
10865 }
10866 .vbo-resmodcanc-lim label {
10867 display: inline-block;
10868 }
10869 .vbo-ratesoverview-orphans-wrapper {
10870 padding: 15px;
10871 margin: 2px 10px 0;
10872 border-radius: 6px;
10873 background: var(--vbo-basic-btn);
10874 border: 1px solid var(--vbo-red-color);
10875 }
10876 .vbo-ratesoverview-orphans-lbl {
10877 font-weight: bold;
10878 font-size: 16px;
10879 margin-bottom: 10px;
10880 }
10881 .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover {
10882 color: var(--vbo-red-color);
10883 }
10884 .vbo-ratesoverview-orphans-list {
10885 max-height: 179px;
10886 overflow: hidden;
10887 overflow-y: auto;
10888 }
10889 .vbo-ratesoverview-orphans-list > div {
10890 margin: 3px 0;
10891 }
10892 /* Signature Pad - Start */
10893 .vbo-signature-container {
10894 display: -webkit-box;
10895 display: -ms-flexbox;
10896 display: flex;
10897 -webkit-box-pack: center;
10898 -ms-flex-pack: center;
10899 justify-content: center;
10900 -webkit-box-align: center;
10901 -ms-flex-align: center;
10902 align-items: center;
10903 height: 70vh;
10904 width: 100%;
10905 -webkit-user-select: none;
10906 -moz-user-select: none;
10907 -ms-user-select: none;
10908 user-select: none;
10909 margin: 0;
10910 padding: 0;
10911 font-family: Helvetica, Sans-Serif;
10912 }
10913 .vbo-signature-pad {
10914 position: relative;
10915 display: -webkit-box;
10916 display: -ms-flexbox;
10917 display: flex;
10918 -webkit-box-orient: vertical;
10919 -webkit-box-direction: normal;
10920 -ms-flex-direction: column;
10921 flex-direction: column;
10922 font-size: 10px;
10923 width: 100%;
10924 height: 100%;
10925 max-width: 700px;
10926 max-height: 460px;
10927 border: 1px solid var(--vbo-config-border-color);
10928 background-color: var(--vbo-config-bg-color);
10929 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
10930 border-radius: 4px;
10931 padding: 16px;
10932 }
10933 .vbo-signature-pad::before, .vbo-signature-pad::after {
10934 position: absolute;
10935 z-index: -1;
10936 content: "";
10937 width: 40%;
10938 height: 10px;
10939 bottom: 10px;
10940 background: transparent;
10941 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
10942 }
10943 .vbo-signature-pad::before {
10944 left: 20px;
10945 -webkit-transform: skew(-3deg) rotate(-3deg);
10946 transform: skew(-3deg) rotate(-3deg);
10947 }
10948 .vbo-signature-pad::after {
10949 right: 20px;
10950 -webkit-transform: skew(3deg) rotate(3deg);
10951 transform: skew(3deg) rotate(3deg);
10952 }
10953 .vbo-signature-pad-head {
10954 margin-bottom: 8px;
10955 text-align: center;
10956 display: flex;
10957 flex-wrap: wrap;
10958 }
10959 .vbo-signature-pad-head .pull-right {
10960 margin-left: auto;
10961 }
10962 .vbo-signature-pad-head .vbo-signature-pad-head-terms {
10963 flex-basis: 100%;
10964 margin-top: 5px;
10965 }
10966 .vbo-signature-pad-head-terms {
10967 display: inline-block;
10968 padding: 0 10px;
10969 }
10970 .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
10971 text-decoration: none;
10972 }
10973 .vbo-signature-pad-body {
10974 position: relative;
10975 -webkit-box-flex: 1;
10976 -ms-flex: 1;
10977 flex: 1;
10978 border: 1px solid var(--vbo-config-child-bg-color);
10979 }
10980 .vbo-signature-pad-body canvas, .vbo-signature-pad-body div {
10981 position: absolute;
10982 left: 0;
10983 top: 0;
10984 width: 100%;
10985 height: 100%;
10986 border-radius: 4px;
10987 box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
10988 }
10989 .vbo-signature-pad-footer {
10990 text-align: center;
10991 margin-top: 8px;
10992 }
10993 .vbo-signature-signabove {
10994 color: var(--vbo-body-text-color);
10995 font-size: 1.2em;
10996 }
10997 .vbo-signature-cmds {
10998 display: -webkit-box;
10999 display: -ms-flexbox;
11000 display: flex;
11001 -webkit-box-pack: justify;
11002 -ms-flex-pack: justify;
11003 justify-content: space-between;
11004 margin-top: 8px;
11005 }
11006 .vbo-signature-cmd {
11007 display: inline-block;
11008 margin-right: 5px;
11009 }
11010 .vbo-signature-cmds > div:last-child {
11011 margin-right: 0;
11012 }
11013 .vbo-current-signature-p {
11014 display: block;
11015 text-align: center;
11016 font-weight: bold;
11017 font-size: 14px;
11018 }
11019 .vbo-signature-currentimg img {
11020 max-width: 100%;
11021 }
11022 /* Signature Pad - End */
11023 /* Booking Checkin - End */
11024 /* Booking Details Tabs - Start */
11025 .vbo-bookingdet-tabs {
11026 float: left;
11027 }
11028 .vbo-bookingdet-tab {
11029 display: inline-block;
11030 cursor: pointer;
11031 padding: 16px;
11032 margin: 0;
11033 font-size: 1.2em;
11034 text-transform: uppercase;
11035 font-weight: bold;
11036 }
11037 .vbo-bookingdet-tab-active {
11038 border-bottom: 3px solid var(--vbo-base-color);
11039 color: var(--vbo-base-color);
11040 }
11041 .vbo-bookingdet-commands {
11042 float: right;
11043 }
11044 .vbo-bookingdet-commands > div {
11045 vertical-align: top;
11046 }
11047 .vbo-bookingdet-command {
11048 display: inline-block;
11049 margin: 3px;
11050 }
11051 .vbo-bookingdet-command .btn.vbo-config-btn {
11052 padding: 10px 14px;
11053 background-color: var(--vbo-light-color-btn);
11054 color: var(--vbo-base-color);
11055 border: 1px solid var(--vbo-config-border-color);
11056 }
11057 .vbo-bookingdet-command .btn.vbo-config-btn:hover {
11058 background: var(--vbo-base-color-hover);
11059 border: 1px solid var(--vbo-base-color-hover);
11060 color: #fff;
11061 }
11062 .vbo-bookingdet-command .btn.vbo-config-btn:active {
11063 background: var(--vbo-base-color-hover);
11064 border: 1px solid var(--vbo-base-color-hover);
11065 }
11066 .btn.vbo-btn-black {
11067 font-weight: 500;
11068 padding: 8px 10px;
11069 background: var(--vbo-config-title-color);
11070 color: var(--vbo-contrast-text-color);
11071 border: 1px solid var(--vbo-config-title-color);
11072 }
11073 .btn.vbo-btn-black:hover {
11074 color: var(--vbo-config-title-color);
11075 border-color: var(--vbo-config-title-color);
11076 background: transparent;
11077 }
11078 .vbo-bookingdet-command i {
11079 margin-right: 5px;
11080 }
11081 .vbo-bookingdet-tab-cont {
11082 display: block;
11083 background: var(--vbo-basic-btn);
11084 padding-top: 15px;
11085 }
11086 img.vbo-channelimg-medium {
11087 max-height: 20px;
11088 }
11089 /* Booking Details Tabs - End */
11090 /* VikUpdater - Start */
11091 .vik-box-error {
11092 padding: 10px;
11093 border: 2px dashed var(--vbo-red-color);
11094 color: var(--vbo-red-color);
11095 font-weight: bolder;
11096 }
11097 .vik-box-error hr {
11098 border-top-color: var(--vbo-red-color);
11099 }
11100 .vik-update-changelog {
11101 padding: 10px;
11102 border: 2px dashed var(--vbo-middle-color-btn);
11103 }
11104 .vik-update-changelog h2 {
11105 margin-bottom: 25px;
11106 }
11107 .vik-update-changelog ul li strong {
11108 display: inline-block;
11109 width: 220px;
11110 }
11111 .vik-update-changelog div.box-separator {
11112 border-top: 1px solid var(--vbo-config-border-color);
11113 margin: 20px 0;
11114 }
11115 .vik-update-changelog > *:first-child,
11116 .vik-box-error > *:first-child {
11117 margin-top: 0;
11118 }
11119 .vik-update-changelog > *:last-child,
11120 .vik-box-error > *:last-child {
11121 margin-bottom: 0;
11122 }
11123 /* VikUpdater - End */
11124 .vbo-colortag-square {
11125 background-color: var(--vbo-config-bg-color);
11126 border: 1px solid var(--vbo-config-title-color);
11127 border-radius: 4px;
11128 cursor: pointer;
11129 display: inline-block;
11130 height: 30px;
11131 margin-right: 10px;
11132 width: 30px;
11133 text-align: center;
11134 vertical-align: top;
11135 line-height: 30px;
11136 }
11137 .vbo-colortag-circle {
11138 border-radius: 50%;
11139 cursor: pointer;
11140 display: inline-block;
11141 height: 14px;
11142 margin: 1px;
11143 padding: 0;
11144 vertical-align: middle;
11145 width: 14px;
11146 }
11147 .vbo-allbsearchcust-loading-inp {
11148 background: var(--vbo-config-border-color) none repeat scroll 0 0 !important;
11149 }
11150 .vbo-allbsearchcust-res {
11151 top: 36px;
11152 position: absolute;
11153 z-index: 2;
11154 width: 100%;
11155 }
11156 .vbo-allbsearchcust-res .vbo-custsearchres-inner {
11157 list-style: none;
11158 text-align: left;
11159 padding: 0;
11160 margin: 0 0 0 -1px;
11161 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
11162 background-color: var(--vbo-config-bg-color);
11163 border: 1px solid var(--vbo-config-border-color);
11164 white-space: nowrap;
11165 max-height: 200px;
11166 width: 100%;
11167 overflow-y: scroll;
11168 }
11169 .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry {
11170 font-size: 13px;
11171 }
11172 #vbo-allbsearchcust-res .vbo-custsearchres-inner {
11173 list-style: none;
11174 text-align: left;
11175 white-space: nowrap;
11176 }
11177 .vbo-allbookings-fm .btn-group select {
11178 max-width: 150px;
11179 margin-bottom: 0;
11180 border-radius: 2px;
11181 border: 1px solid var(--vbo-config-border-color);
11182 padding: 8px 10px;
11183 height: inherit;
11184 }
11185 .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name {
11186 min-width: 80%;
11187 }
11188 /* Config: Do not edit this */
11189 /* FontAwesome fixes - Start */
11190 i.fa-sort-desc {
11191 vertical-align: top;
11192 }
11193 /* FontAwesome fixes - End */
11194 /* Select2 fixes - Start */
11195 .select2-search--dropdown .select2-search__field {
11196 width: 100% !important;
11197 }
11198 input[type="search"].select2-search__field {
11199 height: auto !important;
11200 margin-bottom: 2px !important;
11201 }
11202 .select2-container.select2-container--default.select2-container--open {
11203 z-index: 9999999999 !important;
11204 }
11205 /* Select2 fixes - End */
11206 .vikpaymentparam {
11207 display: block;
11208 padding: 2px;
11209 }
11210 .vikpaymentparamlabel {
11211 display: inline-block;
11212 min-width: 150px;
11213 }
11214 .vikpaymentparamlbl-textarea {
11215 display: block;
11216 }
11217 .vikpaymentparaminput {
11218 display: inline-block !important;
11219 }
11220 .vikpaymentparaminput.vikpaymentparaminput-tarea {
11221 width: 100%;
11222 }
11223 .vikpaymentparamlabelhelp {
11224 font-size: smaller;
11225 font-style: italic;
11226 padding-left: 5px;
11227 }
11228 .vbo-config-param-cell {
11229 background: none repeat scroll 0 0 var(--vbo-light-color-btn);
11230 border-right: 1px solid var(--vbo-config-border-color);
11231 vertical-align: middle !important;
11232 }
11233 .vbo-config-param-cell.vbo-config-param-cell-warn {
11234 color: var(--vbo-red-color) !important;
11235 }
11236 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
11237 float: right;
11238 }
11239 .vbo-smstpl-bgroup {
11240 white-space: inherit !important;
11241 }
11242 .vbo-smstpl-bgroup button {
11243 margin: 2px 0;
11244 }
11245 .vbo-smstpl-bgroup button:first-child {
11246 margin-left:-1px !important;
11247 border-radius:0 !important;
11248 }
11249 .vbo-smstpl-control textarea {
11250 margin-top:5px;
11251 }
11252 .vbo-custmail-bgroup .btn-small {
11253 padding: 2px 5px !important;
11254 }
11255 .vbo-spblock-inline {
11256 display: inline-block;
11257 margin-right: 8px;
11258 }
11259 .vbo-spblock-inline input {
11260 display: inline-block;
11261 }
11262 .vbo-spblock-inline label {
11263 display: inline;
11264 vertical-align: middle;
11265 }
11266 #vbo-sms-balance {
11267 margin: 8px 0;
11268 padding: 5px;
11269 }
11270 .fieldset-left {
11271 float: left;
11272 margin-right: 20px;
11273 }
11274 .fieldset-half {
11275 float: left;
11276 width: 48%;
11277 }
11278 ul.dropdown-menu {
11279 z-index: 9999;
11280 }
11281 span.badge a {
11282 color: #fff;
11283 }
11284 span.badge a:hover {
11285 color: #fff;
11286 text-decoration: none;
11287 }
11288 i.icn-bigger {
11289 font-size: larger;
11290 }
11291 i.icn-nomargin {
11292 margin: 0 !important;
11293 }
11294 i.icn-float-left {
11295 float: left;
11296 }
11297 i.icn-float-right {
11298 float: right;
11299 }
11300 i.icn-clickable {
11301 cursor: pointer;
11302 }
11303 i.vbo-quest-popover {
11304 color: var(--vbo-config-title-color);
11305 }
11306 i.vbo-quest-popover:hover {
11307 color: var(--vbo-blue-color);
11308 }
11309 .popover {
11310 z-index: 9999999999 !important;
11311 }
11312 i.vbo-icn-img {
11313 font-size: 20px;
11314 }
11315 /* Joomla 3.x */
11316 .vbo-config-tabs-wrap div.current {
11317 background: var(--vbo-main-bg-color);
11318 clear: both;
11319 padding: 10px;
11320 }
11321 .vbo-config-tabs-wrap div.current dd.tabs {
11322 margin-left: 0;
11323 }
11324 .vbo-config-tabs-wrap dl.tabs {
11325 float: left;
11326 margin: 10px 0 -1px -3px;
11327 z-index: 50;
11328 }
11329 .vbo-config-tabs-wrap dl.tabs dt.open {
11330 color: #000000;
11331 z-index: 1;
11332 }
11333 .vbo-config-tabs-wrap dl.tabs dt {
11334 color: #666666;
11335 float: left;
11336 margin-left: 3px;
11337 padding: 4px 10px;
11338 }
11339 .vbo-config-tabs-wrap dt.tabs span h3 {
11340 font-size: 13px;
11341 margin: 0;
11342 display: inline-block;
11343 padding: 4px 8px;
11344 }
11345 .vbo-config-tabs-wrap dt.tabs:hover h3 {
11346 background: var(--vbo-toolbar-bg-color);
11347 border-radius: 4px;
11348 }
11349 #ui-datepicker-div select {
11350 line-height: 1em;
11351 padding: 5px 14px 5px 8px !important;
11352 min-height: 20px;
11353 height: auto !important;
11354 }
11355 .vbo-link-add {
11356 font-size: 13px;
11357 border-radius: 3px;
11358 }
11359 .vbo-link-add i {
11360 margin-right: 5px;
11361 display: inline-block;
11362 }
11363 .btn.vbo-config-btn, .vbo-link-add {
11364 background-color: var(--vbo-base-color);
11365 border: 1px solid var(--vbo-base-color);
11366 color: #fff;
11367 padding: 10px 14px;
11368 display: inline-block;
11369 }
11370 .btn.vbo-config-btn:hover, .vbo-link-add:hover {
11371 background-color: var(--vbo-base-color-hover) !important;
11372 border: 1px solid var(--vbo-base-color-hover) !important;
11373 color: #fff;
11374 }
11375 .btn.vbo-config-btn:active, .vbo-link-add:active {
11376 background-color: var(--vbo-link-text-color) !important;
11377 color: #fff;
11378 }
11379 .vbo-config-btn.vbo-config-btn-rounded {
11380 border-radius: 50%;
11381 width: 25px;
11382 height: 25px;
11383 text-align: center;
11384 }
11385 .vbo-config-btn.vbo-config-btn-rounded i {
11386 margin-right: 0;
11387 }
11388 .vbo-config-btn-rounded.vbo-config-btn-large {
11389 height: 50px;
11390 width: 50px;
11391 font-size: 24px;
11392 }
11393 .vbo-config-tabs-wrap dl.tabs {
11394 margin: 10px 0 0;
11395 width: 100%;
11396 border-bottom: 1px solid var(--vbo-config-border-color);
11397 }
11398 .vbo-config-tabs-wrap dl.tabs dt h3 i {
11399 margin-right: 5px;
11400 font-size: 15px;
11401 }
11402 .vbo-config-tabs-wrap dl.tabs dt {
11403 padding: 5px;
11404 margin-left: 0;
11405 border: 0;
11406 display: inline-block;
11407 float: none;
11408 }
11409 .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i {
11410 color: var(--vbo-config-title-color);
11411 }
11412 .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 {
11413 color: var(--vbo-base-color);
11414 }
11415 .vbo-config-tabs-wrap dl.tabs dt.open a {
11416 color: #000;
11417 }
11418 .vbo-config-tabs-wrap dl.tabs dt.open {
11419 border-bottom: 2px solid var(--vbo-base-color);
11420 }
11421 .vbo-config-tabs-wrap dl.tabs dt:hover h3 {
11422 color: var(--vbo-config-title-color);
11423 }
11424 .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover {
11425 border-bottom: 2px solid var(--vbo-base-color);
11426 }
11427 .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i {
11428 color: inherit;
11429 }
11430 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover {
11431 background: transparent;
11432 border-bottom: 0;
11433 float: right;
11434 }
11435 .vbo-config-body {
11436 margin-top: -20px;
11437 }
11438
11439 .vbo-admin-container {
11440 background: transparent;
11441 clear: both;
11442 padding: 10px;
11443 display: flex;
11444 flex-wrap: wrap;
11445 }
11446 .vbo-admin-container > div {
11447 flex-basis: calc(50% - 10px);
11448 }
11449 .vbo-admin-container.vbo-params-container-wide > div {
11450 flex-basis: 100%;
11451 }
11452 .vbo-admin-container .adminform {
11453 width: auto;
11454 display: inherit;
11455 background: var(--vbo-config-bg-color);
11456 border-radius: 6px;
11457 margin: 20px 0;
11458 padding: 15px 30px;
11459 box-shadow: 0 0 2px rgba(0,0,0,.1);
11460 }
11461 .vbo-admin-container .vbo-config-maintab-left {
11462 margin-right: 10px;
11463 }
11464 .vbo-admin-container .vbo-config-maintab-right {
11465 margin-left: 10px;
11466 }
11467 /* With this class we create a 100% width settings block */
11468 .vbo-config-tab-container > .adminform {
11469 width: 100%;
11470 }
11471 .vbo-config-tab-container .adminform {
11472 margin-top: 0;
11473 }
11474 .vbo-config-tab-container {
11475 padding-top: 10px !important;
11476 }
11477 .vbo-admin-container .adminlegend {
11478 border-bottom: 0;
11479 font-size: 22px;
11480 line-height: 1.2em;
11481 font-weight: bold;
11482 color: var(--vbo-config-titles-color-light);
11483 width: 100%;
11484 }
11485 .modal-body .adminlegend {
11486 width: 100%;
11487 }
11488 #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend {
11489 width: auto;
11490 float: inherit;
11491 margin-bottom: 10px;
11492 }
11493 .modal-body-wrapper .vbo-admin-container .adminlegend {
11494 float: none;
11495 }
11496 #jmodal-vbo-checkin-booking .modal-body .vbo-center {
11497 margin-top: 15px;
11498 }
11499 .vbo-btn-icon-right i {
11500 margin-left: 5px;
11501 margin-right: 0;
11502 }
11503 .vbo-btn-icon-left i {
11504 margin-right: 5px;
11505 margin-left: 0;
11506 }
11507 .vbo-admin-container .adminlegend i {
11508 margin-right: 5px;
11509 }
11510 .vbo-admin-container .vbo-param-container {
11511 display: flex;
11512 margin: 25px 0;
11513 }
11514 .vbo-param-container-highlighted {
11515 color: var(--vbo-red-color);
11516 }
11517 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append {
11518 margin-bottom: 0;
11519 }
11520 .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic {
11521 max-width: 225px;
11522 }
11523 .vbo-admin-container .vbo-param-container .vbo-param-setting select,
11524 .vbo-admin-container .vbo-param-container .vbo-param-setting select + input,
11525 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] {
11526 vertical-align: top;
11527 }
11528 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"],
11529 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"],
11530 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"],
11531 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"],
11532 .vbo-admin-container .vbo-param-container .vbo-param-setting label + input {
11533 vertical-align: inherit !important;
11534 }
11535 .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview {
11536 padding: 8px 5px;
11537 border-color: var(--vbo-config-border-color);
11538 }
11539 .vbo-admin-container .vbo-param-container.vbo-param-child {
11540 margin-top: -20px;
11541 }
11542 .vbo-admin-container .vbo-param-container.vbo-param-nested {
11543 border-top: 2px solid var(--vbo-basic-btn);
11544 background: var(--vbo-config-child-bg-color);
11545 padding: 10px 15px;
11546 margin: 0;
11547 }
11548 .vbo-admin-container .vbo-param-container .vbo-param-label {
11549 flex-basis: 250px;
11550 font-size: 14px;
11551 margin-right: 20px;
11552 margin-bottom: 5px;
11553 }
11554 .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span {
11555 display: block;
11556 margin-bottom: 5px;
11557 }
11558 /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */
11559 .vbo-admin-container .vbo-param-container-full {
11560 flex-wrap: wrap;
11561 }
11562 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
11563 flex-basis: 100%;
11564 margin-bottom: 10px;
11565 }
11566 /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */
11567 .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth {
11568 width: 100%;
11569 }
11570
11571 /* This "-full" class is to enlarge the one column admin structure.
11572 * This needs to be used together with the "vbo-admin-container" class.
11573 */
11574 .vbo-admin-container-full .vbo-params-wrap {
11575 flex-basis: 100%;
11576 }
11577 /* This "-compact" class is to reduce the padding between the settings.
11578 * This needs to be used together with the "vbo-admin-container" class.
11579 */
11580 .vbo-admin-container-compact .vbo-param-container {
11581 margin: 12px 0;
11582 }
11583 .vbo-params-block.vbo-params-block-compact .vbo-param-container {
11584 margin-bottom: 0;
11585 padding-bottom: 0;
11586 }
11587 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
11588 flex-basis: 235px;
11589 }
11590 .vbo-admin-container .vbo-param-container .vbo-param-setting {
11591 flex: 1;
11592 max-width: 100%;
11593 }
11594 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment {
11595 display: block;
11596 font-size: .9em;
11597 margin-top: 4px;
11598 font-style: italic;
11599 color: var(--vbo-config-title-color);
11600 }
11601 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger {
11602 font-weight: bold;
11603 color: var(--vbo-red-color);
11604 }
11605 .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline {
11606 margin-left: 5px;
11607 font-style: italic;
11608 color: var(--vbo-config-title-color);
11609 }
11610 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
11611 display: inline-block;
11612 margin-right: 10px;
11613 }
11614 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
11615 margin-bottom: 5px;
11616 }
11617 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child {
11618 margin-bottom: 0;
11619 }
11620 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
11621 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
11622 background: var(--vbo-main-bg-color);
11623 padding: 10px 15px;
11624 border-radius: 2px;
11625 border: 1px solid var(--vbo-config-border-color);
11626 color: var(--vbo-config-title-color);
11627 display: inline-block;
11628 white-space: nowrap;
11629 overflow: hidden;
11630 text-overflow: ellipsis;
11631 max-width: 120px;
11632 margin: 0;
11633 vertical-align: top;
11634 }
11635 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover,
11636 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover {
11637 color: var(--vbo-base-color);
11638 border-color: var(--vbo-base-color);
11639 background-color: var(--vbo-config-bg-color);
11640 }
11641 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active,
11642 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active {
11643 background-color: var(--vbo-config-child-bg-color);
11644 }
11645 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i {
11646 margin-right: 3px;
11647 font-size: 16px;
11648 }
11649 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] {
11650 margin: 2px 0;
11651 height: 40px;
11652 }
11653 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] {
11654 vertical-align: top;
11655 }
11656 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
11657 vertical-align: top;
11658 }
11659 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label {
11660 margin-bottom: 0;
11661 }
11662 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input {
11663 margin-top: 0;
11664 }
11665 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel,
11666 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore {
11667 border-left: 1px solid var(--vbo-main-bg-color);
11668 padding-left: 10px;
11669 margin-left: 10px;
11670 }
11671 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span,
11672 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span {
11673 margin: 0 10px 3px 0;
11674 display: inline-block;
11675 }
11676 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11677 margin-top: 0;
11678 }
11679 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child {
11680 margin-left: 0;
11681 }
11682 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,
11683 .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"] {
11684 border: 1px solid var(--vbo-config-border-color);
11685 border-radius: 2px;
11686 padding: 8px 10px;
11687 margin-bottom: 0;
11688 box-sizing: border-box;
11689 height: auto;
11690 }
11691 input[type="number"].vbo-small-input {
11692 width: 70px !important;
11693 vertical-align: inherit;
11694 }
11695 input[type="number"].vbo-medium-input {
11696 width: 100px !important;
11697 vertical-align: inherit;
11698 }
11699 .vbo-booking-special-requests {
11700 border: 1px solid var(--vbo-blue-color);
11701 padding: 10px;
11702 border-radius: 15px;
11703 border-top-left-radius: 0;
11704 background: var(--vbo-config-child-bg-color);
11705 margin: 0 5px;
11706 }
11707 .vbo-booking-admin-notes {
11708 background: var(--vbo-config-child-bg-color);
11709 padding: 10px;
11710 margin: 0;
11711 font-style: italic;
11712 }
11713 .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus,
11714 .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 {
11715 background: var(--vbo-input-style-deactive);
11716 }
11717 .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) {
11718 width: 100px !important;
11719 }
11720 input[type="number"].vbo-large-input-number {
11721 width: 180px !important;
11722 }
11723 .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 {
11724 margin-bottom: 0;
11725 border-radius: 2px;
11726 border: 1px solid var(--vbo-config-border-color);
11727 padding: 8px 10px;
11728 height: inherit;
11729 }
11730 .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 {
11731 padding: 8px 10px;
11732 border-radius: 0 2px 2px 0;
11733 border: 1px solid var(--vbo-config-border-color);
11734 }
11735 .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,
11736 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar {
11737 margin-right: 0;
11738 }
11739 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add {
11740 background: var(--vbo-base-color);
11741 border: 1px solid var(--vbo-base-color);
11742 color: #fff;
11743 padding: 10px 14px;
11744 }
11745 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i {
11746 color: #fff;
11747 }
11748 .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover {
11749 background: var(--vbo-base-color-hover) !important;
11750 }
11751 .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 {
11752 background: var(--vbo-link-text-color) !important;
11753 }
11754 .vbo-admin-container .vbo-param-container .vbo-config-btn i {
11755 margin-right: 5px;
11756 display: inline-block;
11757 }
11758 .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn {
11759 margin-top: 5px;
11760 }
11761 .vbo-admin-container .vbo-param-container .btn-danger {
11762 padding: 10px 14px;
11763 font-size: 12px;
11764 line-height: 15px;
11765 border-radius: 3px;
11766 }
11767 select.vbo-select-small {
11768 padding: 0px 24px 0px 8px !important;
11769 min-height: 25px;
11770 font-size: 12px;
11771 height: 25px !important;
11772 }
11773 .vbo-btn-toolbar .btn i {
11774 margin-right: 5px;
11775 }
11776 .vbo-btn-toolbar .input-append .btn .icon-calendar {
11777 margin-right: 0;
11778 }
11779 .iti.iti--allow-dropdown {
11780 background: var(--vbo-input-style);
11781 border: 1px solid var(--vbo-config-border-color);
11782 display: flex;
11783 z-index: 0;
11784 }
11785 .iti.iti--allow-dropdown .iti__flag-container {
11786 position: relative;
11787 }
11788 .iti.iti--allow-dropdown .iti__selected-flag {
11789 border-right: 1px solid var(--vbo-config-border-color);
11790 }
11791 .iti.iti--allow-dropdown input[type="tel"] {
11792 border: 0;
11793 border-radius: 2px;
11794 padding: 5px 10px;
11795 margin-bottom: 0;
11796 height: auto;
11797 flex: 1;
11798 }
11799 .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover {
11800 background: var(--vbo-config-child-bg-color);
11801 }
11802 .vbo-uploaded-files i.fa-file {
11803 font-size: 68px !important;
11804 }
11805 .vbo-uploaded-files .file-elem a .file-extension {
11806 font-size: 14px !important;
11807 }
11808 .vbo-uploaded-files .file-elem {
11809 width: calc(100% / 7) !important;
11810 }
11811 .vbo-bookingdet-btncont .vbo-config-btn {
11812 margin-top: 5px;
11813 }
11814 .vbo-bookingdet-btncont .vbo-config-btn i {
11815 margin-right: 8px;
11816 }
11817 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
11818 display: inline-block;
11819 margin-left: 10px;
11820 border: 1px solid var(--vbo-config-border-color);
11821 padding: 8px 9px;
11822 margin-top: 0px;
11823 border-radius: 2px;
11824 background: var(--vbo-config-child-bg-color);
11825 vertical-align: top;
11826 }
11827 .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active {
11828 background: var(--vbo-config-bg-color);
11829 }
11830 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar {
11831 margin-bottom: 0;
11832 height: auto;
11833 }
11834 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append {
11835 margin-bottom: 0;
11836 }
11837 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple {
11838 border: 0 !important;
11839 background: transparent;
11840 }
11841 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11842 padding: 0;
11843 }
11844 .vbo-param-container .vbo-param-setting .select2-container--default {
11845 width: 70% !important;
11846 }
11847 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline {
11848 width: 100%;
11849 }
11850 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
11851 width: 100% !important;
11852 background: var(--vbo-config-bg-color);
11853 }
11854 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
11855 background-color: #b6d8ee;
11856 border: 1px solid #b8d1e1;
11857 border-radius: 30px;
11858 padding: 5px 10px;
11859 color: #2d5593;
11860 font-weight: bold;
11861 }
11862 .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
11863 font-size: 12px;
11864 }
11865 .vbo-reportwidget-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered {
11866 padding: 0;
11867 }
11868 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span {
11869 display: inline-block;
11870 margin-left: 3px;
11871 margin-right: 0;
11872 width: 18px;
11873 height: 18px;
11874 line-height: 15px;
11875 font-size: 16px;
11876 text-align: center;
11877 border-radius: 50%;
11878 color: #1f90d9;
11879 float: right;
11880 }
11881 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover {
11882 background: #1f90d9;
11883 color: #fff;
11884 }
11885 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
11886 margin-left: 5px;
11887 }
11888 #vbo-preset-icons + .select2-container--default .select2-selection--single {
11889 height: 36px;
11890 border: 1px solid #ddd;
11891 border-radius: 2px;
11892 }
11893 #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container {
11894 font-weight: normal;
11895 font-size: 14px;
11896 }
11897 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow {
11898 height: 36px;
11899 }
11900 #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered {
11901 line-height: 35px;
11902 }
11903 .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input {
11904 border: 0;
11905 }
11906 .vbo-preferred-countries-sortlist {
11907 margin-left: 0;
11908 max-width: 380px;
11909 }
11910 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem {
11911 list-style-type: none;
11912 margin: 0;
11913 padding: 10px 15px;
11914 display: block;
11915 border: 1px solid var(--vbo-basic-btn);
11916 background: var(--vbo-config-child-bg-color);
11917 margin: 5px 3px;
11918 cursor: grab;
11919 }
11920 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i {
11921 color: var(--vbo-config-titles-color-light);
11922 float: right;
11923 margin-top: 4px;
11924 }
11925 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover {
11926 background: var(--vbo-config-bg-color);
11927 color: var(--vbo-base-color);
11928 border-color: var(--vbo-base-color);
11929 }
11930 .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i {
11931 color: var(--vbo-base-color);
11932 }
11933 .vbo-param-container .vbo-preferred-countries-edit-wrap {
11934 margin-top: 4px;
11935 }
11936 .vbo-param-container .vbo-preferred-countries-edit-wrap span {
11937 cursor: pointer;
11938 }
11939 .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover {
11940 color: var(--vbo-base-color);
11941 }
11942 input[type="text"],
11943 input[type="password"],
11944 input[type="date"],
11945 input[type="email"],
11946 input[type="url"],
11947 input[type="search"],
11948 input[type="tel"],
11949 select {
11950 width: auto !important;
11951 }
11952 .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 {
11953 width: 70% !important;
11954 }
11955 .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append {
11956 width: 100%;
11957 }
11958 .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large {
11959 width: 200px !important;
11960 }
11961 .vbo-param-container input[type="number"].vbo-input-number-small {
11962 width: 80px !important;
11963 }
11964 .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input {
11965 width: auto !important;
11966 }
11967 .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover {
11968 color: var(--vbo-base-color-hover);
11969 }
11970 .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active {
11971 color: var(--vbo-link-text-color);
11972 }
11973 .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti {
11974 width: calc(70% - 2px);
11975 }
11976 .vbo-payment-params-container .vbo-param-setting img {
11977 max-width: 300px;
11978 }
11979
11980 input[type="number"] {
11981 width: 100px !important;
11982 }
11983 table.adminform label {
11984 display: inline;
11985 margin:0 0 0 5px;
11986 }
11987 table.adminform td {
11988 padding: 6px 0;
11989 }
11990 table.adminform div.input-append {
11991 display: inline;
11992 }
11993 .icon-vikbooking:before {
11994 font-family: "Font Awesome 5 Free", FontAwesome !important;
11995 font-weight: 900;
11996 content: "\f236";
11997 background: none !important;
11998 }
11999 .icon-vikbookingconfig:before {
12000 font-family: "Font Awesome 5 Free", FontAwesome !important;
12001 font-weight: 900;
12002 content: "\f236";
12003 background: none !important;
12004 }
12005 .icon-vikbookingstats:before {
12006 font-family: "Font Awesome 5 Free", FontAwesome !important;
12007 font-weight: 900;
12008 content: "\f236";
12009 background: none !important;
12010 }
12011 /* Joomla 3.7.0 - Start */
12012 .field-calendar, .vbo-field-calendar {
12013 display: inline-block;
12014 vertical-align: top;
12015 }
12016 .field-calendar .input-append, .vbo-field-calendar .input-append {
12017 display: flex;
12018 }
12019 .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] {
12020 padding: 8px 10px;
12021 border-radius: 0 2px 2px 0;
12022 border: 1px solid var(--vbo-config-border-color);
12023 }
12024 .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt {
12025 font-size: 14px;
12026 margin-right: 0;
12027 }
12028 .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar {
12029 margin-right: 0;
12030 }
12031 .btn-group .calendar-head-row {
12032 font-size: 13px;
12033 }
12034 /* Joomla 3.7.0 - End */
12035
12036 /* Reports - Start */
12037 .vbo-reports-container {
12038 background: var(--vbo-basic-btn);
12039 padding: 0 0 10px;
12040 }
12041 .vbo-reports-filters-outer {
12042 margin-top: 0;
12043 height: auto;
12044 background: var(--vbo-basic-btn-hover);
12045 padding: 10px;
12046 box-sizing: border-box;
12047 }
12048 .vbo-reports-filters-outer > div {
12049 display: inline-block;
12050 margin: 2px 0;
12051 }
12052 .vbo-reports-filters-outer > .vbo-reports-filters-export {
12053 margin: 2px;
12054 }
12055 .vbo-reports-filters-export {
12056 float: right;
12057 }
12058 .vbo-reports-filters-report {
12059 margin: 0 20px;
12060 }
12061 .vbo-report-filter-lbl {
12062 margin-bottom: 2px;
12063 }
12064 .vbo-reports-filters-report .vbo-report-filter-wrap {
12065 display: inline-block;
12066 }
12067 .vbo-report-filter-val input, .vbo-report-filter-val select {
12068 margin: 0 !important;
12069 }
12070 .vbo-reports-output {
12071 margin: 10px;
12072 }
12073 .vbo-report-layout-type {
12074 text-align: right;
12075 display: inline-block;
12076 width: 100%;
12077 }
12078 .vbo-report-layout-type .vbo-report-layout-type-inner {
12079 background: var(--vbo-config-bg-color);
12080 margin-left: 10px;
12081 border: 1px solid var(--vbo-config-border-color);
12082 display: flex;
12083 width: 170px;
12084 float: right;
12085 margin-right: 10px;
12086 }
12087 .vbo-report-layout-type .vbo-report-layout-type-inner > * {
12088 display: inline-block;
12089 }
12090 .vbo-report-layout-type .vbo-report-layout-type-inner label {
12091 border-right: 1px solid var(--vbo-config-border-color);
12092 margin-bottom: 0;
12093 padding: 9px 7px;
12094 flex-basis: 25px;
12095 text-align: center;
12096 font-size: 16px;
12097 }
12098 .vbo-report-layout-type .vbo-report-layout-type-inner label i {
12099 color: var(--vbo-config-titles-color-light);
12100 }
12101 .vbo-report-layout-type .vbo-report-layout-type-inner select {
12102 margin-bottom: 0;
12103 border-radius: 2px;
12104 border: 0;
12105 padding: 8px 10px;
12106 height: inherit;
12107 flex: 1;
12108 }
12109 .vbo-report-chart-wrap > h4 {
12110 margin-top: 30px;
12111 font-size: 18px;
12112 margin-bottom: 10px;
12113 border-bottom: 1px solid var(--vbo-config-border-color);
12114 padding-bottom: 10px;
12115 margin-left: 10px;
12116 }
12117 .vbo-report-chart-inner {
12118 display: flex;
12119 flex-wrap: wrap;
12120 margin-bottom: 40px;
12121 }
12122 .vbo-report-chart-main {
12123 flex: 1;
12124 }
12125 .vbo-report-chart-metas .vbo-report-chart-meta-inner {
12126 background: var(--vbo-config-bg-color);
12127 border: 1px solid var(--vbo-config-bg-color);
12128 padding: 20px;
12129 border-radius: 16px;
12130 box-shadow: 0 3px 10px rgba(0,0,0,.05);
12131 margin-bottom: 15px;
12132 position: relative;
12133 height: 70%;
12134 }
12135 .vbo-report-chart-metas .vbo-report-chart-meta-lbl {
12136 font-weight: bold;
12137 color: var(--vbo-config-titles-color-light);
12138 margin-bottom: 10px;
12139 }
12140 .vbo-report-chart-metas .vbo-report-chart-meta-val {
12141 font-size: 26px;
12142 font-weight: bold;
12143 }
12144 .vbo-report-chart-metas .vbo-report-chart-meta-val-main {
12145 display: inline-block;
12146 margin: 4px 0 6px;
12147 white-space: nowrap;
12148 }
12149 .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
12150 font-size: 13px;
12151 display: inline-block;
12152 vertical-align: middle;
12153 color: var(--vbo-config-titles-color-light);
12154 }
12155 .vbo-report-chart-main .vbo-report-chart-metas {
12156 display: flex;
12157 flex-wrap: wrap;
12158 }
12159 .vbo-report-chart-main .vbo-report-chart-meta {
12160 flex-basis: 25%;
12161 }
12162 .vbo-report-chart-main .vbo-report-chart-meta-inner {
12163 margin: 0 5px;
12164 }
12165 .vbo-report-chart-main .vbo-report-chart-content {
12166 background: var(--vbo-config-bg-color);
12167 padding: 30px;
12168 border-radius: 16px;
12169 margin: 20px 5px;
12170 box-shadow: 0 3px 10px rgba(0,0,0,.05);
12171 }
12172 .vbo-report-chart-right {
12173 flex-basis: 20%;
12174 margin-left: 15px;
12175 }
12176 .vbo-report-chart-metas .vbo-report-chart-meta-inner:after {
12177 height: 30px;
12178 width: 4px;
12179 background: #ddd;
12180 content: "";
12181 position: absolute;
12182 left: -3px;
12183 top: 17px;
12184 }
12185 .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after {
12186 background: var(--vbo-green-color);
12187 }
12188 .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after {
12189 background: var(--vbo-red-color);
12190 }
12191 .chart-line-legend {
12192 margin-left: 0;
12193 text-align: center;
12194 }
12195 .chart-line-legend li {
12196 display: inline-block;
12197 list-style-type: none;
12198 border: 1px solid var(--vbo-config-border-color);
12199 border-radius: 20px;
12200 padding: 8px 15px 5px;
12201 margin: 5px;
12202 }
12203 .chart-line-legend li span {
12204 display: inline-block;
12205 vertical-align: top;
12206 }
12207 .chart-line-legend li .legend-entry {
12208 width: 15px;
12209 height: 15px;
12210 margin-right: 8px;
12211 border-radius: 4px;
12212 display: inline-block;
12213 }
12214 .chart-line-legend li .legend-label {
12215 margin-top: -2px;
12216 font-weight: bold;
12217 font-size: 12px;
12218 }
12219 .chart-line-legend {
12220 margin-top: 10px;
12221 }
12222 .vbo-report-sheetnchart {
12223 display: flex;
12224 }
12225 .vbo-report-sheetnchart .vbo-report-sheet {
12226 flex-basis: 60%;
12227 margin-right: 10px;
12228 }
12229 .vbo-report-sheetnchart .vbo-report-chart-wrap {
12230 flex: 1;
12231 }
12232 .vbo-report-sheetnchart .vbo-report-chart-metas-right {
12233 display: flex;
12234 flex-wrap: wrap;
12235 }
12236 .vbo-report-sheetnchart .vbo-report-chart-right {
12237 flex-basis: 100%;
12238 margin: 0;
12239 }
12240 .vbo-report-chart-metas-bottom {
12241 margin-bottom: 20px;
12242 }
12243 .vbo-report-sheetnchart .vbo-report-chart-meta {
12244 flex-basis: 33%;
12245 }
12246 .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner {
12247 margin: 0 5px;
12248 }
12249 .vbo-reports-output .table-responsive {
12250 border-radius: 8px;
12251 box-shadow: 0 0px 20px rgba(0,0,0,.1);
12252 margin: 0 5px 18px;
12253 background: var(--vbo-config-bg-color);
12254 }
12255 .vbo-reports-output table {
12256 margin-bottom: 0;
12257 }
12258 .vbo-reports-output table thead {
12259 background: var(--vbo-config-child-bg-color);
12260 text-transform: uppercase;
12261 font-weight: bold;
12262 }
12263 .vbo-reports-output table thead th {
12264 padding: 15px 15px;
12265 color: var(--vbo-config-title-color);
12266 font-size: 12px;
12267 white-space: nowrap;
12268 }
12269 .vbo-reports-output table thead th a {
12270 color: var(--vbo-config-title-color);
12271 }
12272 .vbo-reports-output table thead th i {
12273 margin-left: 3px;
12274 font-size: .9em;
12275 }
12276 .vbo-reports-output table tbody td:first-child {
12277 width: 150px;
12278 }
12279 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2),
12280 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3),
12281 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) {
12282 display: none;
12283 }
12284 .vbo-reports-output table tbody td, .vbo-reports-output table tfoot td {
12285 padding: 15px 15px;
12286 }
12287 .vbo-reports-output table tbody tr:nth-child(2n) {
12288 background: var(--vbo-config-child-bg-color);
12289 }
12290 .vbo-reports-output table tbody tr td:first-child span {
12291 font-weight: bold;
12292 }
12293 .vbo-reports-output table tfoot {
12294 background: var(--vbo-config-child-bg-color);
12295 }
12296 .vbo-reports-output table tfoot td h3 {
12297 margin: 12px 0;
12298 font-size: 14px;
12299 }
12300 .vbo-reports-output table tfoot tr:last-child td {
12301 vertical-align: middle;
12302 }
12303 .vbo-reports-output table tfoot tr td:not(:first-child) span {
12304 font-weight: bold;
12305 font-size: 14px;
12306 white-space: nowrap;
12307 }
12308 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata {
12309 display: inline-block;
12310 margin-right: 15px;
12311 }
12312 .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child {
12313 margin: 0;
12314 }
12315 .vbo-info-overlay-content.vbo-info-overlay-report {
12316 text-align: center;
12317 }
12318 .vbo-info-overlay-content.vbo-info-overlay-report > div {
12319 margin: 0 10px;
12320 display: inline-block;
12321 }
12322 .vbo-report-load-comune span,
12323 .vbo-report-load-provincia span,
12324 .vbo-report-load-nazione span,
12325 .vbo-report-load-cittadinanza span,
12326 .vbo-report-load-doctype span,
12327 .vbo-report-load-docnum span,
12328 .vbo-report-load-docissue span,
12329 .vbo-report-load-docplace span,
12330 .vbo-report-load-sesso span,
12331 .vbo-report-load-dbirth span,
12332 .vbo-report-load-field span {
12333 display: inline-block;
12334 border: 1px solid var(--vbo-red-color);
12335 cursor: pointer;
12336 color: var(--vbo-red-color);
12337 padding: 0px 7px;
12338 }
12339 .vbo-report-load-field-optional span {
12340 border: 0;
12341 color: var(--vbo-blue-color);
12342 }
12343 .vbo-report-load-elem-filled span {
12344 border: 0;
12345 padding: 0;
12346 color: var(--vbo-blue-color-hover);
12347 }
12348 #ui-datepicker-div {
12349 z-index: 2147483647 !important;
12350 border: 1px solid var(--vbo-config-border-color);
12351 border-radius: 4px;
12352 box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
12353 }
12354 /* Reports - End */
12355
12356 /* Trackings - Start */
12357 .btn-toolbar.vbo-trackings-filters {
12358 margin-bottom: 20px;
12359 margin-top: 0 !important;
12360 height: auto !important;
12361 background: var(--vbo-toolbar-bg-color);
12362 padding: 10px;
12363 box-sizing: border-box;
12364 }
12365 .btn-toolbar.vbo-trackings-filters .pull-right .fa {
12366 margin-right: 3px;
12367 }
12368 .vbo-trackings-table {
12369 background: var(--vbo-config-child-bg-color);
12370 }
12371 .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td {
12372 background: var(--vbo-config-child-bg-color) !important;
12373 }
12374 .vbo-trackings-table-head {
12375 border-top: 1px solid var(--vbo-config-border-color);
12376 padding: 12px 15px 0;
12377 font-weight: bold;
12378 }
12379 .vbo-trackings-table-head-inner {
12380 display: flex;
12381 padding: 0 15px;
12382 }
12383 .vbo-trackings-table-head-inner > div i {
12384 margin-left: 5px;
12385 }
12386 .vbo-trackings-table-head-inner > div * {
12387 text-transform: uppercase;
12388 color: var(--vbo-config-titles-color-light);
12389 }
12390 .vbo-trackings-table-head-cell {
12391 flex: 1;
12392 padding: 0 5px;
12393 }
12394 .vbo-trackings-table-cell-ckb input {
12395 margin-top: 0;
12396 }
12397 .vbo-trackings-table-body {
12398 padding: 15px 15px 30px;
12399 }
12400 .vbo-trackings-table-body-row {
12401 display: flex;
12402 flex-wrap: wrap;
12403 background: var(--vbo-config-bg-color);
12404 padding: 15px;
12405 border-radius: 4px;
12406 margin: 15px 0;
12407 box-shadow: 0 4px 6px rgba(0,0,0,.05);
12408 }
12409 .vbo-trackings-table-body-cell {
12410 flex: 1;
12411 padding: 0 5px;
12412 }
12413 .vbo-trackings-table-cell-chevron {
12414 flex: 0 0 30px;
12415 cursor: pointer;
12416 padding-left: 0;
12417 }
12418 .vbo-trackings-table-cell-ckb {
12419 flex: 0 0 30px;
12420 }
12421 .vbo-trackings-table-cell-id {
12422 flex: 0 0 60px;
12423 }
12424 .vbo-trackings-table-body-subrow {
12425 display: none;
12426 flex: 0 0 100%;
12427 }
12428 .vbo-trackings-table-body-hidden-lbl {
12429 display: none;
12430 }
12431 .vbo-trackings-table-body-cell .vbo-trackings-dtonly {
12432 font-weight: bold;
12433 font-size: 1.1em;
12434 }
12435 .vbo-tracking-identifier-container {
12436 margin: 20px 0;
12437 background: var(--vbo-config-child-bg-color);
12438 border-radius: 4px;
12439 }
12440 .vbo-tracking-info-details {
12441 padding: 15px;
12442 display: flex;
12443 flex-wrap: wrap;
12444 border-bottom: 1px solid var(--vbo-config-border-color);
12445 }
12446 .vbo-tracking-info-details:last-child {
12447 border:0;
12448 }
12449 .vbo-tracking-info-details > div {
12450 flex: 1;
12451 padding: 0 10px
12452 }
12453 .vbo-tracking-info-details > .vbo-tracking-info-dates-cont {
12454 flex: 0 0 15%;
12455 }
12456 .vbo-tracking-info-details > .vbo-tracking-info-device-cont {
12457 flex: 0 0 80px;
12458 }
12459 .vbo-tracking-info-details > .vbo-tracking-info-dt-cont {
12460 flex: 0 0 15%;
12461 }
12462 .vbo-tracking-info-details > .vbo-tracking-info-search-results {
12463 flex: 0 0 100%;
12464 }
12465 .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p {
12466 margin-top: 0;
12467 }
12468 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
12469 flex: 0 0 10%;
12470 }
12471 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont {
12472 flex: 0 0 20%;
12473 }
12474 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans {
12475 display: inline-block;
12476 }
12477 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms {
12478 margin-right: 15px;
12479 }
12480 .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div {
12481 font-weight: bold;
12482 }
12483 .vbo-tracking-info-device-cont i {
12484 font-size: 18px;
12485 }
12486 .vbo-tracking-info-device-cont .vbo-tracking-i-mobile {
12487 font-size: 22px;
12488 }
12489 .vbo-tracking-info-subrow-lbl {
12490 text-transform: uppercase;
12491 font-weight: bold;
12492 color: #999;
12493 margin-bottom: 5px;
12494 }
12495 .vbo-tracking-info-dates-cont > div {
12496 margin-bottom: 5px;
12497 }
12498 .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl {
12499 font-weight: bold;
12500 display: block;
12501 margin: 0;
12502 }
12503 .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly {
12504 font-weight: bold;
12505 }
12506 .vbo-trackings-custcampaign {
12507 margin-bottom: 20px;
12508 background: var(--vbo-config-bg-color);
12509 border-radius: 10px;
12510 border: 1px solid var(--vbo-basic-btn);
12511 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
12512 padding: 15px;
12513 }
12514 .vbo-trackings-custcampaign-box {
12515 display: inline-block;
12516 margin-right: 14px;
12517 }
12518 .vbo-trackings-custcampaign-box label {
12519 margin-bottom: 5px;
12520 font-weight: 500;
12521 }
12522 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] {
12523 width: 100% !important;
12524 }
12525 .vbo-tracking-info-party-room {
12526 margin-bottom: 5px;
12527 }
12528 .vbo-tracking-info-party-room .vbo-tracking-info-lbl {
12529 display: block;
12530 text-transform: uppercase;
12531 font-weight: bold;
12532 }
12533 .vbo-tracking-info-booking-cont a {
12534 background: var(--vbo-base-color);
12535 color: #fff;
12536 border: 2px solid var(--vbo-base-color);
12537 display: table;
12538 margin-top: 5px;
12539 padding: 5px 10px;
12540 border-radius: 3px;
12541 font-weight: bold;
12542 }
12543 .vbo-tracking-info-booking-cont a:hover {
12544 background: transparent;
12545 color: var(--vbo-base-color-hover);
12546 text-decoration: none;
12547 }
12548 .vbo-tracking-info-search-results {
12549 margin-top: 10px;
12550 }
12551 .vbo-tracking-info-search-result {
12552 border: 2px solid var(--vbo-config-border-color);
12553 border-radius: 4px;
12554 padding: 10px 15px;
12555 margin: 5px 0;
12556 }
12557 .vbo-tracking-info-search-result p {
12558 margin-bottom: 0;
12559 padding-bottom: 0;
12560 font-weight: bold;
12561 }
12562 .vbo-tracking-info-search-result i {
12563 margin-right: 5px;
12564 }
12565 .vbo-tracking-info-search-result-warning {
12566 border-color: var(--vbo-orange-color);
12567 }
12568 .vbo-tracking-info-search-result-warning i {
12569 color: var(--vbo-orange-color);
12570 }
12571 .vbo-tracking-info-search-result-error {
12572 border-color: var(--vbo-red-color);
12573 }
12574 .vbo-tracking-info-search-result-error i {
12575 color: var(--vbo-red-color);
12576 }
12577 .vbo-tracking-info-search-result-info {
12578 border-color: var(--vbo-blue-color);
12579 }
12580 .vbo-tracking-info-search-result-info i {
12581 color: var(--vbo-blue-color);
12582 }
12583 .vbo-tracking-info-search-result-success {
12584 border-color: var(--vbo-green-color);
12585 }
12586 .vbo-tracking-info-search-result-success i {
12587 color: var(--vbo-green-color);
12588 }
12589 #vbo-add-trkcampaign {
12590 margin-top: 5px;
12591 }
12592 .vbo-trackings-custcampaign-uri {
12593 font-weight: bold;
12594 margin-right: 0;
12595 }
12596 .vbo-trackings-custcampaign label {
12597 display: block;
12598 }
12599 .vbo-trackings-tabs > div {
12600 display: inline-block;
12601 cursor: pointer;
12602 padding: 11px 0px;
12603 margin: 0 12px;
12604 font-size: 1.2em;
12605 text-transform: uppercase;
12606 font-weight: bold;
12607 text-align: center;
12608 color: var(--vbo-config-titles-color-light);
12609 }
12610 .vbo-trackings-tabs > .vbo-trackings-tab-active {
12611 border-bottom: 2px solid var(--vbo-blue-color);
12612 color: var(--vbo-blue-color);
12613 }
12614 .vbo-trackings-tabcont-stats {
12615 background: var(--vbo-config-child-bg-color);
12616 border-top: 1px solid var(--vbo-config-border-color);
12617 padding: 10px;
12618 }
12619 .vbo-trackings-chart-bestnights {
12620 display: flex;
12621 flex-wrap: wrap;
12622 }
12623 .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 {
12624 flex: 100%;
12625 font-size: 1.1em;
12626 margin-left: 5px;
12627 border-bottom: 1px solid var(--vbo-config-border-color);
12628 padding-bottom: 10px;
12629 text-transform: uppercase;
12630 }
12631 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
12632 background: var(--vbo-config-bg-color);
12633 padding: 15px;
12634 border-radius: 4px;
12635 margin: 5px;
12636 flex-basis: 10%;
12637 box-shadow: 0 0 10px rgba(0,0,0,.05);
12638 }
12639 .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 {
12640 font-weight: bold;
12641 margin-bottom: 10px;
12642 display: block;
12643 border-bottom: 1px solid var(--vbo-config-border-color);
12644 padding-bottom: 5px;
12645 text-transform: uppercase;
12646 color: var(--vbo-config-titles-color-light);
12647 }
12648 .vbo-trackings-chart-tot {
12649 font-size: 26px;
12650 color: var(--vbo-base-color);
12651 margin-right: 4px;
12652 }
12653 .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs {
12654 margin-bottom: 10px;
12655 }
12656 .vbo-trackings-chart-middle {
12657 display: flex;
12658 margin-top: 20px;
12659 }
12660 .vbo-trackings-chart-avgvals {
12661 flex: 55%;
12662 padding-right: 50px;
12663 }
12664 .vbo-trackings-chart-referrers {
12665 flex: 1;
12666 }
12667 .vbo-trackings-chart-avgval-listcont {
12668 display: flex;
12669 flex-wrap: wrap;
12670 }
12671 .vbo-trackings-chart-avgval-listcont > div {
12672 flex: 1;
12673 background: var(--vbo-config-bg-color);
12674 padding: 15px;
12675 border-radius: 4px;
12676 box-shadow: 0 0 10px rgba(0,0,0,.05);
12677 margin: 5px;
12678 }
12679 .vbo-trackings-chart-avgval-listcont > div h5 {
12680 margin-top: 0;
12681 }
12682 .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot {
12683 margin-right: 0;
12684 }
12685 .vbo-trackings-chart-pcent {
12686 font-size: 1.1em;
12687 color: var(--vbo-config-titles-color-light);
12688 font-weight: bold;
12689 }
12690 .vbo-trackings-chart-referrer {
12691 background: var(--vbo-config-bg-color);
12692 padding: 15px;
12693 border-radius: 4px;
12694 box-shadow: 0 0 10px rgba(0,0,0,.05);
12695 margin: 10px 5px;
12696 }
12697 .vbo-trackings-chart-middle .vbo-trackings-chart-tot {
12698 color: var(--vbo-green-color);
12699 }
12700 .vbo-trackings-cookiediscl {
12701 font-style: italic;
12702 width: 70%;
12703 }
12704 /* Trackings - End */
12705
12706 .vbo-choosebusy-table {
12707 background: rgb(246, 246, 246) none repeat scroll 0% 0%;
12708 border: 1px solid rgb(221, 221, 221);
12709 margin: 0 0 20px;
12710 }
12711 .vbo-choosebusy-tr1 td {
12712 background: rgb(238, 238, 238) none repeat scroll 0% 0%;
12713 vertical-align: middle;
12714 padding: 14px;
12715 border-bottom: 1px solid rgb(204, 204, 204);
12716 font-size: 16px;
12717 font-weight: 500;
12718 }
12719 .vbo-choosebusy-tr2 td img {
12720 border-radius: 0 !important;
12721 width: 100%;
12722 }
12723 .vbo-choosebusy-tr3 td {
12724 padding: 10px;
12725 }
12726 .vbo-choosebusy-tr3 td .badge {
12727 padding:3px 8px;
12728 border-radius: 3px;
12729 }
12730 #filter-bar .btn-group {
12731 margin-left:5px;
12732 }
12733 .table-responsive {
12734 overflow-x: auto;
12735 overflow-y: hidden;
12736 min-height: 0.01%;
12737 }
12738 .table {
12739 width: 100%;
12740 max-width: 100%;
12741 margin-bottom: 20px;
12742 }
12743 .vbo-receipt-company-block-outer {
12744 margin: 10px 0;
12745 display: inline-block;
12746 width: 100%;
12747 }
12748 .vbo-receipt-company-block {
12749 display: inline-block;
12750 margin: 0 10px;
12751 }
12752 .vbo-receipt-numdate-block {
12753 display: inline-block;
12754 float: right;
12755 margin: 0 10px;
12756 background: var(--vbo-basic-btn);
12757 padding: 15px;
12758 }
12759 .vbo-receipt-company-logo {
12760 display: inline-block;
12761 float: left;
12762 }
12763 .vbo-receipt-company-info {
12764 float: left;
12765 text-align: left;
12766 }
12767 .vbo-receipt-numdate-title {
12768 font-size: 18px;
12769 margin-bottom: 10px;
12770 }
12771 .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl {
12772 font-size: 12px;
12773 font-weight: bold;
12774 color: var(--vbo-config-text-color-light);
12775 display: block;
12776 margin-bottom: 5px;
12777 }
12778 .vbo-receipt-numdate-num, .vbo-receipt-numdate-date {
12779 display: inline-block;
12780 vertical-align: top;
12781 }
12782 .vbo-receipt-numdate-num {
12783 margin-right: 5px;
12784 }
12785 .vbo-hidein-print {
12786 margin-bottom: 0 !important;
12787 }
12788 .vbo-showin-print {
12789 display: none;
12790 }
12791 .vbo-receipt-print-confirm {
12792 text-align: center;
12793 display: inline-block;
12794 width: 100%;
12795 }
12796 .vbo-receipt-print-confirm .vbo-receipt-print-btn {
12797 display: inline-block;
12798 background: var(--vbo-base-color);
12799 color: #fff;
12800 padding: 5px 15px;
12801 border-radius: 4px;
12802 font-weight: bold;
12803 margin: 10px;
12804 cursor: pointer;
12805 }
12806 .vbo-receipt-print-btn i {
12807 margin-right: 5px;
12808 }
12809 .vbo-receipt-notes-container {
12810 padding: 18px;
12811 }
12812 .vbo-receipt-notes-inner {
12813 background: var(--vbo-config-bg-color);
12814 padding: 15px;
12815 border-radius: 8px;
12816 margin: 10px 0;
12817 }
12818 .vbo-receipt-notes-tarea textarea {
12819 height: 200px;
12820 }
12821 /* Tableaux */
12822 .vbo-tableaux-container {
12823 background: var(--vbo-config-child-bg-color);
12824 padding: 5px 15px 10px;
12825 }
12826 .vbo-tableaux-months-wrap {
12827 display: flex;
12828 flex-wrap: wrap;
12829 border: 1px solid var(--vbo-config-border-color);
12830 margin: 15px 0;
12831 background: var(--vbo-config-bg-color);
12832 border-radius: 4px;
12833 box-shadow: 0 4px 4px rgba(0,0,0,.05);
12834 }
12835 .vbo-tableaux-months-wrap > div {
12836 flex: 1;
12837 border-right: 1px solid var(--vbo-config-border-color);
12838 text-align: center;
12839 display: flex;
12840 }
12841 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child {
12842 border-top-left-radius: 4px;
12843 border-bottom-left-radius: 4px;
12844 }
12845 .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child {
12846 border-top-right-radius: 4px;
12847 border-bottom-right-radius: 4px;
12848 border: 0;
12849 }
12850 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link {
12851 padding: 15px 10px;
12852 cursor: pointer;
12853 flex: 1;
12854 }
12855 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span {
12856 display: block;
12857 }
12858 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover {
12859 background: var(--vbo-config-child-bg-color);
12860 }
12861 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active,
12862 .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover {
12863 background: var(--vbo-base-color);
12864 color: #fff;
12865 }
12866 .vbo-tableaux-tbl-container {
12867 margin-top: 10px;
12868 }
12869 .vbo-tableaux-table {
12870 background: var(--vbo-config-bg-color);
12871 border-radius: 4px;
12872 box-shadow: 0 0 4px rgba(0,0,0,.05);
12873 width: 100%;
12874 margin-bottom: 200px;
12875 }
12876 .vbo-tableaux-table .vbo-tableaux-table-head-row th {
12877 text-align: center;
12878 padding: 10px 4px;
12879 background: var(--vbo-light-color-btn);
12880 border-left: 1px solid var(--vbo-config-border-color);
12881 }
12882 .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child {
12883 border-left: 0;
12884 }
12885 .vbo-tableaux-table-head-cell-monyear {
12886 color: var(--vbo-config-titles-color-light);
12887 font-weight: normal;
12888 }
12889 .vbo-tableaux-table-head-cell-wmday {
12890 font-size: 15px;
12891 }
12892 .vbo-tableaux-table tr {
12893 border-bottom: 1px solid var(--vbo-config-border-color);
12894 }
12895 .vbo-tableaux-table td {
12896 border-right: 1px solid var(--vbo-config-border-color);
12897 min-width: 100px;
12898 max-width: 100px;
12899 padding: 20px 0;
12900 position: relative;
12901 background-clip: padding-box !important;
12902 }
12903 .vbo-tableaux-table tr td:first-child {
12904 position: sticky;
12905 left: 0;
12906 background: var(--vbo-config-child-bg-color);
12907 box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1);
12908 min-width: 150px;
12909 max-width: 150px;
12910 z-index: 2;
12911 font-weight: bold;
12912 padding: 15px 15px;
12913 font-size: 14px;
12914 }
12915 .vbo-tableaux-roomrow td {
12916 vertical-align: top;
12917 }
12918 .vbo-tableaux-daycell {
12919 color: var(--vbo-config-titles-color-light);
12920 font-weight: bold;
12921 text-align: center;
12922 padding: 10px;
12923 font-size: 13px;
12924 }
12925 .vbo-tableaux-festcell {
12926 background: #cea7c7;
12927 color: #fff;
12928 cursor: pointer;
12929 }
12930 .vbo-tableaux-festcell:hover {
12931 background: #bb90b3;
12932 }
12933 .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus {
12934 background: #e1aed8;
12935 }
12936 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12937 background: var(--vbo-base-color);
12938 color: #fff;
12939 font-weight: bold;
12940 padding: 7px 5px;
12941 margin: 2px 0;
12942 white-space: nowrap;
12943 position: relative;
12944 cursor: pointer;
12945 }
12946 .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
12947 background: var(--vbo-config-bg-color);
12948 color: var(--vbo-config-title-color);
12949 border-top: 1px solid var(--vbo-config-title-color);
12950 border-bottom: 1px solid var(--vbo-config-title-color);
12951 height: 14px;
12952 margin: 2px -1.5px;
12953 box-sizing: content-box;
12954 }
12955 .vbo-overv-avcell > div.vbo-tableaux-booking-checkin {
12956 border-left: 1px solid var(--vbo-config-title-color);
12957 }
12958 .vbo-overv-avcell > div.vbo-tableaux-booking-checkout {
12959 border-right: 1px solid var(--vbo-config-title-color);
12960 }
12961 .vbo-tableaux-booking.vbo-tableaux-booking-empty {
12962 background: transparent;
12963 display: inline-block;
12964 width: 100%;
12965 }
12966 .vbo-tableaux-guest-name, .vbo-tableaux-roomindex {
12967 font-size: 13px;
12968 }
12969 .vbo-tableaux-booking-avatar {
12970 z-index: 1;
12971 position: absolute;
12972 top: -6px;
12973 left: -8px;
12974 }
12975 .vbo-tableaux-booking-avatar img {
12976 height: 24px;
12977 width: 24px;
12978 border-radius: 50%;
12979 object-fit: cover;
12980 border: 2px solid #fff;
12981 }
12982 .vbo-overv-avcell .vbo-tableaux-booking-avatar {
12983 top: -1px;
12984 left: -3px;
12985 }
12986 .vbo-overv-avcell .vbo-tableaux-booking-avatar img {
12987 border: 0;
12988 }
12989 .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name {
12990 padding-left: 25px;
12991 }
12992 .vbo-overv-avcell .vbo-tableaux-guest-name {
12993 font-weight: normal;
12994 font-size: 12px;
12995 }
12996 .vbo-tableaux-booking > span {
12997 position: relative;
12998 z-index: 1;
12999 }
13000 .vbo-tableaux-booking .vbo-tableaux-roomindex {
13001 display: inline-block;
13002 margin-left: 5px;
13003 }
13004 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-overv-avcell > .vbo-tableaux-booking-checkin {
13005 width: 64%;
13006 float: right;
13007 border-top-left-radius: 20px;
13008 border-bottom-left-radius: 20px;
13009 padding-left: 10px;
13010 position: relative;
13011 margin-right: -2px;
13012 }
13013 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-overv-avcell > .vbo-tableaux-booking-checkin > span {
13014 position: relative;
13015 z-index: 1;
13016 }
13017 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-avcell > .vbo-tableaux-booking-short > span {
13018 /* overflow: hidden;
13019 display: table-cell; */
13020 display: inline-block;
13021 width: 130px;
13022 clip-path: inset( -100vw 0 -100vw -8px );
13023 }
13024 .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar {
13025 top: -5px;
13026 }
13027 .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-avcell > .vbo-tableaux-booking-checkout {
13028 width: 64%;
13029 float: left;
13030 border-top-right-radius: 20px;
13031 border-bottom-right-radius: 20px;
13032 padding-right: 10px;
13033 }
13034 .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-overv-avcell > .vbo-tableaux-booking-stay {
13035 display: inline-block;
13036 width: 100%;
13037 }
13038 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
13039 padding: 10px 15px;
13040 font-size: 1.2em;
13041 font-weight: bold;
13042 color: var(--vbo-base-color);
13043 border-left: 0;
13044 }
13045 .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell {
13046 border-left: 2px solid var(--vbo-config-border-color);
13047 }
13048 .vbo-tableaux-table .vbo-tableaux-newmonthcell {
13049 border-left: 2px solid var(--vbo-config-border-color);
13050 }
13051 .vbo-tableaux-table .vbo-tableaux-todaycell {
13052 background: var(--vbo-config-child-bg-color);
13053 }
13054 .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell {
13055 background: #d9b9d3;
13056 }
13057 .vbo-pmsperm-entry-wrap {
13058 display: flex;
13059 flex-wrap: wrap;
13060 background: var(--vbo-config-child-bg-color);
13061 margin: 5px 0;
13062 padding: 10px
13063 }
13064 .vbo-pmsperm-entry-wrap > div {
13065 margin: 5px;
13066 }
13067 .vbo-pmsperm-entry-wrap > div:first-child {
13068 flex-basis: 105px;
13069 }
13070 .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger {
13071 padding: 8px 14px;
13072 }
13073 .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input {
13074 margin-bottom: 0 !important;
13075 }
13076 .vbo-pmsperm-entry-cont:last-child {
13077 display: flex;
13078 }
13079 .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm {
13080 margin-top: 24px;
13081 }
13082 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd {
13083 text-align: center;
13084 margin-top: 15px;
13085 }
13086
13087 .vbo-operator-tools-list {
13088 border-bottom: 1px solid var(--vbo-config-border-color);
13089 }
13090 .vbo-operator-tools-list .vbo-operator-tool-tab {
13091 display: inline-block;
13092 border-bottom: 2px solid var(--vbo-config-bg-color);
13093 color: var(--vbo-config-titles-color-light);
13094 }
13095 .vbo-operator-tools-list .vbo-operator-tool-tab .vbo-operator-tool-name {
13096 display: inline-block;
13097 padding: 10px;
13098 cursor: pointer;
13099 }
13100 .vbo-operator-tools-list .vbo-operator-tool-tab-active {
13101 border-color: var(--vbo-config-title-color);
13102 color: var(--vbo-config-title-color);
13103 font-weight: bold;
13104 }
13105 .vbo-operator-tool-permissions-activeperms {
13106 margin-top: 10px;
13107 }
13108 .vbo-operator-tool-permissions-activeperms .vbo-params-block {
13109 padding-bottom: 0;
13110 margin-bottom: 10px;
13111 }
13112 .vbo-operator-tool-permissions-activeperms .vbo-param-container {
13113 margin: 0;
13114 }
13115 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label {
13116 margin-bottom: 0;
13117 }
13118 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a {
13119 color: inherit;
13120 }
13121 .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a:hover {
13122 color: var(--vbo-base-color);
13123 }
13124 .vbo-operator-tool-tab-selector .vbo-admin-container {
13125 background: var(--vbo-config-child-bg-color);
13126 padding: 10px;
13127 border-bottom-right-radius: 8px;
13128 border-bottom-left-radius: 8px;
13129 }
13130 .vbo-operator-tool-permissions .vbo-customer-info-box-avatar i {
13131 width: 30px;
13132 height: 30px;
13133 border-radius: 50%;
13134 line-height: 28px;
13135 background: var(--vbo-config-child-bg-color);
13136 text-align: center;
13137 font-size: 12px;
13138 border: 1px solid var(--vbo-basic-btn);
13139 box-sizing: border-box;
13140 }
13141 .vbo-customer-info-box .vbo-customer-info-box-avatar img.no-click {
13142 cursor: inherit;
13143 }
13144 .vbo-tableauxperms-info-add {
13145 margin-bottom: 15px;
13146 text-align: center;
13147 }
13148 .vbo-pmsperm-entry-lbl {
13149 font-weight: bold;
13150 margin-bottom: 4px;
13151 }
13152 .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds {
13153 margin-bottom: 10px;
13154 }
13155 #filter-bar.vbo-tableaux-filters {
13156 height: auto;
13157 background: var(--vbo-toolbar-bg-color);
13158 padding: 10px 10px 6px;
13159 box-sizing: border-box;
13160 }
13161 #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple {
13162 background: var(--vbo-input-style);
13163 border-color: var(--vbo-config-border-color);
13164 }
13165 /* eInvoicing - start */
13166 .vbo-einvoicing-cellaction[data-einvaction="0"] {
13167 background: var(--vbo-red-color);
13168 }
13169 .vbo-einvoicing-cellaction[data-einvaction="1"] {
13170 background: var(--vbo-green-color);
13171 }
13172 .vbo-einvoicing-cellaction[data-einvaction="-1"] {
13173 background: var(--vbo-blue-color);
13174 }
13175 .vbo-einvoicing-cellaction[data-einvaction="-2"] {
13176 background: var(--vbo-orange-color);
13177 }
13178 #driversettingsform .vbo-driver-fieldset {
13179 margin-top: 20px;
13180 }
13181 #driversettingsform .vbo-driver-fieldset {
13182 border-bottom: 0;
13183 }
13184 .vbo-info-overlay-driver {
13185 height: 90% !important;
13186 }
13187 .vbo-drivers-filters-outer {
13188 display: inline-block;
13189 width: 100%;
13190 margin-top: 0;
13191 height: auto;
13192 background: var(--vbo-config-border-color);
13193 padding: 10px;
13194 box-sizing: border-box;
13195 }
13196 .vbo-drivers-filters-outer > div {
13197 display: inline-block;
13198 }
13199 .vbo-drivers-container {
13200 background: var(--vbo-main-bg-color);
13201 }
13202 .vbo-drivers-filters-driver {
13203 margin: 0 15px 0 0;
13204 }
13205 .vbo-drivers-filters-driver > div {
13206 display: inline-block;
13207 vertical-align: top;
13208 margin-right: 5px;
13209 }
13210 .vbo-drivers-custom-actions {
13211 float: right;
13212 }
13213 .vbo-drivers-custom-actions > div {
13214 display: inline-block;
13215 vertical-align: top;
13216 }
13217 .vbo-drivers-topbar {
13218 display: inline-block;
13219 width: 100%;
13220 margin-bottom: 10px;
13221 border-bottom: 1px solid var(--vbo-config-border-color);
13222 padding-bottom: 10px;
13223 }
13224 .vbo-drivers-topbar > div {
13225 display: inline-block;
13226 vertical-align: top;
13227 }
13228 .vbo-drivers-filters-driver .vbo-drivers-filters-launch {
13229 margin-top: 22px;
13230 }
13231 .vbo-drivers-output {
13232 padding-bottom: 17px;
13233 }
13234 .vbo-drivers-output .table-responsive {
13235 border-radius: 8px;
13236 box-shadow: 0 0px 20px #0000001a;
13237 margin: 18px;
13238 background: var(--vbo-config-bg-color);
13239 }
13240 .vbo-drivers-output table {
13241 margin-bottom: 0;
13242 }
13243 .vbo-drivers-output table thead {
13244 background: var(--vbo-config-child-bg-color);
13245 text-transform: uppercase;
13246 font-weight: bold;
13247 }
13248 .vbo-drivers-output table thead th {
13249 padding: 15px 15px;
13250 color: var(--vbo-config-title-color);
13251 }
13252 .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td {
13253 padding: 15px 15px;
13254 }
13255 .vbo-drivers-output table tbody tr td:first-child span {
13256 font-weight: bold;
13257 }
13258 .vbo-drivers-output table tbody tr:nth-child(2n) {
13259 background: var(--vbo-config-child-bg-color);
13260 }
13261 .vbo-drivers-output table tfoot {
13262 background: var(--vbo-config-child-bg-color);
13263 }
13264 .vbo-drivers-output table tfoot tr:last-child td {
13265 vertical-align: middle;
13266 }
13267 .vbo-drivers-output table td .btn.btn-danger {
13268 padding: 4px 12px;
13269 font-weight: normal;
13270 font-size: 13px;
13271 }
13272 .vbo-drivers-output .vbo-driver-customoutput {
13273 display: inline-block;
13274 color: #fff;
13275 padding: 5px 4px;
13276 border-radius: 5px;
13277 height: 15px;
13278 width: 15px;
13279 cursor: pointer;
13280 }
13281 .vbo-drivers-output .vbo-driver-output-vieweinv {
13282 background: #999;
13283 border:1px solid #999;
13284 }
13285 .vbo-drivers-output .vbo-driver-output-vieweinv:hover {
13286 background: #888;
13287 }
13288 .vbo-drivers-output .vbo-driver-output-editeinv {
13289 background: var(--vbo-blue-color);
13290 border: 1px solid var(--vbo-blue-color);
13291 }
13292 .vbo-drivers-output .vbo-driver-output-editeinv:hover {
13293 background: var(--vbo-blue-color-hover);
13294 }
13295 .vbo-drivers-output .vbo-driver-output-rmeinv {
13296 background: var(--vbo-red-color);
13297 border: 1px solid var(--vbo-red-color);
13298 }
13299 .vbo-drivers-output .vbo-driver-output-rmeinv:hover {
13300 background: var(--vbo-red-color-hover);
13301 }
13302 .vbo-drivers-output .fa-external-link {
13303 color: #444;
13304 margin-right: 5px;
13305 }
13306 .vbo-drivers-output .fa-external-link:hover {
13307 color: var(--vbo-blue-color);
13308 }
13309 /* eInvoicing - end */
13310
13311 /* Opportunities */
13312 .vbo-menu-updates .vbo-opportunities-btnbadge {
13313 background: var(--vbo-blue-color);
13314 border-color: var(--vbo-blue-color);
13315 position: relative;
13316 z-index: 1;
13317 }
13318 .vbo-menu-updates .vbo-opportunities-btnbadge:hover {
13319 background: var(--vbo-blue-color-hover);
13320 border-color: var(--vbo-blue-color-hover);
13321 }
13322 .vbo-menu-updates .vbo-opportunities-btnbadge:active {
13323 background: var(--vbo-blue-color-hover);
13324 border-color: var(--vbo-blue-color-hover);
13325 }
13326 .vbo-menu-updates .vbo-opportunities-btnbadge:after {
13327 content: attr(data-opportunity-count);
13328 background: var(--vbo-red-color);
13329 color: #fff;
13330 border: 1px solid var(--vbo-blue-color);
13331 width: 20px;
13332 height: 20px;
13333 border-radius: 50%;
13334 position: absolute;
13335 top: -5px;
13336 left: -8px;
13337 font-weight: bold;
13338 font-size: 11px;
13339 line-height: 20px;
13340 text-align: center;
13341 }
13342 .vbo-menu-updates .vbo-opportunities-btnbadge i {
13343 margin-right: 5px;
13344 }
13345 /* Guest Reviews */
13346 .vbo-menu-updates .vbo-reviews-btnbadge {
13347 background: #20a9b0;
13348 border-color: #20a9b0;
13349 position: relative;
13350 z-index: 0;
13351 }
13352 .vbo-menu-updates .vbo-reviews-btnbadge:hover {
13353 background: #57bbbf;
13354 border-color: #57bbbf;
13355 }
13356 .vbo-menu-updates .vbo-reviews-btnbadge:active {
13357 background: #4ccbd0;
13358 border-color: #4ccbd0;
13359 }
13360 .vbo-menu-updates .vbo-reviews-btnbadge-alert:after {
13361 content: attr(data-reviews-count);
13362 background: var(--vbo-red-color);
13363 color: #fff;
13364 border: 1px solid var(--vbo-blue-color);
13365 width: 20px;
13366 height: 20px;
13367 border-radius: 50%;
13368 position: absolute;
13369 top: -5px;
13370 left: -8px;
13371 font-weight: bold;
13372 font-size: 11px;
13373 line-height: 20px;
13374 text-align: center;
13375 }
13376 .vbo-menu-updates .vbo-reviews-btnbadge i {
13377 margin-right: 5px;
13378 }
13379
13380 /* Notification Center Menu */
13381 .vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover {
13382 background: #9bc1d7;
13383 color: #2a5166;
13384 }
13385 .vbo-notifications-center-container {
13386 position: relative;
13387 float: right;
13388 }
13389 .vbo-notifications-center-handler {
13390 float: right;
13391 display: inline-block;
13392 background: #3f708b;
13393 color: #fff;
13394 font-weight: bold;
13395 border: 1px solid #3f708b;
13396 margin: 7px 8px 6px 2px;
13397 width: 44px;
13398 height: 44px;
13399 line-height: 36px;
13400 padding: 0;
13401 border-radius: 50%;
13402 position: relative;
13403 }
13404 .vbo-notifications-center-handler:not([data-badge-read=""]):after {
13405 content: attr(data-badge-read);
13406 background: var(--vbo-red-color);
13407 color: var(--vbo-contrast-text-color);
13408 height: 18px;
13409 border: 1px solid var(--vbo-contrast-text-color);
13410 text-align: center;
13411 position: absolute;
13412 top: -5px;
13413 right: -11px;
13414 font-size: 11px;
13415 line-height: 18px;
13416 border-radius: 6px;
13417 padding: 0px 4px;
13418 }
13419 .vbo-notifications-center-handler.shaking:not([data-badge-read=""]):after {
13420 -webkit-animation-name: vik-zoom-in-zoom-out;
13421 animation-name: vik-zoom-in-zoom-out;
13422 transform-origin: center bottom;
13423 -webkit-animation-duration: 1s;
13424 animation-duration: 1s;
13425 -webkit-animation-fill-mode: both;
13426 animation-fill-mode: both;
13427 -webkit-animation-iteration-count: 1;
13428 animation-iteration-count: 1;
13429 }
13430 @keyframes vik-zoom-in-zoom-out {
13431 0% {
13432 transform: scale(1, 1);
13433 }
13434 50% {
13435 transform: scale(1.2, 1.2);
13436 }
13437 100% {
13438 transform: scale(1, 1);
13439 }
13440 }
13441 .vbo-menu-updates .vbo-notifications-center-handler > i {
13442 margin: 0;
13443 }
13444 .vbo-notifications-center-wrap {
13445 background: var(--vbo-config-bg-color);
13446 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
13447 width: 35vw;
13448 min-width: 180px;
13449 border-radius: 10px;
13450 margin: 0;
13451 position: absolute;
13452 z-index: 100;
13453 padding: 22px;
13454 visibility: visible;
13455 top: 57px;
13456 right: 0;
13457 }
13458 .vbo-notifications-center-wrap:before {
13459 width: 0;
13460 height: 0;
13461 border-style: solid;
13462 border-width: 0 7.5px 7px 7.5px;
13463 border-color: transparent transparent var(--vbo-config-bg-color) transparent;
13464 content: "";
13465 position: absolute;
13466 top: -7px;
13467 right: 23px;
13468 }
13469 .vbo-notifications-center-wrap.vbo-notifications-center-on {
13470 display: inline-block;
13471 }
13472 .vbo-notifications-center-wrap.vbo-notifications-center-off {
13473 display: none;
13474 }
13475 .vbo-notifications-center-inner .vbo-notifications-center-loading {
13476 position: relative;
13477 padding: 50px;
13478 }
13479 .vbo-notifications-center-inner .vbo-notifications-center-loading i {
13480 position: absolute;
13481 top: 50%;
13482 left: 50%;
13483 transform: translate(-50%, -50%);
13484 font-size: 24px;
13485 }
13486 .vbo-menu-updates .vbo-notifications-center-wrap {
13487 padding: 10px 22px 22px;
13488 }
13489 .vbo-menu-updates .vbo-admin-widget-head {
13490 border-bottom: 0;
13491 }
13492 .vbo-menu-updates .vbo-notifications-center-inner .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
13493 padding: 0px 0 8px 10px;
13494 }
13495 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 {
13496 padding: 0px 0 3px 0;
13497 }
13498 .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 i {
13499 display: none;
13500 }
13501 .vbo-menu-updates .vbo-notifications-center-inmenu-widget .vbo-suggest-notifications-btn:hover {
13502 background: none;
13503 }
13504
13505 /* New Overlay */
13506 .vbo-modal-overlay-block {
13507 position: fixed;
13508 left: 0;
13509 top: 0;
13510 width: 100%;
13511 height: 100%;
13512 background-color: rgba(6, 52, 77, 0.58);
13513 display: none;
13514 z-index: 2147483647 !important;
13515 }
13516 .vbo-modal-overlay-block-geomap-lowerzindex {
13517 z-index: 99999 !important;
13518 }
13519 .vbo-modal-overlay-block .vbo-modal-overlay-close {
13520 display: block;
13521 height: 100%;
13522 cursor: default;
13523 }
13524 .vbo-modal-overlay-block .vbo-modal-overlay-content {
13525 position: fixed;
13526 left: 50%;
13527 top: 50%;
13528 transform: translate(-50%, -50%);
13529 width: 40%;
13530 height: 60%;
13531 z-index: 101;
13532 border-radius: 5px;
13533 background-color: var(--vbo-config-bg-color);
13534 box-shadow: 0px 0px 10px rgba(0,0,0, .5);
13535 overflow: auto;
13536 -webkit-font-smoothing: antialiased;
13537 }
13538 .vbo-modal-overlay-block .vik-contentbuilder-modal-content {
13539 width: 65%;
13540 height: 85%;
13541 border-radius: 16px;
13542 }
13543 .vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen {
13544 width: 100%;
13545 height: 100%;
13546 }
13547 .vik-contentbuilder-textmode-sptags {
13548 float: none;
13549 display: flex;
13550 flex-wrap: wrap;
13551 gap: 4px;
13552 }
13553 .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large {
13554 width: 65%;
13555 height: 85%;
13556 }
13557 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-large, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-large {
13558 width: 65%;
13559 height: 85%;
13560 }
13561 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall {
13562 height: 80%;
13563 }
13564 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-dialog, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-dialog {
13565 height: 50%;
13566 }
13567 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tooltip, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tooltip {
13568 width: 400px;
13569 max-width: 70%;
13570 height: auto;
13571 }
13572 .vbo-modal-tooltip .vbo-modal-overlay-content-body {
13573 padding: 20px;
13574 }
13575 .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded {
13576 border-radius: 20px;
13577 }
13578 .vbo-modal-overlay-content-backdrop {
13579 position: absolute;
13580 height: 100%;
13581 width: 100%;
13582 background: rgba(0, 0, 0, .4);
13583 z-index: 100;
13584 }
13585 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop {
13586 left: -20px;
13587 width: calc(100% + 40px);
13588 }
13589 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
13590 position: absolute;
13591 top: 50%;
13592 left: 50%;
13593 transform: translate(-50%, -50%);
13594 }
13595 .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
13596 font-size: 100px;
13597 color: #fff;
13598 text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
13599 }
13600 .vbo-modal-overlay-content-head {
13601 padding: 20px;
13602 background: var(--vbo-config-child-bg-color);
13603 }
13604 .vbo-modal-overlay-content-head h3 > i {
13605 margin-right: 5px;
13606 color: var(--vbo-config-titles-color-light);
13607 }
13608 .vbo-modal-overlay-close-times {
13609 float: right;
13610 font-size: 20px;
13611 cursor: pointer;
13612 color: var(--vbo-config-title-color);
13613 padding: 10px;
13614 cursor: pointer;
13615 margin-top: -10px;
13616 display: inline-block;
13617 }
13618 .vbo-modal-overlay-close-times:hover {
13619 color: #619dca;
13620 }
13621 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head {
13622 background: var(--vbo-config-bg-color);
13623 padding: 0;
13624 }
13625 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times {
13626 position: absolute;
13627 right: 10px;
13628 top: 7px;
13629 margin: 0;
13630 padding: 0;
13631 }
13632 .vbo-modal-overlay-content-body {
13633 padding: 20px 20px 10px;
13634 }
13635 .vbo-modal-widget .vbo-modal-overlay-content-body {
13636 padding-top: 0;
13637 }
13638 .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body {
13639 padding: 0 5px;
13640 }
13641 .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body {
13642 padding: 35px 35px 10px;
13643 }
13644 .vbo-modal-overlay-content-footer {
13645 margin-top: 15px;
13646 text-align: right;
13647 position: absolute;
13648 width: calc(100% - 40px);
13649 right: 0;
13650 bottom: 0;
13651 border-top: 1px solid var(--vbo-config-border-color);
13652 background: var(--vbo-config-child-bg-color);
13653 padding: 10px 20px;
13654 box-sizing: content-box;
13655 }
13656 .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left {
13657 float: left;
13658 }
13659 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head {
13660 font-size: 16px;
13661 font-weight: bold;
13662 }
13663 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll {
13664 text-align: center;
13665 padding: 10px 20px 10px;
13666 height: calc(100% - 78.2px);
13667 position: relative;
13668 }
13669 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap {
13670 top: 50%;
13671 left: 50%;
13672 transform: translate(-50%, -50%);
13673 position: absolute;
13674 }
13675 .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll img {
13676 border-radius: 6px;
13677 box-shadow: 0 0 10px rgba(0,0,0,.4);
13678 max-width: 80%;
13679 }
13680 .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll {
13681 height: calc(100% - 100px);
13682 }
13683
13684 /* Visible just on large screen to avoid blurred effect with lowest heights */
13685 @media screen and (min-height: 560px)
13686 {
13687 .vbo-modal-overlay-content {
13688 -webkit-animation-name: VikfadeInUp;
13689 animation-name: VikfadeInUp;
13690
13691 -webkit-animation-duration: .5s;
13692 animation-duration: .5s;
13693 -webkit-animation-fill-mode: both;
13694 animation-fill-mode: both;
13695 }
13696 }
13697
13698 .vbo-optionals-dmgdepbcom-trigger {
13699 white-space: nowrap;
13700 }
13701
13702 @-webkit-keyframes VikfadeInUp {
13703 from {
13704 opacity: 0;
13705 -webkit-transform: translate3d(-50%, -20%, 0);
13706 transform: translate3d(-50%, -20%, 0);
13707 }
13708
13709 to {
13710 opacity: 1;
13711 -webkit-transform: translate3d(-50%, -50%, 0);
13712 transform: translate3d(-50%, -50%, 0);
13713 }
13714 }
13715
13716 @keyframes VikfadeInUp {
13717 from {
13718 opacity: 0;
13719 -webkit-transform: translate3d(-50%, -20%, 0);
13720 transform: translate3d(-50%, -20%, 0);
13721 }
13722
13723 to {
13724 opacity: 1;
13725 -webkit-transform: translate3d(-50%, -50%, 0);
13726 transform: translate3d(-50%, -50%, 0);
13727 }
13728 }
13729
13730 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results {
13731 margin-top: 15px;
13732 }
13733 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service {
13734 padding: 10px;
13735 display: flex;
13736 flex-wrap: wrap;
13737 border-bottom: 1px solid var(--vbo-config-border-color);
13738 }
13739 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name {
13740 flex: 1;
13741 font-weight: bold;
13742 font-size: 1.1em;
13743 align-self: center;
13744 }
13745 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost {
13746 margin: 0 15px;
13747 align-self: center;
13748 font-weight: bold;
13749 }
13750 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add {
13751 margin-left: auto;
13752 }
13753 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn {
13754 padding: 3px 6px;
13755 }
13756 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i {
13757 margin-right: 0;
13758 }
13759 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn {
13760 padding: 3px 6px;
13761 }
13762 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i {
13763 margin-right: 0;
13764 }
13765 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result {
13766 border: 1px solid var(--vbo-config-border-color);
13767 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13768 border-radius: 10px;
13769 margin-bottom: 10px;
13770 }
13771 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover {
13772 border-color: var(--vbo-base-color);
13773 }
13774 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking {
13775 display: grid;
13776 grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
13777 column-gap: 20px;
13778 row-gap: 5px;
13779 padding: 10px;
13780 }
13781 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl {
13782 display: block;
13783 font-weight: 500;
13784 }
13785 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append {
13786 width: 100%;
13787 display: flex;
13788 border-radius: 6px;
13789 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
13790 }
13791 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input {
13792 flex: 1;
13793 border-color: var(--vbo-config-border-color);
13794 border-top-left-radius: 6px;
13795 border-bottom-left-radius: 6px;
13796 }
13797 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus {
13798 box-shadow: none;
13799 }
13800 .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn {
13801 border-top-right-radius: 6px;
13802 border-bottom-right-radius: 6px;
13803 }
13804 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
13805 margin: 0px 0 15px;
13806 }
13807 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem:last-child {
13808 margin-bottom: 0;
13809 }
13810 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
13811 font-weight: 500;
13812 display: block;
13813 margin-bottom: 4px;
13814 }
13815 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
13816 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
13817 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
13818 min-width: 50%;
13819 }
13820 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
13821 border: 1px solid #ddd;
13822 border-radius: 2px;
13823 padding: 8px 10px;
13824 margin-bottom: 0;
13825 box-sizing: border-box;
13826 height: auto;
13827 }
13828 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
13829 margin-bottom: 0;
13830 border-radius: 2px;
13831 border: 1px solid var(--vbo-config-border-color);
13832 padding: 8px 10px;
13833 height: inherit;
13834 }
13835 .vbo-modal-overlay-content-body .vbo-modal-guestmisconduct-addnew-save, .vbo-modal-overlay-content-body .vbo-modal-bcomdmgdeposit-addnew-save {
13836 margin-top: 15px;
13837 }
13838
13839 /* Content Builder */
13840 .ql-toolbar.ql-snow, .ql-container.ql-snow {
13841 border: 1px solid var(--vbo-config-border-color);
13842 }
13843 .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label {
13844 color: var(--vbo-config-titles-color-light);
13845 }
13846 .ql-toolbar .ql-stroke {
13847 stroke: var(--vbo-config-titles-color-light);
13848 }
13849 .ql-toolbar .ql-fill, .ql-toolbar .ql-stroke.ql-fill {
13850 fill: var(--vbo-config-titles-color-light);
13851 }
13852 .ql-toolbar .ql-formats > button {
13853 color: var(--vbo-config-titles-color-light);
13854 }
13855 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
13856 border-color: var(--vbo-config-border-color);
13857 }
13858 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
13859 border: 0;
13860 }
13861 .ql-snow .ql-picker-options {
13862 background-color: var(--vbo-config-bg-color)
13863 }
13864 .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 {
13865 color: var(--vbo-base-color);
13866 }
13867 .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 {
13868 stroke: var(--vbo-base-color);
13869 }
13870 .ql-editor {
13871 min-height: 200px;
13872 max-height: 75vh;
13873 }
13874 .ql-toolbar.ql-snow + .ql-container.ql-snow {
13875 background: #fbfbfb;
13876 border-radius: 6px;
13877 border-top: 1px solid var(--vbo-config-border-color);
13878 }
13879 .ql-toolbar.ql-snow {
13880 border: 0;
13881 padding: 8px 0;
13882 }
13883 .ql-toolbar.ql-snow .ql-formats {
13884 background: var(--vbo-body-bg-color);
13885 border: 1px solid var(--vbo-config-border-color);
13886 padding: 5px;
13887 border-radius: 6px;
13888 }
13889 .ql-snow .ql-tooltip {
13890 background-color: var(--vbo-config-bg-color);
13891 border: 1px solid var(--vbo-config-border-color);
13892 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
13893 padding: 30px 12px 10px;
13894 border-radius: 4px;
13895 color: inherit;
13896 }
13897 .ql-snow .ql-tooltip::before {
13898 position: absolute;
13899 top: 4px;
13900 }
13901 .ql-snow .ql-tooltip .ql-action {
13902 background-color: var(--vbo-base-color);
13903 border: 1px solid var(--vbo-base-color);
13904 color: #fff;
13905 display: inline-block;
13906 padding: 5px 10px;
13907 }
13908 .ql-snow .ql-tooltip .ql-action:after {
13909 margin-left: 0 !important;
13910 }
13911 .ql-snow .ql-tooltip .ql-action:hover {
13912 background-color: var(--vbo-base-color-hover);
13913 border: 1px solid var(--vbo-base-color-hover);
13914 }
13915 .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
13916 background-color: rgba(59, 193, 255, 0.2);
13917 }
13918 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper {
13919 height: 30px;
13920 background: transparent;
13921 }
13922 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) {
13923 border-style: solid;
13924 border-color: var(--vbo-config-text-color-light);
13925 border-width: 1px 0 0 0;
13926 border-radius: 20px;
13927 }
13928 .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) {
13929 border-style: solid;
13930 border-color: var(--vbo-config-text-color-light);
13931 border-width: 0 0 1px 0;
13932 border-radius: 20px;
13933 }
13934 .vik-contentbuilder-switcher {
13935 margin-bottom: 2px;
13936 }
13937 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn {
13938 background: var(--vbo-input-style-deactive);
13939 border-color: var(--vbo-config-border-color);
13940 }
13941 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover {
13942 border-color: var(--vbo-base-color-hover);
13943 }
13944 .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active {
13945 background: var(--vbo-middle-color-btn);
13946 border-color: var(--vbo-config-border-color);
13947 }
13948 /* Start - iOS-style toggle/switch button */
13949 .vbo-iostoggle-wrap, .vik-iostoggle-wrap {
13950 margin: auto;
13951 padding: 20px 0;
13952 width: 55px;
13953 margin-top: 20px;
13954 border-radius: 5px;
13955 }
13956 .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
13957 opacity: 0;
13958 position: absolute;
13959 }
13960 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
13961 position: relative;
13962 display: inline-block;
13963 user-select: none;
13964 transition: .4s ease;
13965 height: 30px;
13966 width: 50px;
13967 border: 1px solid var(--vbo-config-bg-color);
13968 border-radius: 60px;
13969 }
13970 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before {
13971 content: "";
13972 position: absolute;
13973 display: block;
13974 transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
13975 height: 30px;
13976 width: 51px;
13977 top: 0;
13978 left: 0;
13979 border-radius: 30px;
13980 background: var(--vbo-config-border-color);
13981 }
13982 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after {
13983 content: "";
13984 position: absolute;
13985 display: block;
13986 /*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);*/
13987 transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
13988 background: var(--vbo-config-bg-color);
13989 height: 24px;
13990 width: 24px;
13991 top: 3px;
13992 left: 3px;
13993 border-radius: 60px;
13994 }
13995 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before {
13996 background: var(--vbo-green-color);
13997 transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
13998 }
13999 .vbo-iostoggle-wrap.blue input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.blue input.vik-iostoggle-elem:checked + label:before {
14000 background: var(--vbo-base-color);
14001 }
14002 .vbo-iostoggle-wrap.orange input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.orange input.vik-iostoggle-elem:checked + label:before {
14003 background: var(--vbo-orange-color);
14004 }
14005 .vbo-iostoggle-wrap.red input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.red input.vik-iostoggle-elem:checked + label:before {
14006 background: var(--vbo-red-color);
14007 }
14008 .vbo-iostoggle-wrap.gold input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.gold input.vik-iostoggle-elem:checked + label:before {
14009 background: var(--vbo-gold-color);
14010 }
14011 .vbo-iostoggle-wrap.purple input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.purple input.vik-iostoggle-elem:checked + label:before {
14012 background: var(--vbo-purple-color);
14013 }
14014 .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 {
14015 background: var(--vbo-red-color);
14016 }
14017 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after {
14018 left: 24px;
14019 }
14020 .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after {
14021 color: var(--vbo-config-titles-color-light);
14022 content: attr(data-off);
14023 top: 6px;
14024 left: 60px;
14025 width: 36px;
14026 position: absolute;
14027 height: 10px;
14028 }
14029 .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after {
14030 color: rgba(19,191,17,1);
14031 content: attr(data-on);
14032 }
14033 /* End - iOS-style toggle/switch button */
14034
14035 /* multi toogle/switch button - Start */
14036 .vik-multiswitch-wrap {
14037 position: relative;
14038 display: inline-flex;
14039 justify-content: center;
14040 align-items: flex-start;
14041 border: 1px solid var(--vbo-config-border-color);
14042 border-radius: 16px;
14043 min-width: 150px;
14044 height: 50px;
14045 }
14046 .vik-multiswitch-radiobtn {
14047 display: flex;
14048 justify-content: center;
14049 align-items: center;
14050 height: 100%;
14051 flex: 1;
14052 }
14053 .vik-multiswitch-radiobtn input {
14054 display: none !important;
14055 }
14056 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
14057 width: 50px;
14058 height: 50px;
14059 border-radius: 50%;
14060 display: inline-block;
14061 transition: opacity 0.3s ease;
14062 opacity: 0.3;
14063 top: 0;
14064 cursor: pointer;
14065 }
14066 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger {
14067 position: absolute;
14068 left: 33%;
14069 transition: transform 1s;
14070 width: 50px;
14071 height: 50px;
14072 background: transparent;
14073 }
14074 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
14075 position: absolute;
14076 left: 0;
14077 text-align: center;
14078 }
14079 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
14080 width: 50px;
14081 height: 50px;
14082 -moz-animation-duration: 0.4s;
14083 -moz-animation-name: slideFirst;
14084 -webkit-animation-duration: 0.4s;
14085 -webkit-animation-name: slideFirst;
14086 animation-duration: 0.4s;
14087 animation-name: slideFirst;
14088 -webkit-transform: translateZ(0);
14089 background-color: var(--vbo-green-color);
14090 }
14091 .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger {
14092 border-radius: 15px;
14093 background: var(--vbo-basic-btn);
14094 opacity: 0.7;
14095 }
14096 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
14097 position: absolute;
14098 right: 0;
14099 text-align: center;
14100 }
14101 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger {
14102 -moz-animation-duration: 0.4s;
14103 -moz-animation-name: slideLast;
14104 -webkit-animation-duration: 0.4s;
14105 -webkit-animation-name: slideLast;
14106 animation-duration: 0.4s;
14107 animation-name: slideLast;
14108 -webkit-transform: translateZ(0);
14109 width: 50px;
14110 height: 50px;
14111 background-color: var(--vbo-red-color);
14112 }
14113 .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
14114 opacity: 1;
14115 display: inline-block;
14116 z-index: 0;
14117 }
14118 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger {
14119 background-color: var(--vbo-basic-btn);
14120 }
14121 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger {
14122 background-color: #222;
14123 }
14124 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger {
14125 background-color: #b1e0e2;
14126 }
14127 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
14128 color: #0f1216;
14129 }
14130 .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt {
14131 color: #fff;
14132 }
14133 .vik-multiswitch-radiobtn .vik-multiswitch-txt {
14134 position: relative;
14135 z-index: 1;
14136 color: var(--vbo-body-text-color);
14137 font-size: 13px;
14138 }
14139 .vik-multiswitch-radiobtn .vik-multiswitch-txt i {
14140 font-size: 16px;
14141 }
14142 .vik-multiswitch-noanimation {
14143 border-radius: 18px;
14144 }
14145 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
14146 position: relative;
14147 padding: 5px 10px;
14148 box-sizing: border-box;
14149 }
14150 .vik-multiswitch-radiobtn .vik-multiswitch-trigger {
14151 width: 50px;
14152 height: 50px;
14153 border-radius: 15px;
14154 }
14155 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger {
14156 position: absolute;
14157 left: 0;
14158 }
14159 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger {
14160 position: absolute;
14161 right: 0;
14162 }
14163 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger,
14164 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger {
14165 animation: none !important;
14166 }
14167 .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger {
14168 width: 100%;
14169 height: 100%;
14170 border-radius: 15px;
14171 position: absolute;
14172 left: 0;
14173 }
14174 .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 {
14175 background-color: var(--vbo-base-color);
14176 }
14177 .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 {
14178 color: #fff;
14179 }
14180 .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
14181 float: right;
14182 margin: 12px 15px 10px 20px;
14183 }
14184 .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap {
14185 height: 40px;
14186 }
14187
14188 @keyframes slideFirst {
14189 from {
14190 transform: translate(100%, 0);
14191 }
14192 to {
14193 transform: translate(0px, 0px);
14194 }
14195 }
14196
14197
14198 @keyframes slideLast {
14199 from {
14200 transform: translate(-100%,0);
14201 }
14202 to {
14203 transform: translate( 0px, 0px);
14204 }
14205 }
14206
14207 /* Multi toogle/switch button - end */
14208
14209 /* New Dashboard 2021 */
14210 .vbo-admin-widgets-commands {
14211 display: inline-block;
14212 width: 100%;
14213 }
14214 .vbo-admin-widgets-commands-mng {
14215 display: inline-block;
14216 border: 1px solid var(--vbo-config-border-color);
14217 border-radius: 4px;
14218 background: var(--vbo-config-bg-color);
14219 padding: 5px 10px;
14220 float: right;
14221 }
14222 .vbo-admin-widgets-commands-mng-lbl {
14223 display: inline-block;
14224 vertical-align: top;
14225 margin-top: 10px;
14226 margin-left: 5px;
14227 cursor: pointer;
14228 }
14229 .vbo-admin-widgets-commands-mng-toggle {
14230 display: inline-block;
14231 margin-top: 5px;
14232 }
14233 .vbo-admin-widgets-commands-mng-toggle label {
14234 margin-bottom: 0;
14235 }
14236 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before,
14237 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before,
14238 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before {
14239 height: 26px;
14240 }
14241 .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
14242 margin-bottom: 0;
14243 }
14244 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after,
14245 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after,
14246 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after {
14247 height: 20px;
14248 width: 20px;
14249 top: 3px;
14250 }
14251 .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after,
14252 .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after,
14253 .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after {
14254 left: 28px;
14255 }
14256 .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label {
14257 height: 26px;
14258 }
14259 .vbo-admin-widgets-commands-info {
14260 font-weight: bold;
14261 float: left;
14262 margin-left: 5px;
14263 }
14264 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt {
14265 display: block;
14266 margin-bottom: 4px;
14267 }
14268 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error {
14269 color: var(--vbo-red-color);
14270 }
14271 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore {
14272 display: inline-block;
14273 vertical-align: top;
14274 }
14275 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn {
14276 background: var(--vbo-config-bg-color);
14277 border: 1px solid var(--vbo-config-border-color);
14278 color: var(--vbo-config-titles-color-light);
14279 padding: 4px 12px;
14280 }
14281 .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover {
14282 border-color: var(--vbo-blue-color);
14283 color: var(--vbo-blue-color);
14284 }
14285 .vbo-admin-widgets-section {
14286 display: flex;
14287 flex-wrap: wrap;
14288 gap: 12px;
14289 }
14290 /* Safari 10.1+ */
14291 @media not all and (min-resolution:.001dpcm) {
14292 @media {
14293 .vbo-admin-widgets-section > * + * {
14294 margin-left: 12px;
14295 }
14296 }
14297 }
14298 .vbo-admin-widgets-section .vbo-admin-widgets-section-name {
14299 flex-basis: 100%;
14300 font-size: 16px;
14301 font-weight: bold;
14302 margin-left: 8px;
14303 }
14304 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag {
14305 display: inline-block;
14306 margin-right: 7px;
14307 font-size: 14px;
14308 cursor: grab;
14309 }
14310 .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover {
14311 color: #2d719a;
14312 }
14313 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
14314 display: flex;
14315 }
14316 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds {
14317 margin-left: auto;
14318 margin-right: 10px;
14319 font-size: 14px;
14320 color: #2d719a;
14321 cursor: pointer;
14322 }
14323 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag {
14324 color: #333;
14325 margin-left: 16px;
14326 }
14327 .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover {
14328 color: #2d719a;
14329 }
14330 .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover {
14331 color: #182381;
14332 }
14333 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name {
14334 font-size: 16px;
14335 font-weight: bold;
14336 padding: 10px 10px 0;
14337 }
14338 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 {
14339 flex: 1;
14340 display: flex;
14341 margin-top: 6px;
14342 }
14343 .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
14344 display: inline-block;
14345 margin-left: auto;
14346 font-size: 14px;
14347 color: #2d719a;
14348 }
14349 .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover {
14350 color: var(--vbo-red-color);
14351 cursor: pointer;
14352 }
14353 .vbo-admin-widgets-widget-info-drag:hover {
14354 color: #2d719a;
14355 }
14356 .vbo-admin-widgets-section .vbo-admin-widgets-container {
14357 flex: 1;
14358 flex-grow: 0;
14359 }
14360 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container {
14361 flex-basis: content;
14362 flex-grow: 0;
14363 }
14364 /*
14365 * Size Add box Container: 120px + 20px of padding = 120px;
14366 * Total margin of EACH container: 8px;
14367 * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3).
14368 * Formula: Calc((container size - (add box total size / numb. containers)));
14369
14370 * Small Size */
14371 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
14372 flex-basis: calc(25% - 12px);
14373 max-width: 25%;
14374 }
14375 .vbo-admin-widgets-customize .vbo-admin-widgets-container-small {
14376 flex-basis: calc((25% - 166px));
14377 }
14378 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
14379 flex-basis: calc((25% - (174px / 2)));
14380 }
14381 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
14382 flex-basis: calc((25% - (182px / 3)));
14383 }
14384 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] {
14385 flex-basis: calc((25% - (194px / 4)));
14386 }
14387 .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small {
14388 flex-grow: 1;
14389 }
14390 /* Medium Size */
14391 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
14392 flex-basis: calc(50% - 12px);
14393 max-width: 50%;
14394 }
14395 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
14396 flex-basis: calc((50% - (174px / 2)));
14397 }
14398 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
14399 flex-basis: calc((50% - (182px / 3)));
14400 }
14401 /* Large Size */
14402 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
14403 flex-basis: calc((100% / 2) + (100% / 5));
14404 }
14405 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large {
14406 flex-basis: calc((((100% / 2) + (100% / 4)) - 166px));
14407 }
14408 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] {
14409 flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) ));
14410 }
14411 /* Full Width */
14412 .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth {
14413 width: 100%;
14414 flex-basis: inherit;
14415 }
14416 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth {
14417 flex-basis: calc(100% - 166px);
14418 }
14419 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container {
14420 background: #d8f4ff;
14421 border-radius: 10px;
14422 margin: 10px 4px;
14423 position: relative;
14424 padding-bottom: 115px;
14425 }
14426 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div {
14427 margin: 10px 8px;
14428 }
14429 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
14430 flex-basis: 150px;
14431 min-height: 100px;
14432 padding-bottom: 0;
14433 }
14434 .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr {
14435 margin: 5px 0 10px;
14436 font-size: 14px;
14437 font-weight: bold;
14438 background: var(--vbo-config-child-bg-color);
14439 border: 1px solid var(--vbo-config-border-color);
14440 border-left: 2px solid #4c93af;
14441 border-radius: 4px;
14442 padding: 10px;
14443 }
14444 .vbo-modal-widgets-form-data-field label {
14445 display: block;
14446 margin-bottom: 5px;
14447 }
14448 .vbo-modal-widgets-form-data-field select {
14449 margin-bottom: 10px;
14450 }
14451 .vbo-modal-widgets-form-data-fields .select2-container {
14452 width: 180px !important;
14453 }
14454 .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag,
14455 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag,
14456 .vbo-sticky-note-cmd-drag {
14457 -webkit-touch-callout: none;
14458 -webkit-user-select: none;
14459 -khtml-user-select: none;
14460 -moz-user-select: none;
14461 -ms-user-select: none;
14462 user-select: none;
14463 }
14464 .vbo-admin-widgets-wrap {
14465 padding: 8px;
14466 }
14467 .vbo-admin-widgets-widget .table-responsive {
14468 display: inline-block;
14469 width: 100%;
14470 max-height: 300px;
14471 overflow-y: scroll !important;
14472 }
14473 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section {
14474 background: #bdd5ea;
14475 padding: 10px;
14476 border-radius: 10px;
14477 margin: 15px 0;
14478 }
14479 .vbo-admin-widgets-widget-info-inner {
14480 padding: 15px;
14481 }
14482 .vbo-admin-widgets-widget-addnew {
14483 box-shadow: none;
14484 }
14485 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
14486 background: var(--vbo-config-bg-color);
14487 border: 1px solid #838383;
14488 color: var(--vbo-config-text-color-light);
14489 border-radius: 16px;
14490 cursor: pointer;
14491 }
14492 .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 {
14493 padding: 0px 10px;
14494 text-align: center;
14495 font-size: 38px;
14496 }
14497 .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
14498 background: #bdd5ea;
14499 color: #838383;
14500 padding: 0px;
14501 }
14502 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box {
14503 color: #838383;
14504 position: relative;
14505 cursor: pointer;
14506 border-radius: 10px;
14507 }
14508 .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box {
14509 padding: 30px 10px;
14510 }
14511 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
14512 .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 {
14513 color: #fff;
14514 background: #4c93af;
14515 border: 0;
14516 }
14517 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
14518 color: #fff;
14519 }
14520 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box {
14521 height: 100%;
14522 margin: 0;
14523 }
14524 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box {
14525 width: 100%;
14526 border-radius: 10px;
14527 }
14528 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover {
14529 background: #4c93af;
14530 color: #fff;
14531 cursor: pointer;
14532 }
14533 .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span {
14534 padding: 20px 0;
14535 display: inline-block;
14536 }
14537 .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span {
14538 position: absolute;
14539 top: 50%;
14540 left: 50%;
14541 transform: translate(-50%, -50%);
14542 }
14543 .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew {
14544 height: 100px;
14545 position: absolute;
14546 width: calc(100% - 15px);
14547 bottom: 0;
14548 }
14549 .vbo-admin-widgets-plus-box {
14550 display: block;
14551 margin: 0 auto;
14552 }
14553 .vbo-admin-widgets-widget-details {
14554 display: flex;
14555 }
14556 .vbo-admin-widgets-widget-details h4 {
14557 font-size: 16px;
14558 }
14559 .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag {
14560 margin-left: auto;
14561 display: inline-block;
14562 padding: 5px 5px 5px 0;
14563 cursor: grab;
14564 }
14565 .vbo-admin-widgets-widget-info-descr {
14566 font-size: 14px;
14567 }
14568 .vbo-admin-widgets-container-tmpdrop {
14569 border: 2px dashed #4c93af;
14570 background: #ecf6fa;
14571 height: 82px;
14572 width: calc(100% - 20px);
14573 border-radius: 16px;
14574 }
14575 .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy {
14576 margin-top: 15px;
14577 position: relative;
14578 }
14579 .vbo-admin-widget-wrapper .vbo-orphans-info-list {
14580 display: grid;
14581 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
14582 }
14583 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room {
14584 display: flex;
14585 flex-wrap: wrap;
14586 align-content: baseline;
14587 border: 1px solid var(--vbo-basic-btn);
14588 box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
14589 border-radius: 10px;
14590 margin: 10px 10px 2px;
14591 padding: 0 0 10px;
14592 }
14593 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname {
14594 flex-basis: 100%;
14595 margin-bottom: 4px;
14596 margin-top: 10px;
14597 font-size: 1.1em;
14598 border-bottom: 1px solid var(--vbo-basic-btn);
14599 padding: 0 10px 10px;
14600 }
14601 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates {
14602 padding: 5px 10px 0px;
14603 }
14604 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div {
14605 margin-bottom: 3px;
14606 }
14607 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child {
14608 margin-bottom: 0;
14609 }
14610 .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn {
14611 margin-left: auto;
14612 padding: 10px;
14613 }
14614 .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td {
14615 border-top: 0 !important;
14616 }
14617 .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 {
14618 list-style: none;
14619 word-break: break-word;
14620 }
14621 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
14622 padding: 10px;
14623 margin-left: 0;
14624 }
14625 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14626 text-decoration: none;
14627 color: #000;
14628 background: #ffc;
14629 display: block;
14630 min-height: 100px;
14631 width: calc(25% - 80px);
14632 padding: 15px;
14633 -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
14634 -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2);
14635 box-shadow: 5px 5px 7px rgba(33,33,33,.2);
14636 -moz-transition: -moz-transform .15s linear;
14637 -o-transition: -o-transform .15s linear;
14638 -webkit-transition: -webkit-transform .15s linear;
14639 }
14640 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14641 margin: 25px 20px;
14642 display: inline-block;
14643 vertical-align: top;
14644 line-height: 23px;
14645 }
14646 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14647 width: calc(33% - 80px);
14648 }
14649 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
14650 padding: 0px 0 20px;
14651 margin-bottom: 0;
14652 }
14653 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14654 width: calc(70% - 100px);
14655 margin: 25px 20px 20px;
14656 }
14657 [contenteditable] {
14658 -webkit-user-select: text;
14659 user-select: text;
14660 }
14661 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14662 width: calc(40% - 100px);
14663 }
14664 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 {
14665 font-size: 18px;
14666 font-weight: bold;
14667 margin-bottom: 5px;
14668 margin-top: 5px;
14669 color: #444;
14670 }
14671 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child {
14672 margin-top: 0;
14673 }
14674 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p {
14675 margin: 0;
14676 }
14677 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
14678 cursor: pointer;
14679 }
14680 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
14681 -webkit-transform: rotate(-6deg);
14682 -o-transform: rotate(-6deg);
14683 -moz-transform: rotate(-6deg);
14684 font-size: 18px;
14685 }
14686 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) {
14687 -o-transform: rotate(4deg);
14688 -webkit-transform: rotate(4deg);
14689 -moz-transform: rotate(4deg);
14690 position: relative;
14691 top: 5px;
14692 }
14693 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) {
14694 -o-transform: rotate(-3deg);
14695 -webkit-transform: rotate(-3deg);
14696 -moz-transform: rotate(-3deg);
14697 position: relative;
14698 top: -5px;
14699 }
14700 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) {
14701 -o-transform: rotate(5deg);
14702 -webkit-transform: rotate(5deg);
14703 -moz-transform: rotate(5deg);
14704 position: relative;
14705 top: -10px;
14706 }
14707 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover {
14708 box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14709 -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14710 -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2);
14711 -webkit-transform: scale(1.1);
14712 -moz-transform: scale(1.1);
14713 -o-transform: scale(1.1);
14714 position: relative;
14715 z-index: 5;
14716 background: #fff5cd;
14717 }
14718 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds {
14719 display: flex;
14720 color: #444;
14721 }
14722 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span {
14723 display: inline-block;
14724 padding: 5px;
14725 cursor: pointer;
14726 font-size: 14px;
14727 }
14728 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash {
14729 margin-left: auto;
14730 padding-right: 0;
14731 }
14732 .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 {
14733 color: var(--vbo-red-color);
14734 }
14735 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag {
14736 padding-left: 0;
14737 }
14738 .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 {
14739 color: #2d719a;
14740 }
14741 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign {
14742 font-size: .85em;
14743 font-style: italic;
14744 text-align: right;
14745 margin-top: 10px;
14746 }
14747 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul {
14748 list-style-type: disc;
14749 }
14750 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
14751 height: 70px;
14752 width: calc(25% - 80px);
14753 min-height: inherit;
14754 border: 2px solid #ffe8a2;
14755 background: #fff5cd;
14756 padding: 0;
14757 }
14758 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner {
14759 position: relative;
14760 height: 100%;
14761 padding: 15px;
14762 box-sizing: border-box;
14763 cursor: pointer;
14764 }
14765 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
14766 background: #ffc;
14767 }
14768 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span {
14769 position: absolute;
14770 top: 50%;
14771 left: 50%;
14772 transform: translate(-50%, -50%);
14773 font-size: 26px;
14774 }
14775 .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext {
14776 margin-top: 20px;
14777 font-size: 16px;
14778 width: auto;
14779 }
14780 .vbo-widget-visitscounter-wrap {
14781 display: flex;
14782 flex-wrap: wrap;
14783 justify-content: center;
14784 margin: 10px 20px 0;
14785 padding-bottom: 10px;
14786 }
14787 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14788 flex-basis: calc(50% - 52px);
14789 background: var(--vbo-config-bg-color);
14790 border: 1px solid var(--vbo-basic-btn);
14791 border-bottom: 3px solid var(--vbo-basic-btn);
14792 padding: 20px;
14793 border-radius: 16px;
14794 margin: 5px;
14795 position:relative;
14796 }
14797 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after {
14798 height: 30px;
14799 width: 4px;
14800 background: var(--vbo-blue-color);
14801 content: "";
14802 position: absolute;
14803 left: -3px;
14804 top: 17px;
14805 }
14806 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl {
14807 font-weight: 500;
14808 color: var(--vbo-config-titles-color-light);
14809 margin-top: 10px;
14810 font-size: 14px;
14811 }
14812 .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count {
14813 font-size: 26px;
14814 font-weight: bold;
14815 letter-spacing: 1px;
14816 white-space: nowrap;
14817 }
14818 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14819 flex-basis: calc(50% - 52px);
14820 }
14821 .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number,
14822 .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
14823 flex-basis: calc(25% - 52px);
14824 }
14825 .vbo-widgets-welcome-inner {
14826 font-size: 14px;
14827 }
14828 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
14829 background: #bdd5ea;
14830 padding: 10px;
14831 border-radius: 10px;
14832 margin: 15px 0;
14833 display: flex;
14834 flex-wrap: wrap;
14835 }
14836 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl {
14837 font-size: 16px;
14838 font-weight: bold;
14839 margin-left: 8px;
14840 flex-basis: 100%;
14841 }
14842 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
14843 background: #d8f4ff;
14844 border-radius: 10px;
14845 margin: 10px 4px;
14846 position: relative;
14847 flex-basis: calc(50% - 8px);
14848 }
14849 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl {
14850 font-size: 16px;
14851 font-weight: bold;
14852 padding: 10px 10px 0;
14853 display: block;
14854 }
14855 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
14856 display: block;
14857 border-radius: 10px;
14858 margin: 12px 8px;
14859 box-shadow: 0 0px 20px rgba(0,0,0,.1);
14860 background: #fff;
14861 }
14862 .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl {
14863 font-size: 14px;
14864 font-weight: bold;
14865 padding: 10px;
14866 display: block;
14867 }
14868 .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget {
14869 opacity: 0;
14870 }
14871 .vbo-widgets-welcome-animate {
14872 -webkit-animation-name: VikfadeInDown;
14873 animation-name: VikfadeInDown;
14874 -webkit-animation-duration: .5s;
14875 animation-duration: .5s;
14876 -webkit-animation-fill-mode: both;
14877 animation-fill-mode: both;
14878 }
14879 .vbo-inspector-colorpicker-wrap {
14880 border-radius: 3px;
14881 border: 1px solid var(--vbo-main-bg-color);
14882 background: var(--vbo-config-bg-color);
14883 display: inline-block;
14884 height: 23px;
14885 }
14886 .vbo-inspector-colorpicker {
14887 padding: 0 0px 0 24px;
14888 position: relative;
14889 cursor: pointer;
14890 height: 100%;
14891 display: inline-block;
14892 }
14893 .vbo-inspector-colorpicker:not([style*="background"]) {
14894 background-color: #fff;
14895 opacity: 0.7;
14896 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);
14897 background-position: 0 0, 5px 5px;
14898 background-size: 10px 10px;
14899 }
14900 .vbo-inspector-colorpicker i {
14901 background: var(--vbo-config-bg-color);
14902 padding: 5px;
14903 border-left: 1px solid var(--vbo-main-bg-color);
14904 }
14905 .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content {
14906 height: 90%;
14907 }
14908 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list {
14909 display: flex;
14910 flex-wrap: wrap;
14911 }
14912 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
14913 padding: 10px;
14914 border-radius: 8px;
14915 margin: 5px;
14916 flex-basis: calc(33% - 34px);
14917 background-origin: border-box !important;
14918 color: #fff;
14919 }
14920 .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular {
14921 background: rgb(2,0,36);
14922 background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%);
14923 }
14924 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover {
14925 cursor: pointer;
14926 }
14927 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top {
14928 display: flex;
14929 margin-bottom: 10px;
14930 }
14931 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon {
14932 margin-right: 15px;
14933 font-size: 20px;
14934 }
14935 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add {
14936 margin-left: auto;
14937 font-size: 16px;
14938 cursor: pointer;
14939 }
14940 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i {
14941 text-shadow: 0px 3px 3px rgba(0,0,0,.5);
14942 }
14943 .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name {
14944 font-size: 1.1em;
14945 font-weight: bold;
14946 margin-bottom: 2px;
14947 }
14948 .vbo-admin-widget-style-light-red {
14949 background: rgb(2,0,36);
14950 background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%);
14951 }
14952 .vbo-admin-widget-style-light-blue {
14953 background: rgb(2,0,36);
14954 background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%);
14955 }
14956 .vbo-admin-widget-style-pink {
14957 background: rgb(2,0,36);
14958 background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%);
14959 }
14960 .vbo-admin-widget-style-green {
14961 background: rgb(2,0,36);
14962 background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%);
14963 }
14964 .vbo-admin-widget-style-light-orange {
14965 background: rgb(2,0,36);
14966 background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%);
14967 }
14968 .vbo-admin-widget-style-yellow {
14969 background: rgb(2,0,36);
14970 background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%);
14971 }
14972 .vbo-admin-widget-style-red {
14973 background: rgb(2,0,36);
14974 background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%);
14975 }
14976 .vbo-admin-widget-style-violet {
14977 background: rgb(2,0,36);
14978 background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%);
14979 }
14980 .vbo-admin-widget-style-orange {
14981 background: rgb(2,0,36);
14982 background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%);
14983 }
14984 .vbo-admin-widget-style-blue {
14985 background: rgb(2,0,36);
14986 background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%);
14987 }
14988 .vbo-admin-widget-style-brown {
14989 background: rgb(2,0,36);
14990 background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%);
14991 }
14992 .vbo-admin-widget-style-dark-blue {
14993 background: rgb(2,0,36);
14994 background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%);
14995 }
14996 .vbo-modal-widget-notselected {
14997 filter: brightness(60%);
14998 }
14999 .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label {
15000 cursor: initial;
15001 font-size: 1.4em;
15002 margin-bottom: 10px;
15003 }
15004
15005 /* Side widget panel */
15006 .vbo-sidepanel-wrapper {
15007 position: fixed;
15008 top: 0;
15009 bottom: 0;
15010 right: 0;
15011 z-index: 2147483647;
15012 }
15013 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
15014 background: var(--vbo-config-child-bg-color);
15015 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
15016 position: absolute;
15017 top: 0;
15018 bottom: 0;
15019 width: 25vw;
15020 padding: 10px 0 6px 0;
15021 transition: 0.3s ease-in all;
15022 -moz-transition: 0.3s ease-in all;
15023 -webkit-transition: 0.3s ease-in all;
15024 }
15025 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
15026 background: var(--vbo-config-child-bg-color);
15027 box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2);
15028 position: absolute;
15029 top: 0;
15030 bottom: 0;
15031 width: 88vw;
15032 padding: 10px 0 6px 0;
15033 transition: 0.3s ease-in all;
15034 -moz-transition: 0.3s ease-in all;
15035 -webkit-transition: 0.3s ease-in all;
15036 }
15037 .vbo-sidepanel-wrapper.vbo-sidepanel-close {
15038 visibility: hidden;
15039 }
15040 .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container {
15041 transition: all 0.3s;
15042 }
15043 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
15044 transform: translateX(25vw);
15045 right: 0;
15046 top: 0;
15047 }
15048 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container {
15049 transform: translateX(88vw);
15050 right: 0;
15051 top: 0;
15052 }
15053 .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container {
15054 transform: translateX(0);
15055 }
15056 .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container {
15057 transform: translateX(0);
15058 }
15059 .vbo-sidepanel-layouts {
15060 display: flex;
15061 margin-top: -10px;
15062 padding: 6px;
15063 }
15064 .vbo-sidepanel-container .vbo-sidepanel-dismiss {
15065 padding-left: 4px;
15066 }
15067 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
15068 display: inline-block;
15069 border: 1px solid var(--vbo-config-border-color);
15070 padding: 0px 5px;
15071 border-radius: 4px;
15072 background: var(--vbo-input-style);
15073 cursor: pointer;
15074 opacity: .8;
15075 }
15076 .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover {
15077 opacity: 1;
15078 }
15079 .vbo-sidepanel-container .vbo-sidepanel-shortcut {
15080 position: absolute;
15081 bottom: 20px;
15082 left: 50%;
15083 transform: translateX(-50%);
15084 text-align: center;
15085 opacity: 0.5;
15086 }
15087 .vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-keys {
15088 font-size: 48px;
15089 line-height: 48px;
15090 display: inline-flex;
15091 }
15092 .vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-subdesc {
15093 font-size: 80%;
15094 }
15095 @media screen and (max-width: 450px) {
15096 .vbo-sidepanel-container .vbo-sidepanel-shortcut {
15097 display: none;
15098 }
15099 }
15100 .vbo-sidepanel-container .vbo-sidepanel-notifications {
15101 flex: 1;
15102 margin-left: 10px;
15103 }
15104 .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn {
15105 background: transparent;
15106 border: 0;
15107 padding: 0;
15108 color: var(--vbo-orange-color);
15109 font-size: 13px;
15110 cursor: initial;
15111 }
15112 .vbo-sidepanel-notifications-off {
15113 color: var(--vbo-red-color);
15114 cursor: pointer;
15115 }
15116 .vbo-sidepanel-notifications-off:hover {
15117 color: var(--vbo-orange-color);
15118 }
15119 .vbo-sidepanel-notifications-off.shaking {
15120 font-size: 13px;
15121 width: 15px;
15122 height: 15px;
15123 margin: 0;
15124 -webkit-animation: ring 4s .7s ease-in-out ;
15125 -webkit-transform-origin: 50% 4px;
15126 -moz-animation: ring 4s .7s ease-in-out;
15127 -moz-transform-origin: 50% 4px;
15128 animation: ring 4s .7s ease-in-out;
15129 transform-origin: 50% 4px;
15130 }
15131 .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking {
15132 margin-left: 10px;
15133 }
15134 .vbo-admin-widgets-suggest-notifications-cont {
15135 display: inline-block;
15136 vertical-align: top;
15137 padding: 4px 6px;
15138 border-radius: 4px;
15139 border: 1px solid var(--vbo-config-border-color);
15140 }
15141 .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking {
15142 margin-left: 0 !important;
15143 }
15144
15145 @-webkit-keyframes ring {
15146 0% { -webkit-transform: rotateZ(0); }
15147 1% { -webkit-transform: rotateZ(30deg); }
15148 3% { -webkit-transform: rotateZ(-28deg); }
15149 5% { -webkit-transform: rotateZ(34deg); }
15150 7% { -webkit-transform: rotateZ(-32deg); }
15151 9% { -webkit-transform: rotateZ(30deg); }
15152 11% { -webkit-transform: rotateZ(-28deg); }
15153 13% { -webkit-transform: rotateZ(26deg); }
15154 15% { -webkit-transform: rotateZ(-24deg); }
15155 17% { -webkit-transform: rotateZ(22deg); }
15156 19% { -webkit-transform: rotateZ(-20deg); }
15157 21% { -webkit-transform: rotateZ(18deg); }
15158 23% { -webkit-transform: rotateZ(-16deg); }
15159 25% { -webkit-transform: rotateZ(14deg); }
15160 27% { -webkit-transform: rotateZ(-12deg); }
15161 29% { -webkit-transform: rotateZ(10deg); }
15162 31% { -webkit-transform: rotateZ(-8deg); }
15163 33% { -webkit-transform: rotateZ(6deg); }
15164 35% { -webkit-transform: rotateZ(-4deg); }
15165 37% { -webkit-transform: rotateZ(2deg); }
15166 39% { -webkit-transform: rotateZ(-1deg); }
15167 41% { -webkit-transform: rotateZ(1deg); }
15168
15169 43% { -webkit-transform: rotateZ(0); }
15170 100% { -webkit-transform: rotateZ(0); }
15171 }
15172
15173 @-moz-keyframes ring {
15174 0% { -moz-transform: rotate(0); }
15175 1% { -moz-transform: rotate(30deg); }
15176 3% { -moz-transform: rotate(-28deg); }
15177 5% { -moz-transform: rotate(34deg); }
15178 7% { -moz-transform: rotate(-32deg); }
15179 9% { -moz-transform: rotate(30deg); }
15180 11% { -moz-transform: rotate(-28deg); }
15181 13% { -moz-transform: rotate(26deg); }
15182 15% { -moz-transform: rotate(-24deg); }
15183 17% { -moz-transform: rotate(22deg); }
15184 19% { -moz-transform: rotate(-20deg); }
15185 21% { -moz-transform: rotate(18deg); }
15186 23% { -moz-transform: rotate(-16deg); }
15187 25% { -moz-transform: rotate(14deg); }
15188 27% { -moz-transform: rotate(-12deg); }
15189 29% { -moz-transform: rotate(10deg); }
15190 31% { -moz-transform: rotate(-8deg); }
15191 33% { -moz-transform: rotate(6deg); }
15192 35% { -moz-transform: rotate(-4deg); }
15193 37% { -moz-transform: rotate(2deg); }
15194 39% { -moz-transform: rotate(-1deg); }
15195 41% { -moz-transform: rotate(1deg); }
15196
15197 43% { -moz-transform: rotate(0); }
15198 100% { -moz-transform: rotate(0); }
15199 }
15200
15201 @keyframes ring {
15202 0% { transform: rotate(0); }
15203 1% { transform: rotate(30deg); }
15204 3% { transform: rotate(-28deg); }
15205 5% { transform: rotate(34deg); }
15206 7% { transform: rotate(-32deg); }
15207 9% { transform: rotate(30deg); }
15208 11% { transform: rotate(-28deg); }
15209 13% { transform: rotate(26deg); }
15210 15% { transform: rotate(-24deg); }
15211 17% { transform: rotate(22deg); }
15212 19% { transform: rotate(-20deg); }
15213 21% { transform: rotate(18deg); }
15214 23% { transform: rotate(-16deg); }
15215 25% { transform: rotate(14deg); }
15216 27% { transform: rotate(-12deg); }
15217 29% { transform: rotate(10deg); }
15218 31% { transform: rotate(-8deg); }
15219 33% { transform: rotate(6deg); }
15220 35% { transform: rotate(-4deg); }
15221 37% { transform: rotate(2deg); }
15222 39% { transform: rotate(-1deg); }
15223 41% { transform: rotate(1deg); }
15224
15225 43% { transform: rotate(0); }
15226 100% { transform: rotate(0); }
15227 }
15228
15229 .vbo-sidepanel-container .vbo-sidepanel-layout-type {
15230 margin-left: auto;
15231 padding-right: 5px;
15232 padding-top: 2px;
15233 }
15234 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span {
15235 cursor: pointer;
15236 width: 17px;
15237 display: inline-block;
15238 }
15239 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
15240 opacity: .8;
15241 }
15242 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover {
15243 opacity: 1;
15244 }
15245 .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg {
15246 fill: var(--vbo-config-titles-color-light);
15247 }
15248 .vbo-sidepanel-container .vbo-sidepanel-search {
15249 position: relative;
15250 display: flex;
15251 }
15252 .vbo-sidepanel-container .vbo-sidepanel-search > i {
15253 position: absolute;
15254 top: 50%;
15255 left: 15px;
15256 transform: translateY(-50%);
15257 }
15258 .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input {
15259 width: 100% !important;
15260 flex: 1;
15261 padding: 8px 10px;
15262 padding-left: 35px !important;
15263 }
15264 .vbo-sidepanel-container .vbo-sidepanel-search button {
15265 border-radius: 4px;
15266 margin: 0 0 0 5px;
15267 font-size: 14px;
15268 padding: 6px 8px;
15269 }
15270 .vbo-sidepanel-container .vbo-sidepanel-search button i {
15271 margin-right: 0;
15272 }
15273 .vbo-sidepanel-body-top {
15274 position: relative;
15275 margin-top: 7px;
15276 margin-bottom: 5px;
15277 padding: 0 15px;
15278 }
15279 .vbo-sidepanel-container .vbo-sidepanel-add-widgets {
15280 max-height: calc(100vh - 220px);
15281 overflow-y: scroll;
15282 margin-top: 5px;
15283 position: absolute;
15284 width: calc(100% - 30px);
15285 background: var(--vbo-config-bg-color);
15286 padding: 5px;
15287 box-sizing: border-box;
15288 z-index: 99999;
15289 box-shadow: 0px 3px 5px rgba(0,0,0,.2);
15290 border-radius: 4px;
15291 }
15292 .vbo-sidepanel-add-widget {
15293 cursor: pointer;
15294 margin-bottom: 8px;
15295 border: 1px solid var(--vbo-config-border-color);
15296 border-radius: 6px;
15297 padding: 5px;
15298 }
15299 .vbo-sidepanel-add-widget:hover {
15300 border-color: var(--vbo-blue-color);
15301 }
15302 .vbo-sidepanel-add-widget.is-sorting {
15303 background: var(--vbo-config-bg-color);
15304 border: 1px dashed var(--vbo-config-text-color-light);
15305 }
15306 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info-det {
15307 cursor: grab;
15308 }
15309 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info {
15310 display: flex;
15311 }
15312 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det {
15313 flex: 1;
15314 }
15315 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn {
15316 border-radius: 6px;
15317 padding: 5px;
15318 text-align: center;
15319 width: 22px;
15320 height: 22px;
15321 display: inline-block;
15322 line-height: 22px;
15323 color: #fff;
15324 box-sizing: content-box;
15325 }
15326 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name {
15327 font-weight: bold;
15328 margin-left: 10px;
15329 -webkit-user-select: none;
15330 -ms-user-select: none;
15331 user-select: none;
15332 }
15333 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add {
15334 margin-left: auto;
15335 align-self: center;
15336 font-size: 15px;
15337 cursor: pointer;
15338 color: var(--vbo-green-color);
15339 }
15340 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover {
15341 color: var(--vbo-green-color-hover);
15342 }
15343 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal {
15344 opacity: 0;
15345 margin-right: 3px;
15346 color: var(--vbo-base-color);
15347 transition: all 100ms ease-in-out 0s;
15348 }
15349 .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 {
15350 opacity: 1;
15351 transition: all 100ms ease-in-out 0s;
15352 }
15353 .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover {
15354 color: var(--vbo-base-color-hover);
15355 }
15356 .vbo-sidepanel-container .vbo-sidepanel-active-widgets {
15357 max-height: 84vh;
15358 min-height: 300px;
15359 overflow-y: scroll;
15360 padding: 5px 15px 0;
15361 }
15362 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output {
15363 background: var(--vbo-config-bg-color);
15364 border-radius: 6px;
15365 margin: 20px 0 10px;
15366 position: relative;
15367 box-shadow: 0 3px 5px rgba(0,0,0,.1);
15368 }
15369 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child {
15370 margin-top: 10px;
15371 }
15372 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove {
15373 position: absolute;
15374 top: -4px;
15375 left: -6px;
15376 width: 16px;
15377 height: 16px;
15378 border-radius: 50%;
15379 text-align: center;
15380 line-height: 16px;
15381 background: var(--vbo-red-color);
15382 box-shadow: 1px 2px 3px rgba(0,0,0,.2);
15383 color: #fff;
15384 font-size: 10px;
15385 z-index: 999;
15386 }
15387 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover {
15388 background: var(--vbo-red-color-hover);
15389 }
15390 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach {
15391 position: absolute;
15392 top: -15px;
15393 left: 50%;
15394 transform: translate(-50%, 0);
15395 width: 24px;
15396 height: 24px;
15397 border-radius: 50%;
15398 background: var(--vbo-config-bg-color);
15399 border: 1px solid var(--vbo-main-bg-color);
15400 color: var(--vbo-config-text-color-light);
15401 text-align: center;
15402 line-height: 24px;
15403 font-size: 12px;
15404 box-shadow: 0 4px 7px rgba(0,0,0,.1);
15405 z-index: 999;
15406 opacity: 0;
15407 transition: 0.2s ease-in all;
15408 -moz-transition: 0.2s ease-in all;
15409 -webkit-transition: 0.2s ease-in all;
15410 }
15411 .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,
15412 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:not(.vbo-admin-widgets-widget-editing) .vbo-admin-widgets-widget-detach:hover {
15413 opacity: 1;
15414 cursor: pointer;
15415 }
15416 .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover {
15417 color: var(--vbo-base-color);
15418 }
15419 .vbo-sidepanel-edit-widgets {
15420 margin-top: 10px;
15421 text-align: center;
15422 position: absolute;
15423 bottom: 10px;
15424 left: 50%;
15425 transform: translate(-50%, 0px);
15426 z-index: 10000;
15427 }
15428 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig {
15429 display: inline-block;
15430 padding: 5px 10px;
15431 border-radius: 20px;
15432 font-size: 11px;
15433 background: var(--vbo-config-border-color);
15434 border-color: var(--vbo-config-text-color-light);
15435 }
15436 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover {
15437 background: var(--vbo-main-bg-color);
15438 }
15439 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active {
15440 background: var(--vbo-orange-color);
15441 border-color: var(--vbo-orange-color-hover);
15442 box-shadow: 0 3px 5px rgba(0,0,0,.2);
15443 }
15444 .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover {
15445 background: var(--vbo-orange-color);
15446 }
15447 .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 {
15448 font-size: 14px;
15449 padding: 3px 0 3px 15px;
15450 margin: 8px 0;
15451 }
15452 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i {
15453 margin-right: 5px;
15454 font-size: 12px;
15455 }
15456 .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot {
15457 display: none;
15458 }
15459 .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap {
15460 height: 28px;
15461 }
15462 .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn {
15463 padding: 5px 8px;
15464 font-size: 11px;
15465 }
15466 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate,
15467 .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate {
15468 margin: 7px 10px 6px 6px;
15469 }
15470 .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 {
15471 padding: 2px 5px;
15472 }
15473 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small {
15474 padding: 3.5px 9px;
15475 }
15476 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
15477 flex-wrap: wrap;
15478 }
15479 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
15480 flex-wrap: wrap;
15481 }
15482 .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 {
15483 flex-basis: 100%;
15484 margin-top: 5px;
15485 margin-right: 0;
15486 }
15487 .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button {
15488 width: 100%;
15489 }
15490 .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 {
15491 padding: 8px;
15492 border: 1px solid var(--vbo-basic-btn);
15493 }
15494 .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 {
15495 border-color: var(--vbo-blue-color-hover);
15496 }
15497 .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
15498 margin-bottom: 0;
15499 }
15500 .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive {
15501 width: 100%;
15502 }
15503 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 {
15504 padding: 10px 15px;
15505 }
15506 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname {
15507 vertical-align: middle;
15508 }
15509 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto {
15510 padding: 0px 10px;
15511 }
15512 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from {
15513 font-size: 16px;
15514 }
15515 .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span {
15516 font-size: 13px;
15517 }
15518 .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child {
15519 width: 100%;
15520 }
15521 .vbo-sidepanel-add-widget-focussed {
15522 background: var(--vbo-toolbar-bg-color);
15523 border-color: var(--vbo-blue-color);
15524 }
15525 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 {
15526 padding: 5px 0 5px 15px;
15527 }
15528 .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div {
15529 margin-top: 3px;
15530 }
15531 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label {
15532 flex-basis: 180px;
15533 }
15534 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer {
15535 display: flex;
15536 }
15537 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span {
15538 align-self: center;
15539 padding: 0 8px 0 10px;
15540 }
15541 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap {
15542 display: block;
15543 margin-bottom: 5px;
15544 }
15545 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid {
15546 margin-top: 5px;
15547 }
15548 .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap {
15549 width: 100%;
15550 }
15551 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline {
15552 padding: 10px;
15553 display: flex;
15554 gap: 0;
15555 }
15556 .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 {
15557 flex: 1;
15558 margin-right: 10px;
15559 }
15560 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body {
15561 padding: 10px 15px;
15562 }
15563 .vbo-widget-booskcal-newbook-cont {
15564 position: relative;
15565 }
15566 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table-wrap {
15567 border: 1px solid var(--vbo-config-border-color);
15568 border-radius: 10px;
15569 padding: 0 15px 10px;
15570 }
15571 .vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle {
15572 text-align: right;
15573 margin-top: 10px;
15574 }
15575 .vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle label {
15576 vertical-align: middle;
15577 }
15578 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap {
15579 margin-top: 5px;
15580 }
15581 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head {
15582 border-bottom: 1px solid var(--vbo-config-border-color);
15583 padding-bottom: 5px;
15584 }
15585 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i,
15586 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i {
15587 margin-right: 2px;
15588 }
15589 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name,
15590 .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name {
15591 float: right;
15592 font-weight: bold;
15593 text-transform: uppercase;
15594 display: inline-block;
15595 margin-left: 10px;
15596 }
15597 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info {
15598 display: inline-block;
15599 margin-bottom: 2px;
15600 }
15601 .vbo-widget-booskcal-mday-pricing {
15602 margin-top: 20px;
15603 }
15604 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-title {
15605 font-size: 16px;
15606 margin-bottom: 4px;
15607 font-weight: bold;
15608 }
15609 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost {
15610 font-size: 20px;
15611 font-weight: bold;
15612 margin-bottom: 5px;
15613 border: 1px solid var(--vbo-config-border-color);
15614 padding: 13px 15px;
15615 border-radius: 10px;
15616 position: relative;
15617 }
15618 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-rplan {
15619 display: block;
15620 font-size: 14px;
15621 margin-bottom: 7px;
15622 font-weight: 500;
15623 }
15624 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit {
15625 font-size: 12px;
15626 display: inline-block;
15627 border-bottom: 1px solid var(--vbo-body-text-color);
15628 color: var(--vbo-body-text-color);
15629 text-align: right;
15630 position: absolute;
15631 right: 16px;
15632 top: 13px;
15633 }
15634 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit:hover {
15635 border-color: transparent;
15636 color: var(--vbo-base-color);
15637 }
15638 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-wrap {
15639 margin-top: 10px;
15640 display: flex;
15641 gap: 20px;
15642 flex-wrap: wrap;
15643 border-top: 1px solid var(--vbo-basic-btn);
15644 padding: 10px 0;
15645 }
15646 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block label {
15647 font-size: 13px;
15648 margin-bottom: 3px;
15649 display: inline-block;
15650 }
15651 /* Currency Input structure */
15652 .vbo-input-currency-wrap {
15653 position: relative;
15654 }
15655 .vbo-input-currency-wrap span {
15656 position: absolute;
15657 top: 50%;
15658 left: 9px;
15659 transform: translate(0px , -50%);
15660 font-size: 14px;
15661 color: var(--vbo-config-text-color-light);
15662 }
15663 .vbo-input-currency-wrap input {
15664 padding-left: 24px !important;
15665 }
15666
15667 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block .vbo-widget-booskcal-mday-pricing-edit-input {
15668 font-weight: normal;
15669 }
15670 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save {
15671 align-self: flex-end;
15672 }
15673 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn {
15674 padding: 10px 20px;
15675 }
15676 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr {
15677 border: 1px solid var(--vbo-config-border-color);
15678 padding: 13px 15px;
15679 border-radius: 10px;
15680 }
15681 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos span:not(.vbo-widget-booskcal-mday-pricing-minlos) {
15682 display: block;
15683 font-size: 14px;
15684 margin-bottom: 7px;
15685 font-weight: 500;
15686 }
15687 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos .vbo-widget-booskcal-mday-pricing-minlos {
15688 display: block;
15689 font-size: 20px;
15690 font-weight: bold;
15691 }
15692 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-ctad {
15693 margin-top: 8px;
15694 }
15695 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events {
15696 padding: 5px 10px;
15697 border-radius: 4px;
15698 margin-top: 5px;
15699 }
15700 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event {
15701 border: 1px solid var(--vbo-config-border-color);
15702 padding: 5px;
15703 border-radius: 6px;
15704 margin-bottom: 5px;
15705 }
15706 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table {
15707 width: 100%;
15708 }
15709 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15710 text-align: right !important;
15711 padding: 3px !important;
15712 vertical-align: top !important;
15713 cursor: initial;
15714 position: relative;
15715 }
15716 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:active, .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:focus {
15717 color: inherit;
15718 }
15719 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"] {
15720 background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px );
15721 }
15722 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy {
15723 background: var(--vbo-red-color);
15724 }
15725 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially {
15726 background: repeating-linear-gradient( -45deg, #f9ab4f, #f9ab4f 10px, #df8e1c 10px, #df8e1c 20px ) !important;
15727 }
15728 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially:hover {
15729 background: var(--vbo-orange-color-hover) !important;
15730 }
15731 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure {
15732 /* background: var(--vbo-config-title-color); */
15733 background: repeating-linear-gradient( -45deg, #1d2327, #1d2327 10px, #3a3f42 10px, #3a3f42 20px ) !important;
15734 }
15735 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure:hover {
15736 background: var(--vbo-config-titles-color-light) !important;
15737 }
15738 .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15739 height: 40px;
15740 }
15741 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading {
15742 width: 100%;
15743 height: 100%;
15744 }
15745 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td {
15746 vertical-align: bottom !important;
15747 background: transparent;
15748 border: 0 !important;
15749 }
15750 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover {
15751 background: transparent;
15752 }
15753 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover {
15754 background: var(--vbo-main-bg-color);
15755 }
15756 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td {
15757 cursor: pointer;
15758 }
15759 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-widget-booskcal-mday-val {
15760 font-weight: bold;
15761 font-size: 14px;
15762 }
15763 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val {
15764 width: 22px;
15765 height: 22px;
15766 line-height: 22px;
15767 font-size: 12px;
15768 display: inline-block;
15769 background: var(--vbo-red-color);
15770 color: #fff;
15771 border-radius: 50%;
15772 text-align: center;
15773 }
15774 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val {
15775 border: 1px solid var(--vbo-config-bg-color);
15776 }
15777 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info {
15778 position: absolute;
15779 top: 3px;
15780 left: 5px;
15781 font-size: 12px;
15782 }
15783 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-ratesrestr {
15784 margin-top: 5px;
15785 text-align: center;
15786 }
15787 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-roomrate {
15788 margin-top: 2px 0;
15789 }
15790 .vbo-widget-booskcal-cell-mday .vbo-widget-booskcal-mday-roomrate span {
15791 display: inline-block;
15792 border-radius: 20px;
15793 padding: 0px 4px;
15794 background-color: var(--vbo-body-bg-color);
15795 border: 1px solid var(--vbo-body-text-color);
15796 }
15797 .vbo-widget-booskcal-cell-mday.busy .vbo-widget-booskcal-mday-roomrate span {
15798 background: var(--vbo-body-bg-color);
15799 color: var(--vbo-red-color);
15800 border: 1px solid var(--vbo-red-color);
15801 }
15802 .vbo-widget-booskcal-cell-mday.busy.vbo-partially .vbo-widget-booskcal-mday-roomrate span {
15803 color: var(--vbo-orange-color-hover);
15804 border: 1px solid var(--vbo-orange-color-hover);
15805 }
15806 .vbo-widget-booskcal-cell-mday.busy.busy-closure .vbo-widget-booskcal-mday-roomrate span {
15807 color: var(--vbo-config-title-color);
15808 border: 1px solid var(--vbo-config-title-color);
15809 }
15810 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions {
15811 margin-top: 4px;
15812 }
15813 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span {
15814 display: inline-block;
15815 margin-left: 6px;
15816 }
15817 .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span:first-child {
15818 margin-left: 0;
15819 }
15820 .vbo-widget-booskcal-wrap .select2-container .select2-selection--single {
15821 height: 40px;
15822 }
15823 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
15824 line-height: 40px;
15825 }
15826 .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
15827 height: 40px;
15828 }
15829 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
15830 margin-top: 0;
15831 }
15832 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands {
15833 margin-top: 14px;
15834 }
15835 .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters {
15836 padding-top: 6px;
15837 }
15838 div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands {
15839 margin-bottom: 5px;
15840 }
15841 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters {
15842 right: 10px;
15843 min-width: 200px;
15844 }
15845 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter {
15846 display: flex;
15847 width: 100%;
15848 }
15849 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label {
15850 align-self: center;
15851 display: inline-block;
15852 }
15853 div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap {
15854 align-self: center;
15855 margin-top: 0;
15856 padding-top: 0;
15857 padding-bottom: 0;
15858 margin-left: auto;
15859 width: auto;
15860 float: right;
15861 margin-right: 0;
15862 }
15863 .vbo-widget-reminders-list .vbo-widget-reminders-record {
15864 display: flex;
15865 padding: 5px 10px;
15866 border-radius: 4px;
15867 border: 1px solid var(--vbo-config-border-color);
15868 margin: 5px 10px;
15869 position: relative;
15870 overflow: hidden;
15871 }
15872 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status {
15873 margin-right: 10px;
15874 display: flex;
15875 flex-wrap: wrap;
15876 flex-direction: column;
15877 }
15878 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
15879 background: none;
15880 border: 0;
15881 color: var(--vbo-body-text-color);
15882 padding: 0;
15883 font-size: 15px;
15884 margin-top: 2px;
15885 }
15886 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
15887 margin-top: auto;
15888 }
15889 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important {
15890 color: var(--vbo-orange-color);
15891 }
15892 .vbo-widget-reminders-list .vbo-reminder-ok {
15893 opacity: .8;
15894 color: var(--vbo-config-titles-color-light);
15895 }
15896 .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot {
15897 color: var(--vbo-blue-color);
15898 }
15899 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit {
15900 background: var(--vbo-blue-color);
15901 position: absolute;
15902 right: 4px;
15903 top: 4px;
15904 height: calc(100% - 8px);
15905 width: 35px;
15906 transition: 0.2s ease-in all;
15907 -moz-transition: 0.2s ease-in all;
15908 -webkit-transition: 0.2s ease-in all;
15909 transform: translateX(calc(100% + 4px));
15910 display: flex;
15911 cursor: pointer;
15912 border-radius: 6px;
15913 }
15914 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover {
15915 background: var(--vbo-blue-color-hover);
15916 }
15917 .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit {
15918 transform: translateX(0);
15919 }
15920 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button {
15921 background: transparent;
15922 border: 0;
15923 padding: 0;
15924 width: 100%;
15925 color: #fff;
15926 cursor: pointer;
15927 }
15928 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i {
15929 margin-right: 0;
15930 }
15931 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info {
15932 margin-right: 20px;
15933 }
15934 .vbo-widget-reminder-title {
15935 font-weight: bold;
15936 display: block;
15937 margin-bottom: 2px;
15938 }
15939 .vbo-widget-reminders-record-due {
15940 margin-top: 3px;
15941 color: var(--vbo-config-titles-color-light) !important;
15942 font-size: .9em;
15943 display: flex;
15944 }
15945 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking {
15946 order: 2;
15947 margin-left: 10px;
15948 }
15949 .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div {
15950 display: inline-block;
15951 }
15952 .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 {
15953 margin-left: 2px;
15954 }
15955 .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due {
15956 color: var(--vbo-red-color) !important;
15957 font-size: 1em;
15958 }
15959 .vbo-widget-reminders-manage .vbo-widget-reminders-goback {
15960 padding: 5px 10px;
15961 margin-bottom: 8px;
15962 }
15963 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap {
15964 padding: 0 15px;
15965 }
15966 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter {
15967 margin-bottom: 5px;
15968 }
15969 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking {
15970 margin: 10px 0;
15971 }
15972 .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 {
15973 width: 100% !important;
15974 }
15975 .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem {
15976 width: auto !important;
15977 }
15978 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea {
15979 min-height: 100px;
15980 }
15981 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
15982 display: flex;
15983 flex-wrap: wrap;
15984 }
15985 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance {
15986 float: right;
15987 margin-left: 10px;
15988 }
15989 .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i {
15990 color: var(--vbo-orange-color);
15991 }
15992 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
15993 flex: 1;
15994 }
15995 .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 {
15996 width: 100%;
15997 }
15998 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
15999 display: flex;
16000 gap: 5px;
16001 }
16002 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16003 flex: 1;
16004 }
16005 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16006 display: flex;
16007 margin-left: 10px;
16008 }
16009 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
16010 flex: 0;
16011 }
16012 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
16013 width: 110px !important;
16014 }
16015 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh {
16016 margin-right: 5px;
16017 }
16018 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16019 margin-top: 5px;
16020 text-align: center;
16021 }
16022 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
16023 display: flex;
16024 }
16025 .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
16026 flex: 1;
16027 }
16028 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
16029 margin-left: 5px;
16030 }
16031 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label {
16032 align-self: initial;
16033 }
16034 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate {
16035 margin-top: 3px;
16036 color: var(--vbo-config-titles-color-light) !important;
16037 font-size: .9em;
16038 }
16039 .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname {
16040 font-weight: 500;
16041 font-size: .9em;
16042 }
16043 .vbo-widget-bookdets-cm-updresult {
16044 margin-bottom: 2px;
16045 }
16046 .vbo-widget-bookdets-cm-updresult:last-child {
16047 margin-bottom: 0;
16048 }
16049 .vbo-widget-bookdets-cm-updresult > i {
16050 color: var(--vbo-config-text-color-light);
16051 margin-right: 3px;
16052 }
16053 .vbo-widget-bookdets-cm-ruids .btn.btn-small {
16054 padding: 2px 6px;
16055 }
16056 .vbo-widget-push-notification {
16057 margin: 0px 10px;
16058 padding: 12px;
16059 border-radius: 10px;
16060 border-width: 1px;
16061 border-style: solid;
16062 }
16063 .vbo-widget-push-notification-info {
16064 background-color: var(--vbo-info-bg);
16065 border-color: var(--vbo-info-border);
16066 color: var(--vbo-container-text-color);
16067 }
16068 .vbo-widget-push-notification-warning {
16069 background-color: var(--vbo-warning-bg);
16070 border-color: var(--vbo-warning-border);
16071 color: var(--vbo-container-text-color);
16072 }
16073 .vbo-widget-push-notification-error {
16074 background-color: var(--vbo-error-bg);
16075 border-color: var(--vbo-error-border);
16076 color: var(--vbo-container-text-color);
16077 }
16078 .vbo-widget-push-notification-title {
16079 font-size: 14px;
16080 margin-bottom: 2px;
16081 }
16082 .vbo-widget-push-notification-message {
16083 font-size: 13px;
16084 }
16085 .vbo-widget-push-notification-action {
16086 margin-top: 5px;
16087 }
16088 .vbo-widget-push-notification-action .btn.vbo-config-btn {
16089 padding: 8px 10px;
16090 }
16091 .vbo-widget-bookdets-cm-updresult-log {
16092 font-size: .95em;
16093 color: var(--vbo-config-titles-color-light);
16094 }
16095
16096 .colorpicker input {
16097 top: -4px;
16098 }
16099
16100 @-webkit-keyframes VikfadeInDown {
16101 from {
16102 opacity: 0;
16103 -webkit-transform: translate3d(0%, -20%, 0);
16104 transform: translate3d(0%, -20%, 0);
16105 }
16106
16107 to {
16108 opacity: 1;
16109 -webkit-transform: translate3d(0%, 0%, 0);
16110 transform: translate3d(0%, 0%, 0);
16111 }
16112 }
16113
16114 @keyframes VikfadeInDown {
16115 from {
16116 opacity: 0;
16117 -webkit-transform: translate3d(0%, -20%, 0);
16118 transform: translate3d(0%, -20%, 0);
16119 }
16120
16121 to {
16122 opacity: 1;
16123 -webkit-transform: translate3d(0%, 0%, 0);
16124 transform: translate3d(0%, 0%, 0);
16125 }
16126 }
16127 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions {
16128 text-align: center;
16129 margin-bottom: 20px;
16130 }
16131 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div {
16132 display: inline-block;
16133 margin: 5px;
16134 }
16135 .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary {
16136 border-radius: 3px;
16137 padding: 8px 14px;
16138 margin-bottom: 0;
16139 font-size: inherit;
16140 }
16141 .vbo-modal-condtext-rules {
16142 display: flex;
16143 flex-wrap: wrap;
16144 }
16145 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
16146 flex-basis: calc(33% - 38px);
16147 border: 2px solid var(--vbo-config-border-color);
16148 padding: 10px;
16149 border-radius: 6px;
16150 margin: 7px;
16151 cursor: pointer;
16152 }
16153 .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover {
16154 border-color: #acdaac;
16155 }
16156 .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected {
16157 border-color: #46a546;
16158 }
16159 .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 {
16160 opacity: .6;
16161 border: 2px solid var(--vbo-main-bg-color);
16162 cursor: auto;
16163 color: var(--vbo-config-titles-color-light);
16164 }
16165 .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 {
16166 margin-top: 0;
16167 margin-bottom: 5px;
16168 font-size: 16px;
16169 }
16170 .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr {
16171 font-size: 14px;
16172 }
16173 .vbo-modal-condtext-rule-apply {
16174 text-align: center;
16175 margin-bottom: 20px;
16176 }
16177 .vbo-condtext-rule .adminlegend {
16178 display: flex;
16179 }
16180 .vbo-condtext-rule .adminlegend .vbo-rule-trash {
16181 margin-left: auto;
16182 cursor: pointer;
16183 }
16184 .vbo-condtext-rule .adminlegend .vbo-rule-trash i {
16185 font-size: 15px;
16186 color: var(--vbo-config-titles-color-light);
16187 padding: 4px;
16188 display: inline-block;
16189 }
16190 .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover {
16191 color: var(--vbo-red-color);
16192 }
16193 .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview {
16194 padding: 8px 10px;
16195 border-color: var(--vbo-config-border-color);
16196 }
16197 .vbo-config-maintab-right-halfsize {
16198 display: flex;
16199 flex-wrap: wrap;
16200 padding-top: 12px;
16201 }
16202 .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize {
16203 flex-grow: 0;
16204 }
16205 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
16206 flex-basis: calc(50% - 78px);
16207 margin: 8px;
16208 flex-grow: 1;
16209 }
16210 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap {
16211 width: 100%;
16212 }
16213 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container {
16214 flex-wrap: wrap;
16215 }
16216 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
16217 flex-basis: 100%;
16218 }
16219 .vbo-param-container img {
16220 max-width: 100%;
16221 }
16222 .vbo-condtext-rule[data-ruleaction="0"] {
16223 border: 1px solid var(--vbo-base-color);
16224 }
16225 .vbo-condtext-rule[data-ruleaction="1"] {
16226 border: 1px solid var(--vbo-orange-color);
16227 }
16228 .notice-noicon {
16229 padding: 12px;
16230 background-image: none;
16231 }
16232 .notice-noicon i {
16233 margin-right: 5px;
16234 }
16235 .vbo-list-table-rounded {
16236 border: 1px solid var(--vbo-config-border-color);
16237 border-radius: 10px;
16238 }
16239 .vbo-list-table-rounded .table {
16240 margin-top: 0;
16241 margin-bottom: 0;
16242 }
16243 .vbo-list-table-rounded .table thead th {
16244 padding: 18px 20px;
16245 color: #444;
16246 }
16247 .vbo-list-table-rounded .table td {
16248 padding: 10px 20px;
16249 }
16250 .vbo-list-table-rounded .table td:last-child {
16251 text-align: right;
16252 }
16253 .vbo-ratesoverview-top-outer {
16254 text-align: right;
16255 margin-top: -20px;
16256 }
16257 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
16258 display: inline-block;
16259 border: 1px solid var(--vbo-config-border-color);
16260 padding: 5px 10px 0;
16261 border-radius: 4px;
16262 margin-bottom: 5px
16263 }
16264 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) {
16265 display: inline-block;
16266 vertical-align: top;
16267 margin: 5px 0 0 6px;
16268 cursor: pointer;
16269 }
16270 .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label {
16271 height: 27px;
16272 }
16273 .vbo-list-table .btn.vbo-condtext-tmpl-status {
16274 padding: 4px 10px;
16275 margin: 3px;
16276 font-size: 13px;
16277 }
16278 .vbo-list-table .btn.vbo-condtext-tmpl-status i {
16279 margin-right: 2px;
16280 }
16281 .vbo-inspector-hover {
16282 background-color: rgba(184, 225, 243, 1) !important;
16283 }
16284 .vbo-inspector-wrap {
16285 padding: 15px;
16286 }
16287 .vbo-inspector-wrap > * {
16288 padding: 20px 0;
16289 }
16290 .vbo-admin-container .vbo-config-maintab-top {
16291 display: flex;
16292 flex-basis: 100%;
16293 }
16294 .vbo-config-maintab-top .vbo-config-fieldset-large {
16295 flex-basis: 75%;
16296 }
16297 .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap {
16298 width: 100%;
16299 }
16300 .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 {
16301 white-space: initial;
16302 }
16303 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
16304 flex: 1;
16305 margin-left: 20px;
16306 }
16307 .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap {
16308 width: 100%;
16309 }
16310 .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param {
16311 padding: 5px 10px;
16312 background: var(--vbo-config-child-bg-color);
16313 margin: 0;
16314 }
16315 .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label {
16316 font-weight: 500;
16317 }
16318 .vbo-admin-container > .vbo-config-maintab-bottom {
16319 flex-basis: 100%;
16320 }
16321 .vbo-admin-container > #vbo-conditrules-wrap {
16322 flex-grow: 0;
16323 }
16324 .btn.vbo-condtext-specialtag-btn {
16325 padding: 8px 14px;
16326 background-color: #e2eaee;
16327 color: var(--vbo-base-color);
16328 border: 1px solid #c9e0ec;
16329 }
16330 .btn.vbo-condtext-specialtag-btn:hover {
16331 background: #2482b5;
16332 border: 1px solid #2482b5;
16333 color: #fff;
16334 }
16335 .vbo-condtext-addrule-helper {
16336 flex-basis: 100%;
16337 margin: 10px 0 20px 8px;
16338 }
16339 .vbo-geoinfo-markers-wrap {
16340 display: flex;
16341 flex-wrap: wrap;
16342 }
16343 .vbo-geoinfo-marker-cont {
16344 flex-basis: calc(16% - 15px);
16345 text-align: center;
16346 border: 1px solid var(--vbo-config-border-color);
16347 background: var(--vbo-basic-btn);
16348 padding: 5px;
16349 margin: 4px;
16350 border-radius: 4px;
16351 }
16352 .vbo-geoinfo-marker-label {
16353 margin-bottom: 4px;
16354 }
16355 .btn.vbo-geomarker-status {
16356 font-size: 18px;
16357 }
16358 .btn.vbo-geomarker-status i {
16359 font-size: 16px;
16360 margin-right: 0 !important;
16361 }
16362 .vbo-geoinfo-marker-in .btn.vbo-geomarker-status {
16363 border-color: var(--vbo-green-color);
16364 color: var(--vbo-green-color);
16365 }
16366 .vbo-geoinfo-param .vbo-param-label > i {
16367 margin-top: 10px;
16368 }
16369 .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap {
16370 margin: 0;
16371 padding-top: 0;
16372 }
16373 .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover {
16374 background: var(--vbo-config-bg-color);
16375 }
16376 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
16377 border-color: var(--vbo-config-border-color);
16378 color: #343a40;
16379 }
16380 .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover {
16381 border-color: var(--vbo-green-color);
16382 color: var(--vbo-green-color);
16383 }
16384 .vbo-cust-geo-marker-svg-list {
16385 display: flex;
16386 flex-wrap: wrap;
16387 margin-bottom: 10px;
16388 margin-top: 20px;
16389 justify-content: center;
16390 }
16391 .vbo-cust-geo-marker-svg {
16392 border: 1px solid var(--vbo-config-border-color);
16393 text-align: center;
16394 border-radius: 4px;
16395 padding: 4px 10px;
16396 margin: 4px;
16397 flex-basis: calc(16% - 27px);
16398 cursor: pointer;
16399 position: relative;
16400 }
16401 .vbo-cust-geo-marker-svg-icon {
16402 padding-right: 10px;
16403 }
16404 .vbo-cust-geo-marker-svg-name {
16405 margin-bottom: 10px;
16406 font-size: 14px;
16407 }
16408 .vbo-cust-geo-marker-svg svg {
16409 height: 43px;
16410 max-width: 100%;
16411 }
16412 .vbo-cust-geo-marker-svg[data-markerapply="1"] {
16413 border-color: #008d02;
16414 }
16415 .vbo-cust-geo-marker-svg-addnew i {
16416 font-size: 26px;
16417 }
16418 .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon {
16419 padding-right: 0;
16420 }
16421 .vbo-cust-geo-marker-svg-adjust {
16422 margin-bottom: 20px;
16423 border: 1px solid var(--vbo-config-border-color);
16424 padding: 10px 20px;
16425 background: var(--vbo-config-child-bg-color);
16426 }
16427 .vbo-geo-marker-param-container {
16428 margin: 12px 0;
16429 }
16430 .vbo-geo-marker-param-container .vbo-geo-marker-param-label {
16431 margin-right: 10px;
16432 min-width: 80px;
16433 margin-bottom: 5px;
16434 font-weight: 500;
16435 }
16436 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{
16437 margin-right: 10px;
16438 min-width: 140px;
16439 margin-bottom: 10px;
16440 }
16441 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea {
16442 width: 100% !important;
16443 }
16444 .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child {
16445 margin: 15px 0 20px;
16446 }
16447 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] {
16448 display: flex;
16449 flex-wrap: wrap;
16450 justify-content: center;
16451 }
16452 .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container {
16453 margin: 12px 10px;
16454 }
16455 .vbo-cust-geo-marker-save {
16456 text-align: center;
16457 margin-bottom: 20px;
16458 }
16459 .vbo-cust-geo-marker-top {
16460 text-align: center;
16461 margin-bottom: 20px;
16462 }
16463 #geo_address_formatted {
16464 cursor: pointer;
16465 }
16466 #geo_address_formatted:hover {
16467 color: #0071a1;
16468 }
16469 .vbo-cust-geo-marker-svg-remove {
16470 position: absolute;
16471 right: 0;
16472 bottom: 0;
16473 padding: 2px 4px;
16474 border: 1px solid var(--vbo-config-border-color);
16475 border-bottom: 0;
16476 border-right: 0;
16477 border-top-left-radius: 4px;
16478 }
16479 .vbo-cust-geo-marker-svg-remove span:hover i {
16480 color: var(--vbo-red-color);
16481 }
16482 .vbo-geo-marker-param-setting .btn.btn-secondary {
16483 padding: 9px 14px;
16484 }
16485 .vbo-geomarker-infowin-wrap {
16486 min-width: 250px;
16487 }
16488 .vbo-geomarker-infowin-wrap > h4 {
16489 margin: 0px 0 10px;
16490 font-size: 16px;
16491 }
16492 .vbo-geo-marker-param-setting img {
16493 max-width: 90%;
16494 margin-bottom: 5px;
16495 }
16496 .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview {
16497 max-width: 180px;
16498 }
16499 .vbo-geo-legend-import {
16500 float: right;
16501 }
16502 .vbo-geo-legend-import .select2-container .select2-selection--single {
16503 height: 36px;
16504 border: 1px solid var(--vbo-config-border-color);
16505 border-radius: 2px;
16506 font-size: 14px;
16507 font-weight: normal;
16508 }
16509 .vbo-geo-legend-import #select2-roomselcalc-container {
16510 font-weight: normal;
16511 font-size: 14px;
16512 }
16513 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow {
16514 height: 36px;
16515 }
16516 .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered {
16517 line-height: 36px;
16518 }
16519 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
16520 margin-right: 10px;
16521 }
16522 .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover {
16523 margin-top: 7px;
16524 }
16525 .vbo-geoinfo-param #vbo-goverlay-edit {
16526 margin-left: 15px;
16527 }
16528 .vbo-geo-marker-params-group {
16529 display: flex;
16530 flex-wrap: wrap;
16531 }
16532 .vbo-geo-marker-params-group .vbo-geo-marker-param-container {
16533 margin: 12px 5px;
16534 flex-basis: calc(50% - 10px);
16535 }
16536 .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number {
16537 width: 100% !important;
16538 box-sizing: border-box;
16539 height: auto;
16540 }
16541 .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap {
16542 height: 80%;
16543 }
16544 .vbo-paybutpos-wrap {
16545 margin-top: 10px;
16546 }
16547 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner {
16548 border-radius: 10px;
16549 background: var(--vbo-main-bg-color);
16550 padding: 15px;
16551 width: 300px;
16552 font-size: 16px;
16553 color: var(--vbo-config-titles-color-light);
16554 box-shadow: 0 5px 10px rgba(0,0,0,.15);
16555 }
16556 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status {
16557 border-radius: 4px;
16558 margin: 0 5px 5px;
16559 background: var(--vbo-light-color-btn);
16560 width: 200px;
16561 height: 20px;
16562 }
16563 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos {
16564 text-align: center;
16565 padding: 7px;
16566 margin: 0 5px 0;
16567 border: 2px solid var(--vbo-config-bg-color);
16568 border-radius: 4px;
16569 }
16570 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut {
16571 background: var(--vbo-base-color);
16572 color: #fff;
16573 padding: 5px 18px;
16574 display: inline-block;
16575 border-radius: 6px;
16576 cursor: pointer;
16577 }
16578 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos {
16579 display: flex;
16580 }
16581 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div,
16582 .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div {
16583 flex: 1;
16584 margin: 5px;
16585 border-radius: 4px;
16586 background: var(--vbo-config-bg-color);
16587 padding: 10px 15px;
16588 }
16589 .vbo-param-container.vbo-param-container-log {
16590 border: 1px solid var(--vbo-config-border-color);
16591 padding: 10px;
16592 margin: 2px;
16593 border-radius: 4px;
16594 background: var(--vbo-config-child-bg-color);
16595 }
16596 #vbo-condtext-warn-norules {
16597 width: 100%;
16598 }
16599 #ifchildrenextra .vbo-dyninpnum-cont + a {
16600 display: inline-block;
16601 background: var(--vbo-base-color);
16602 color: #fff;
16603 border: 0;
16604 padding: 9px 14px;
16605 font-weight: bold;
16606 font-size: 13px;
16607 line-height: 18px;
16608 border-radius: 3px;
16609 }
16610 #ifchildrenextra .vbo-dyninpnum-cont + a:hover {
16611 background: var(--vbo-base-color-hover);
16612 }
16613 #ifchildrenextra .vbo-dyninpnum-cont + a:active {
16614 background: var(--vbo-link-text-color);
16615 }
16616 #ifchildrenextra .vbo-dyninpnum-cont + a i {
16617 margin-right: 5px;
16618 }
16619 #ifchildrenextra .vbo-dyninpnum-cont input {
16620 margin: 5px 0;
16621 }
16622 #ifchildrenextra .vbo-dyninpnum-cont > div p > * {
16623 vertical-align: middle;
16624 }
16625 #ifchildrenextra .vbo-param-setting-comment {
16626 margin-bottom: 10px;
16627 }
16628 #minguestscont > div, #alwaysavcont > div {
16629 margin: 5px 0;
16630 }
16631 .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] {
16632 width: auto !important;
16633 }
16634 .vbo-admin-container .vbo-maninvoice-tbcont {
16635 width: 100%;
16636 border: 1px solid var(--vbo-main-bg-color);
16637 border-radius: 7px;
16638 border-spacing: 0px;
16639 border-collapse: separate;
16640 }
16641 .vbo-maninvoice-tbcont th {
16642 background: var(--vbo-main-bg-color);
16643 text-align: left;
16644 padding: 7px 10px;
16645 }
16646 .vbo-maninvoice-tbcont th:first-child {
16647 border-top-left-radius: 5px;
16648 }
16649 .vbo-maninvoice-tbcont th:last-child {
16650 border-top-right-radius: 5px;
16651 }
16652 .vbo-maninvoice-tbcont td {
16653 padding: 5px 10px;
16654 }
16655 .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * {
16656 margin: 2px;
16657 }
16658 .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div {
16659 vertical-align: top;
16660 display: inline-block;
16661 }
16662 .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] {
16663 width: 80px !important;
16664 }
16665 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del {
16666 text-align: right;
16667 }
16668 .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i {
16669 margin-right: 0 !important;
16670 }
16671 .vbo-maninvoice-totals-format {
16672 position: relative;
16673 }
16674 .vbo-maninvoice-totals-format .vbo-maninvoice-currency {
16675 position: absolute;
16676 top: -1px;
16677 left: 10px;
16678 color: var(--vbo-config-titles-color-light);
16679 font-size: 15px;
16680 }
16681 .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount {
16682 padding-left: 25px !important;
16683 }
16684 #maxquantblock {
16685 width: 100%;
16686 }
16687 .colorpicker {
16688 z-index: 100000001;
16689 }
16690 .vbo-toast-wrapper .toast-message-content {
16691 color: var(--vbo-body-text-color) !important;
16692 }
16693 .vbo-toast-wrapper .toast-message-content.notice {
16694 background-color: var(--vbo-config-bg-color) !important;
16695 }
16696
16697 /* Virtual Terminal Widget */
16698 .vbo-vterminal-cc-container {
16699 padding: 20px;
16700 }
16701 .vbo-vterminal-cc-row-group {
16702 display: flex;
16703 flex-wrap: wrap;
16704 }
16705 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row {
16706 margin-bottom: 14px;
16707 flex: 1;
16708 }
16709 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl {
16710 margin-bottom: 3px;
16711 text-align: left;
16712 font-size: 14px;
16713 font-weight: 500;
16714 }
16715 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input {
16716 flex: 1;
16717 height: 50px !important;
16718 border: 1px solid var(--vbo-config-border-color);
16719 border-radius: 6px !important;
16720 box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
16721 margin: 0;
16722 }
16723 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency {
16724 flex-basis: 150px;
16725 flex-grow: 0;
16726 }
16727 .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] {
16728 width: 100% !important;
16729 max-width: inherit !important;
16730 }
16731 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input {
16732 border-top-right-radius: 0 !important;
16733 border-bottom-right-radius: 0 !important;
16734 }
16735 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount {
16736 flex: 1;
16737 }
16738 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo {
16739 position: relative;
16740 }
16741 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo {
16742 position: absolute;
16743 top: 50%;
16744 right: 15px;
16745 transform: translateY(-50%);
16746 width: 32px;
16747 height: 20px;
16748 }
16749 @keyframes vterminal-card-position {
16750 0% {right: 0}
16751 100% {right: -5px}
16752 }
16753 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img {
16754 position: relative;
16755 animation-name: vterminal-card-position;
16756 animation-duration: 0.2s;
16757 right: -5px;
16758 width: 32px;
16759 height: 20px;
16760 }
16761 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
16762 flex-basis: 150px;
16763 flex-grow: 0;
16764 }
16765 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
16766 border-top-left-radius: 0 !important;
16767 border-bottom-left-radius: 0 !important;
16768 border-left: 0;
16769 }
16770 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn {
16771 font-weight: 500;
16772 font-size: 16px;
16773 width: 100%;
16774 padding: 10px 14px;
16775 }
16776 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover {
16777 font-weight: 500;
16778 }
16779
16780 /* Template Override */
16781 .vbo-overrides-manager {
16782 background: var(--vbo-body-bg-color) !important;
16783 }
16784 .vbo-overrides-manager .override-file #override-copy {
16785 background-color: var(--vbo-blue-color) !important;
16786 color: var(--vbo-contrast-text-color) !important;
16787 border-color: var(--vbo-blue-color) !important;
16788 }
16789 .vbo-overrides-manager .override-file #override-copy:hover {
16790 background-color: var(--vbo-blue-color-hover) !important;
16791 color: var(--vbo-contrast-text-color) !important;
16792 border-color: var(--vbo-blue-color-hover) !important;
16793 }
16794
16795 /* generic calendar box */
16796 .vbo-input-calendar-box {
16797 background: var(--vbo-input-style);
16798 border: 1px solid var(--vbo-config-border-color);
16799 border-radius: 2px;
16800 padding: 0 10px 0 0;
16801 display: inline-block;
16802 vertical-align: top;
16803 }
16804 .vbo-input-calendar-box input[type="text"] {
16805 border: 0;
16806 box-shadow: none;
16807 background: transparent;
16808 padding: 5px 0 5px 10px;
16809 }
16810 .vbo-input-calendar-box i.dashicons-calendar-alt {
16811 top: 8px;
16812 position: relative;
16813 }
16814
16815 /* Color Scheme hide/show panel */
16816 .vbo-sidepanel-colorscheme {
16817 position: relative;
16818 margin-right: 10px;
16819 }
16820 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current {
16821 display: inline-block;
16822 border: 1px solid var(--vbo-config-border-color);
16823 padding: 0px 5px;
16824 border-radius: 4px;
16825 cursor: pointer;
16826 color: var(--vbo-config-titles-color-light);
16827 opacity: .8;
16828 z-index: 1;
16829 }
16830 .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover {
16831 color: var(--vbo-base-color);
16832 }
16833 .vbo-sidepanel-colorscheme-list {
16834 z-index: 1000000;
16835 visibility: hidden;
16836 opacity: 0;
16837 width: 100px;
16838 padding: 10px 15px;
16839 right: 0;
16840 background: var(--vbo-config-bg-color);
16841 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
16842 border-radius: 10px;
16843 position: absolute;
16844 }
16845 .vbo-sidepanel-colorscheme-list-show {
16846 transform: scale(0.99) translateY(-0.7em);
16847 transform-origin: top;
16848 transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
16849 transition-duration: 500ms;
16850 transition-property: opacity,transform;
16851 visibility: visible;
16852 opacity: 1;
16853 transform: scale(1) translateY(0);
16854 }
16855 .vbo-sidepanel-colorscheme-option {
16856 padding: 7px 0;
16857 }
16858 .vbo-sidepanel-colorscheme-option i {
16859 margin-right: 5px;
16860 }
16861 .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active {
16862 color: var(--vbo-base-color);
16863 cursor: pointer;
16864 }
16865
16866 .vbo-dashboard-colorscheme {
16867 display: inline-block;
16868 margin-right: 0;
16869 }
16870 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list {
16871 right: initial;
16872 left: 0;
16873 margin-top: 2px;
16874 }
16875 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option {
16876 font-weight: normal;
16877 }
16878 .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current {
16879 padding: 4px 6px;
16880 vertical-align: top;
16881 }
16882
16883 .vbo-widget-bulkmess-steps {
16884 margin-top: 10px;
16885 }
16886 .vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps {
16887 margin: 10px;
16888 }
16889 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step {
16890 margin: 0 0 12px;
16891 background: var(--vbo-config-child-bg-color);
16892 border: 1px solid var(--vbo-config-child-bg-color);
16893 border-bottom: 3px solid var(--vbo-config-border-color);
16894 border-bottom-width: 3px;
16895 border-radius: 12px;
16896 }
16897 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child {
16898 margin-bottom: 0;
16899 }
16900 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content {
16901 display: none;
16902 }
16903 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title {
16904 padding: 12px 20px;
16905 cursor: pointer;
16906 display: flex;
16907 }
16908 .vbo-admin-widget-wrapper h4 i {
16909 color: var(--vbo-config-titles-color-light);
16910 }
16911 .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover {
16912 border-color: var(--vbo-base-color);
16913 }
16914 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 {
16915 padding: 0;
16916 margin: 0;
16917 }
16918 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content {
16919 padding: 0 20px 5px;
16920 border-top: 1px solid var(--vbo-config-border-color);
16921 }
16922 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content {
16923 padding: 10px 20px 10px;
16924 }
16925 .vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content {
16926 padding: 20px;
16927 }
16928 .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea {
16929 width: 100%;
16930 }
16931 .vbo-widget-bulkmess-step-status {
16932 margin-left: auto;
16933 font-size: .9em;
16934 font-style: italic;
16935 color: var(--vbo-config-titles-color-light);
16936 }
16937 .vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation {
16938 padding: 10px 0;
16939 }
16940 .vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox {
16941 align-self: center;
16942 margin-right: 5px;
16943 }
16944 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook {
16945 display: block;
16946 }
16947 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label {
16948 display: inline-block;
16949 }
16950 .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i {
16951 margin-right: 5px
16952 }
16953 .vbo-widget-bulkmess-gonext {
16954 text-align: right;
16955 margin-top: 10px;
16956 margin-bottom: 10px;
16957 }
16958 .vbo-widget-bulkmess-progress-inner progress {
16959 width: 100%;
16960 background: #ddd;
16961 border-radius: 10px;
16962 }
16963 .vbo-widget-bulkmess-bookings-actions {
16964 margin-top: 8px;
16965 }
16966 .vbo-widget-bulkmess-bookings-actions .btn {
16967 border-color: var(--vbo-middle-color-btn);
16968 }
16969 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon {
16970 font-size: 12px;
16971 }
16972 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified {
16973 margin-left: 5px;
16974 }
16975 .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i {
16976 color: var(--vbo-green-color);
16977 }
16978
16979 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-groups {
16980 border-bottom: 1px solid var(--vbo-config-border-color);
16981 }
16982 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group {
16983 display: inline-block;
16984 border-bottom: 2px solid var(--vbo-config-bg-color);
16985 color: var(--vbo-config-titles-color-light);
16986 }
16987 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active {
16988 border-color: var(--vbo-config-title-color);
16989 color: var(--vbo-config-title-color);
16990 font-weight: bold;
16991 }
16992 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover {
16993 color: var(--vbo-config-title-color);
16994 }
16995 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name {
16996 display: inline-block;
16997 position: relative;
16998 padding: 10px;
16999 cursor: pointer;
17000 }
17001
17002 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name:not([data-badge-count=""]) {
17003 padding: 10px;
17004 }
17005 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-badge {
17006 background: var(--vbo-config-text-color-light);
17007 color: var(--vbo-contrast-text-color);
17008 font-weight: bold;
17009 font-size: 11px;
17010 text-align: center;
17011 border-radius: 4px;
17012 padding: 0px 5px;
17013 margin-left: 8px;
17014 display: inline-block;
17015 }
17016 .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active .vbo-widget-notifscenter-group-badge, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover .vbo-widget-notifscenter-group-badge {
17017 background: var(--vbo-config-title-color);
17018 }
17019 .vbo-widget-notifscenter-list {
17020 max-height: calc(100vh - 380px);
17021 overflow: hidden;
17022 overflow-y: scroll;
17023 }
17024 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap {
17025 display: flex;
17026 padding: 10px 15px;
17027 border-bottom: 1px solid var(--vbo-config-border-color);
17028 cursor: pointer;
17029 }
17030 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:last-child {
17031 border-bottom: 0;
17032 }
17033 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread {
17034 background: var(--vbo-light-color-btn);
17035 position: relative;
17036 }
17037 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:after {
17038 content: "";
17039 width: 8px;
17040 height: 8px;
17041 border-radius: 50%;
17042 top: 5px;
17043 right: 18px;
17044 transform: translate(10px, 10px);
17045 position: absolute;
17046 background: var(--vbo-base-color);
17047 }
17048 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover, .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:hover {
17049 background: var(--vbo-info-bg);
17050 }
17051 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar {
17052 width: 40px;
17053 margin-right: 15px;
17054 }
17055 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar img {
17056 width: 40px;
17057 height: 40px;
17058 }
17059 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-info-box-avatar {
17060 position: relative;
17061 }
17062 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-avatar-badge {
17063 position: absolute;
17064 width: 20px;
17065 height: 20px;
17066 text-align: center;
17067 line-height: 20px;
17068 background: var(--vbo-basic-btn);
17069 border-radius: 50%;
17070 font-size: 10px;
17071 bottom: -6px;
17072 right: -5px;
17073 color: var(--vbo-contrast-text-color);
17074 display: flex;
17075 align-items: center;
17076 justify-content: center;
17077 }
17078 .vbo-widget-notifscenter-list img.vbo-ai-icn {
17079 width: 16px !important;
17080 height: 16px !important;
17081 }
17082 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-lightblue {
17083 background: #09cbdf;
17084 }
17085 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-green {
17086 background: var(--vbo-green-color);
17087 }
17088 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-orange {
17089 background: #ffaf16;
17090 }
17091 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-purple {
17092 background: #cc16ff;
17093 }
17094 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-red {
17095 background: var(--vbo-red-color);
17096 }
17097 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details {
17098 flex: 1;
17099 }
17100 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-title {
17101 font-weight: bold;
17102 }
17103 .vbo-widget-notifscenter-notif-summary {
17104 font-size: .95em;
17105 }
17106 .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="message.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="review.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-notif-type="guest_message"] {
17107 background: var(--vbo-config-child-bg-color);
17108 padding: 8px 10px;
17109 border-radius: 8px;
17110 }
17111 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt {
17112 margin-top: 2px;
17113 margin-bottom: 6px;
17114 }
17115 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label {
17116 padding: 1px 4px !important;
17117 font-weight: normal;
17118 font-size: 10px;
17119 }
17120 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label.label-info {
17121 background: var(--vbo-grey-blue-bg) !important;
17122 }
17123 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .vbo-tooltip {
17124 font-size: 11px;
17125 opacity: .95;
17126 }
17127 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-customer-initials {
17128 width: 40px;
17129 height: 40px;
17130 line-height: 40px;
17131 font-size: 16px;
17132 border-radius: 50%;
17133 color: var(--vbo-config-text-color-light);
17134 background: var(--vbo-config-child-bg-color);
17135 text-align: center;
17136 display: inline-block;
17137 letter-spacing: 1px;
17138 }
17139 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta {
17140 margin-top: 5px;
17141 }
17142 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn {
17143 background: var(--vbo-config-title-color);
17144 color: var(--vbo-contrast-text-color);
17145 border: 1px solid var(--vbo-config-title-color);
17146 padding: 4px 10px;
17147 }
17148 .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn:hover {
17149 background: transparent;
17150 border: 1px solid var(--vbo-config-title-color);
17151 color: var(--vbo-config-title-color);
17152 }
17153 .vbo-widget-notifscenter-loadmore-info {
17154 text-align: center;
17155 font-size: 16px;
17156 font-weight: 600;
17157 }
17158 .vbo-widget-notifscenter-markread {
17159 margin-bottom: 8px;
17160 border-bottom: 1px solid var(--vbo-config-border-color);
17161 padding-bottom: 8px;
17162 }
17163 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all {
17164 font-weight: bold;
17165 text-decoration: underline;
17166 cursor: pointer;
17167 }
17168 .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all:hover {
17169 text-decoration: none;
17170 }
17171 .vbo-widget-notifscenter-filter-confirm {
17172 display: flex;
17173 }
17174 .vbo-widget-notifscenter-filter-confirm .btn-secondary {
17175 width: 40px;
17176 margin-right: 5px;
17177 }
17178
17179 .vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid {
17180 cursor: pointer;
17181 }
17182 .vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid i {
17183 margin-right: 3px;
17184 }
17185 .vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply {
17186 margin: 5px 20px 0 0;
17187 }
17188 .vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply .btn {
17189 font-weight: bold;
17190 }
17191 .vbo-review-json-entry {
17192 margin: 5px 0;
17193 display: inline-block;
17194 width: 30%;
17195 padding: 0 10px;
17196 vertical-align: top;
17197 box-sizing: border-box;
17198 }
17199 .vbo-review-json-entry .vbo-review-json-key {
17200 font-weight: bold;
17201 display: block;
17202 margin-bottom: 2px;
17203 color: var(--vbo-config-titles-color-light);
17204 }
17205 .vbo-review-json-entry .vbo-review-json-value {
17206 word-break: break-word;
17207 }
17208 .vbo-review-json-entry.vbo-review-json-reply, .vbo-review-json-revieweeresponse {
17209 width: 100%;
17210 }
17211 .vbo-review-json-entry .vbo-review-json-value .vbo-review-channel-logo {
17212 max-width: 92px;
17213 }
17214 .vbo-review-json-value.vbo-review-json-revieweeresponse {
17215 text-transform: initial;
17216 display: inline-block;
17217 padding-top: 5px;
17218 }
17219 .vbo-review-json-content {
17220 width: 100%;
17221 }
17222 .vbo-review-json-entry.vbo-review-json-entry-group {
17223 text-transform: uppercase;
17224 width: 100%;
17225 color: var(--vbo-config-titles-color-light);
17226 margin-top: 5px;
17227 }
17228 .vbo-review-json-entry .vbo-review-json-key {
17229 font-weight: bold;
17230 display: block;
17231 margin-bottom: 2px;
17232 color: var(--vbo-config-titles-color-light);
17233 }
17234 .vbo-review-json-entry.vbo-review-json-entry-group .vbo-review-json-key {
17235 border-bottom: 1px solid var(--vbo-config-border-color);
17236 padding-bottom: 4px;
17237 margin-bottom: 0;
17238 margin-top: 10px;
17239 color: var(--vbo-link-text-color);
17240 }
17241 .vbo-review-guest-avatar-wrap {
17242 display: inline-block;
17243 max-width: 90px;
17244 }
17245 .vbo-review-guest-avatar {
17246 max-width: 50px;
17247 border-radius: 50%;
17248 border: 1px solid var(--vbo-config-border-color);
17249 }
17250 .vbo-review-json-scoring .vbo-review-json-servscore {
17251 font-weight: bold;
17252 background: var(--vbo-light-color-btn);
17253 color: inherit;
17254 padding: 4px 8px;
17255 display: inline-block;
17256 border-radius: 4px;
17257 font-size: 14px;
17258 }
17259 .vbo-widget-guest-reviews-reply-wrap {
17260 margin-top: 15px;
17261 padding: 0 10px;
17262 }
17263 .vbo-widget-guest-reviews-reply-inner {
17264 padding: 20px 20px;
17265 border-top: 2px solid var(--vbo-config-border-color);
17266 background: var(--vbo-config-child-bg-color);
17267 }
17268 .vbo-widget-guest-reviews-reply-inner > * {
17269 display: block;
17270 margin-bottom: 2px;
17271 }
17272 .vbo-widget-guest-reviews-reply-wrap label {
17273 font-weight: bold;
17274 margin-bottom: 5px;
17275 }
17276 .vbo-widget-guest-reviews-reply-wrap textarea {
17277 width: 100% !important;
17278 background: var(--vbo-config-bg-color);
17279 border: 1px solid var(--vbo-config-border-color);
17280 box-sizing: border-box;
17281 min-height: 80px;
17282 margin: 0 auto 10px;
17283 }
17284 .vbo-widget-guest-reviews-reply-wrap .vbo-widget-guest-reviews-reply-actions {
17285 display: flex;
17286 justify-content: space-between;
17287 }
17288 .vbo-widget-guest-reviews-reply-wrap button {
17289 padding: 6px 20px;
17290 font-weight: bold;
17291 }
17292 .vbo-widget-guestreviews-content .vbo-widget-guest-reviews-reply-wrap button:hover {
17293 font-weight: bold;
17294 }
17295
17296 #vbo-vcm-onboard-account {
17297 display: inline-block;
17298 vertical-align: middle;
17299 }
17300 .vbo-vcm-onboard-ota-logo-wrap {
17301 display: inline-block;
17302 vertical-align: middle;
17303 }
17304 .vbo-vcm-onboard-ota-logo-wrap img {
17305 height: 30px;
17306 border-radius: 6px;
17307 object-fit: cover;
17308 display: inline-block;
17309 vertical-align: middle;
17310 }
17311
17312 /* @end styles */
17313
17314 /* @start media queries */
17315 @media print {
17316 .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i {
17317 display: none !important;
17318 visibility: hidden !important;
17319 }
17320 .vbo-showin-print {
17321 display: inline-block;
17322 }
17323 .vbo-hidein-print {
17324 display: none !important;
17325 }
17326 .vbo-bookingdet-summary-roomguests {
17327 margin-bottom: 10px;
17328 }
17329 .vbo-receipt-notes-inner {
17330 border-radius: 0 !important;
17331 border-top: 1px solid #ddd;
17332 }
17333 .vbo-receipt-numdate-date-val {
17334 font-size: 1.1em;
17335 }
17336 .vbo-bookingdet-topcontainer .vbo-bookdet-container {
17337 padding: 0 30px;
17338 }
17339 .vbo-bookdet-wrap {
17340 margin: 0 10px 10px;
17341 max-width: inherit;
17342 min-width: inherit;
17343 }
17344 .vbo-bookdet-head {
17345 border-bottom: 0;
17346 padding: 0;
17347 font-weight: bold;
17348 }
17349 .vbo-bookdet-foot {
17350 padding: 0;
17351 }
17352 .vbo-bookdet-head, .vbo-bookdet-foot {
17353 text-align: left;
17354 }
17355 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
17356 -webkit-flex: 100%;
17357 -ms-flex: 100%;
17358 flex: 100%;
17359 }
17360 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17361 width: 23%;
17362 }
17363 .vbo-bookdet-container {
17364 text-align: left;
17365 }
17366 .vbo-bookingdet-detcont {
17367 background: #f6f6f6;
17368 }
17369 .vbo-receipt-numdate-block {
17370 padding-top: 0 !important;
17371 vertical-align: top;
17372 }
17373 .vbo-bookdet-foot {
17374 font-size: 1em;
17375 }
17376 .vbo-table-responsive {
17377 overflow: visible;
17378 }
17379 .vbo-tableaux-months-wrap, .vbo-tableaux-filters {
17380 display: none !important;
17381 }
17382 body {
17383 -webkit-print-color-adjust: exact;
17384 }
17385 .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) {
17386 background: #02679a !important;
17387 color: #fff !important;
17388 border: 1px solid #ddd !important;
17389 -webkit-print-color-adjust: exact;
17390 }
17391 .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span {
17392 color: #fff !important;
17393 }
17394 .vbo-tableaux-table tr td:first-child {
17395 background: var(--vbo-config-child-bg-color) !important;
17396 }
17397
17398 html {
17399 padding: 0 !important;
17400 }
17401 body.vbo-is-printing {
17402 height: auto;
17403 background: #fff;
17404 }
17405 .vbo-is-printing h4 {
17406 margin-top: 0;
17407 padding-top: 0;
17408 }
17409 .vbo-is-printing .vbo-reports-output {
17410 margin: 10px 2px;
17411 padding-bottom: 10px;
17412 }
17413 .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i {
17414 display: none;
17415 }
17416 .vbo-is-printing .vbo-report-output-printing .table-responsive {
17417 overflow: initial;
17418 box-shadow: none;
17419 }
17420 .vbo-is-printing .vbo-reports-output table th {
17421 text-transform: initial;
17422 }
17423 .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 {
17424 padding: 15px 5px;
17425 white-space: initial;
17426 font-size: 13px;
17427 }
17428 .vbo-is-printing .vbo-report-sheet {
17429 border-radius: 8px;
17430 padding: 3px;
17431 border: 1px solid #eee;
17432 margin-bottom: 2px;
17433 }
17434 .vbo-is-printing .vbo-reports-output table tbody td a {
17435 color: inherit;
17436 }
17437 .vbo-is-printing .vbo-reports-output .table-responsive {
17438 margin: 0;
17439 }
17440 .vbo-is-printing .vbo-report-title-print {
17441 text-align: center;
17442 }
17443 .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet {
17444 flex-basis: 100%;
17445 }
17446 .vbo-is-printing .vbo-report-chart-wrap {
17447 display: none;
17448 }
17449 table tfoot {
17450 display: table-row-group;
17451 }
17452 .vbo-menu-container {
17453 display: none;
17454 }
17455 .vbo-allbookings-fm #filter-bar .pull-right {
17456 display: none;
17457 }
17458 table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td {
17459 font-size: 12px;
17460 }
17461 .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date {
17462 font-size: 12px;
17463 }
17464 .vbo-allbookings-fm span.label.vbo-status-label {
17465 font-size: 11px;
17466 padding: 5px 9px !important;
17467 }
17468 .vbo-allbookings-fm .vbo-provenience {
17469 font-size: 13px;
17470 }
17471 }
17472 @media screen and (min-width: 2400px) {
17473 .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 {
17474 flex-basis: auto;
17475 margin-right: 15px;
17476 margin-bottom: 0;
17477 }
17478 }
17479 @media screen and (min-width: 1860px) {
17480 .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 {
17481 margin-left: 0;
17482 }
17483 }
17484 @media screen and (max-width: 2000px) {
17485 .vbo-menu-updates > button {
17486 width: 44px;
17487 height: 44px;
17488 line-height: 36px;
17489 padding: 0;
17490 border-radius: 50%;
17491 }
17492 .vbo-menu-updates > button i {
17493 margin-right: 0 !important;
17494 }
17495 .vbo-menu-updates > button span {
17496 display: none;
17497
17498 }
17499 }
17500 @media screen and (max-width: 1860px) {
17501 .vbo-admin-container .vbo-param-container-full {
17502 flex-wrap: wrap;
17503 }
17504 .vbo-admin-container .vbo-param-container-full .vbo-param-label-above {
17505 flex-basis: 100% !important;
17506 margin-bottom: 10px;
17507 }
17508 .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage {
17509 display: block;
17510 margin-bottom: 5px;
17511 }
17512 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
17513 flex-basis: calc(25% - 16px);
17514 }
17515 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17516 width: calc(100% - 100px);
17517 }
17518 .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number {
17519 flex-basis: calc(100% - 52px);
17520 }
17521 }
17522 @media screen and (max-width: 1760px) {
17523 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
17524 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
17525 width: 80px !important;
17526 }
17527 .vbo-roomentries-cont {
17528 width: 40%;
17529 }
17530 .vbo-report-sheetnchart .vbo-report-sheet {
17531 flex-basis: 50%;
17532 }
17533 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
17534 display: none;
17535 }
17536 .vbo-report-sheetnchart .vbo-report-chart-meta {
17537 flex-basis: 50%;
17538 }
17539 .vbo-dashboard-today-bookings {
17540 flex-basis: 65%;
17541 }
17542 .vbo-dashboard-chart-container {
17543 flex-basis: auto;
17544 flex-grow: initial;
17545 }
17546 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
17547 margin: 0 0 15px;
17548 }
17549 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
17550 width: 52% !important;
17551 }
17552 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
17553 width: 46%;
17554 }
17555 .vbo-dashboard-firstsetup-container {
17556 width: 90%;
17557 }
17558 .vbo-geoinfo-param .vbo-param-setting span {
17559 display:block;
17560 margin-bottom: 5px;
17561 }
17562 .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap {
17563 display: inline-block;
17564 }
17565 .vbo-geoinfo-param .vbo-param-setting #geo_latitude {
17566 margin-bottom: 10px;
17567 }
17568 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
17569 display: block;
17570 float: none;
17571 margin-bottom: 10px;
17572 margin-left: 0;
17573 }
17574 .vbo-checkin-main-block .vbo-checkin-payment-container {
17575 flex-basis: 100%;
17576 margin: 10px 0;
17577 box-sizing: border-box;
17578 }
17579 .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
17580 flex-basis: 100%;
17581 margin-left: 0;
17582 }
17583 .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 {
17584 width: 100% !important;
17585 }
17586 .vbo-menu-parent-li > span {
17587 padding: 14px 15px;
17588 }
17589 }
17590 @media screen and (max-width: 1612px) {
17591 .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 {
17592 flex-basis: calc(50% - 12px);
17593 max-width: 50%;
17594 }
17595 .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child {
17596 padding: 15px 5px 15px 10px;
17597 }
17598 }
17599 @media screen and (max-width: 1580px) {
17600 .vbo-dashboard-today-occ {
17601 margin: 10px 20px;
17602 }
17603 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17604 width: calc(33% - 80px);
17605 }
17606 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17607 width: calc(50% - 80px);
17608 }
17609 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
17610 flex-basis: calc(50% - 16px);
17611 }
17612 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box {
17613 display: flex;
17614 margin-bottom: 5px;
17615 }
17616 .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker {
17617 flex: 1;
17618 }
17619 .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 {
17620 margin: 10px 15px 6px 10px;
17621 }
17622
17623 }
17624 /* main menu screen size adjustments */
17625 @media screen and (max-width: 1470px) {
17626 .vbo-menu-parent-li > span {
17627 padding: 14px 8px;
17628 }
17629 }
17630 @media screen and (max-width: 1440px) {
17631 .vbo-menu-updates > button {
17632 width: 42px;
17633 height: 42px;
17634 padding: 0;
17635 border-radius: 50%;
17636 }
17637 .vbo-menu-updates > button span {
17638 display: none;
17639 }
17640 .vbo-menu-updates > button i {
17641 margin-right: 0 !important;
17642 }
17643 }
17644 @media screen and (max-width: 1280px) {
17645 .vbo-menu-left {
17646 max-width: 100px;
17647 }
17648 .vbo-ratesoverview-period-container {
17649 flex: 0 0 25%;
17650 }
17651 #vbpaymentlogdiv pre {
17652 max-width: 100%;
17653 }
17654 .vbo-eorder-paymentlog-buttons {
17655 float: none;
17656 display: flex;
17657 column-gap: 10px;
17658 }
17659 }
17660
17661 @media screen and (max-width: 1520px) {
17662 .vbo-admin-container .vbo-param-container .vbo-param-label {
17663 flex-basis: 200px;
17664 }
17665 .vbo-admin-container .vbo-param-container-full .vbo-param-label {
17666 flex-basis: 100%;
17667 }
17668 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
17669 flex-basis: 100%;
17670 }
17671 .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover {
17672 margin-left: 10px;
17673 }
17674 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
17675 margin-top: 0;
17676 margin-left: 5px;
17677 }
17678 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas {
17679 width: 100%;
17680 }
17681 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17682 width: 50%;
17683 float: left;
17684 }
17685 .vbo-reportwidget-ratesoverv #vbo-report-chart-canvas {
17686 width: 100% !important;
17687 }
17688 .vbo-modal-overlay-block .vbo-modal-overlay-content {
17689 width: 95%;
17690 }
17691 .vbo-admin-container > div:not([id^="jmodal"]) {
17692 flex: 100%;
17693 margin-left: 0 !important;
17694 margin-right: 0 !important;
17695 }
17696 .vbo-admin-container .adminform {
17697 margin: 10px 0;
17698 }
17699 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17700 margin: 8px;
17701 }
17702 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17703 width: calc(33% - 80px);
17704 }
17705 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17706 width: calc(100% - 80px);
17707 }
17708 .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
17709 -webkit-transform: rotate(-2deg);
17710 -o-transform: rotate(-2deg);
17711 -moz-transform: rotate(-2deg);
17712 }
17713 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
17714 width: calc(100% - 100px);
17715 -o-transform: rotate(0);
17716 -webkit-transform: rotate(0);
17717 -moz-transform: rotate(0);
17718 }
17719 .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 {
17720 display: block;
17721 margin-bottom: 2px;
17722 margin-right: 0;
17723 }
17724 }
17725 @media screen and (max-width: 1500px) and (min-width: 760px) {
17726 .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th {
17727 white-space: initial;
17728 }
17729 }
17730 @media screen and (max-width: 1400px) {
17731 .vbo-quickres-wrapper, .vbo-avcalendars-wrapper {
17732 width: 100%;
17733 float: none;
17734 box-sizing: border-box;
17735 }
17736 .vbo-bookingdet-summary-roomnum {
17737 display: block;
17738 }
17739 .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date {
17740 white-space: initial;
17741 display: flex;
17742 }
17743 .vbo-bookingslist-viewdet-fulldate {
17744 white-space: nowrap;
17745 }
17746 .vbo-bookingslist-viewdet-open {
17747 margin-left: 10px;
17748 order: 2;
17749 }
17750 .vbo-dashboard-today-bookings {
17751 flex-basis: 60%;
17752 }
17753 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas {
17754 justify-content: left;
17755 }
17756 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
17757 flex-basis: 50%;
17758 }
17759 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17760 width: 100%;
17761 }
17762 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list {
17763 margin-left: 0;
17764 }
17765 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit {
17766 float: none;
17767 margin-bottom: 10px;
17768 }
17769 .vbo-editbooking-room-services .vbo-editbooking-room-service {
17770 flex: 0 0 33%;
17771 }
17772 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker {
17773 align-self: end;
17774 margin-bottom: 0;
17775 }
17776 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights {
17777 flex-grow: 1;
17778 flex-wrap: wrap;
17779 margin-bottom: 0;
17780 }
17781 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label {
17782 display: block;
17783 flex-basis: 100%;
17784 margin-bottom: 5px;
17785 }
17786 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
17787 width: 35vw;
17788 }
17789 }
17790 @media screen and (max-width: 1400px) and (min-width: 1320px) {
17791 #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
17792 width: 100% !important;
17793 margin-bottom: 3px;
17794 }
17795 }
17796 @media screen and (max-width: 1380px) {
17797 #filter-bar {
17798 height: auto !important;
17799 }
17800 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
17801 width: auto;
17802 display: block;
17803 margin: 3px;
17804 }
17805 .vbadmincaltable td {
17806 padding: 5px 0 !important;
17807 }
17808 .vbo-ratesoverview-roomsel-block > form {
17809 flex-wrap: wrap;
17810 }
17811 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
17812 flex-basis: 100%;
17813 border-right: 0;
17814 border-bottom: 1px solid var(--vbo-config-border-color);
17815 border-radius: 0;
17816 }
17817 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc {
17818 border: 0;
17819 flex-basis: min-content;
17820 }
17821 .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner {
17822 border: 1px solid var(--vbo-config-border-color);
17823 border-radius: 16px;
17824 padding: 20px;
17825 }
17826 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
17827 width: 50%;
17828 }
17829 #vbo-report-chart-canvas {
17830 width: 82%;
17831 }
17832 .vbo-ratesoverview-roomsel-entry-forecast {
17833 flex-grow: inherit;
17834 }
17835 .vbo-menu-ul .vbo-menu-parent-li > span {
17836 padding: 13px 18px;
17837 }
17838 .vbo-menu-parent-li > span a {
17839 display: none;
17840 }
17841 .vbo-menu-parent-li > span > i {
17842 margin: 0;
17843 }
17844 .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 {
17845 flex-basis: 100%;
17846 }
17847 .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 {
17848 width: 100%;
17849 }
17850 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime {
17851 margin-left: 0;
17852 }
17853 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
17854 width: 100% !important;
17855 }
17856 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
17857 display: flex;
17858 }
17859 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
17860 flex: 1;
17861 }
17862 .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
17863 margin-left: 5px;
17864 }
17865 .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container {
17866 max-width: 150px;
17867 }
17868 }
17869 @media screen and (max-width: 1320px) {
17870 .vbo-admin-container > div {
17871 flex: 100%;
17872 }
17873 .vbo-admin-container .adminform {
17874 margin: 10px 0;
17875 }
17876 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
17877 margin: 8px;
17878 }
17879 .vbo-admin-container .vbo-param-container .vbo-param-label {
17880 flex-basis: 250px;
17881 }
17882 .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label {
17883 flex-basis: 100%;
17884 }
17885 .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child {
17886 margin: 10px 0px 0;
17887 }
17888 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child {
17889 margin-top: 0;
17890 margin-left: 5px;
17891 width: auto;
17892 }
17893 .vbo-roomentries-cont {
17894 width: 210px;
17895 }
17896 .vbo-ratesoverview-roomsel-entry-forecast > label {
17897 margin-left: 20px;
17898 margin-top: 20px;
17899 }
17900 .vbo-config-tabs-wrap dl.tabs dt {
17901 padding: 5px 15px;
17902 }
17903 .vbo-config-maintab-top {
17904 flex-wrap: wrap;
17905 }
17906 .vbo-config-maintab-top .vbo-config-fieldset-large {
17907 flex-basis: 100%;
17908 }
17909 .vbo-config-maintab-top .adminform.vbo-config-fieldset-small {
17910 margin-left: 0;
17911 }
17912 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
17913 flex-basis: 100%;
17914 }
17915 .vbo-admin-widgets-section .vbo-admin-widgets-container-small {
17916 flex-basis: calc(50% - 12px);
17917 max-width: 50%;
17918 }
17919 #filter-bar .pull-left {
17920 margin-bottom: 10px;
17921 }
17922 /* @WPonly
17923 * The black background of the modal has been disabled in smartphones and tablets.
17924 * 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.
17925 */
17926 .modal-backdrop.fade.in {
17927 display: none;
17928 }
17929 }
17930 @media screen and (max-width: 1520px) and (min-width: 1280px) {
17931 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
17932 display: block;
17933 width: 100%;
17934 }
17935 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17936 width: 100%;
17937 display: block;
17938 margin-top: 5px;
17939 }
17940 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
17941 display: inline-block;
17942 width: 90%;
17943 }
17944 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] {
17945 width: 100% !important;
17946 box-sizing: border-box;
17947 height: auto;
17948 }
17949 }
17950 @media screen and (max-width: 1290px) {
17951 .vbo-dashboard-today-bookings {
17952 flex-basis: 100%;
17953 }
17954
17955 .vbo-bookdet-splitstay-details > div > span {
17956 display: block;
17957 border-right: 0;
17958 border-bottom: 1px solid var(--vbo-basic-btn);
17959 }
17960 .vbo-bookdet-splitstay-details > div > span:last-child {
17961 border-bottom: 0;
17962 }
17963 }
17964 @media screen and (max-width: 1280px) {
17965 .vbo-menu-parent-li > span {
17966 padding: 18px 17px;
17967 }
17968 .vbo-menu-parent-li > span::after {
17969 right: 6px;
17970 }
17971 .vbo-avcalendars-wrapper .vbo-calendar-cals-container {
17972 margin-top: 20px;
17973 }
17974 .vbo-config-maintab-left .adminform:only-child {
17975 padding: 15px 20px;
17976 margin: 0px;
17977 }
17978 .vbo-insertrates-bottom .vbo-ratestable-newprice-name {
17979 display: inherit;
17980 width: auto;
17981 }
17982 .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
17983 width: auto;
17984 display: inline-block;
17985 margin-left: auto;
17986 }
17987 .vbo-checkin-main-block .vbo-roomsdet-container {
17988 flex-basis: 100%;
17989 margin: 0 0 10px;
17990 }
17991 .vbo-checkin-main-block .vbo-checkin-payment-container {
17992 flex-basis: 100%;
17993 box-sizing: border-box;
17994 }
17995 .vbo-graph-top-right, .vbo-graph-bottom-right {
17996 flex-basis: 20%;
17997 }
17998 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
17999 flex-basis: 100%;
18000 }
18001 .vbo-stats-topform .pull-left {
18002 display: block;
18003 float: none;
18004 margin-bottom: 5px;
18005 }
18006 .vbo-stats-topform #filter-bar .pull-right {
18007 float: right;
18008 margin-left: 5px;
18009 }
18010 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
18011 flex-basis: 100%;
18012 }
18013 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
18014 margin: 0 0 10px;
18015 }
18016 .vbo-report-layout-type .vbo-report-layout-type-inner {
18017 margin-right: 10px;
18018 }
18019 .vbo-report-sheetnchart {
18020 flex-wrap: wrap;
18021 }
18022 .vbo-report-sheetnchart .vbo-report-sheet {
18023 flex-basis: 100%;
18024 margin-right: 0;
18025 }
18026 .vbo-reports-filters-outer .vbo-reports-filters-export {
18027 display: block;
18028 width: 100%;
18029 float: none;
18030 margin-top: 5px;
18031 }
18032 .vbo-reports-filters-outer > div {
18033 margin: 3px;
18034 }
18035 .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div {
18036 margin-right: 0;
18037 }
18038 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner {
18039 padding: 10px 20px;
18040 }
18041 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl {
18042 margin-bottom: 5px;
18043 }
18044 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main {
18045 font-size: 22px;
18046 }
18047 .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands {
18048 margin-right: 0;
18049 }
18050 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
18051 display: block !important;
18052 }
18053 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
18054 flex-basis: 50%;
18055 }
18056 .vbo-admin-widgets-container-large .vbo-dashboard-chart-container {
18057 flex-basis: calc(100% - 16px);
18058 }
18059 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
18060 flex-basis: 100%;
18061 }
18062 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
18063 flex: initial;
18064 width: 100%;
18065 }
18066 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18067 flex: 1;
18068 }
18069 .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 {
18070 width: 100% !important;
18071 }
18072 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
18073 flex-wrap: wrap;
18074 }
18075 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18076 align-self: end;
18077 }
18078 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
18079 width: auto;
18080 align-self: end;
18081 }
18082 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input {
18083 width: 110px !important;
18084 }
18085 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
18086 width: auto !important;
18087 }
18088 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div {
18089 flex: initial;
18090 }
18091 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
18092 flex: 1;
18093 }
18094 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
18095 width: 80px !important;
18096 }
18097 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn {
18098 width: 100%;
18099 }
18100 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input {
18101 margin-top: 0;
18102 }
18103 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
18104 margin-left: 5px;
18105 }
18106 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply {
18107 display: block;
18108 margin-top: 5px;
18109 }
18110 .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn {
18111 margin-left: 0;
18112 }
18113 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label {
18114 display: block;
18115 }
18116 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
18117 width: 100%;
18118 }
18119 .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap {
18120 width: 100%;
18121 }
18122 .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner {
18123 grid-template-columns: repeat(1, 1fr);
18124 }
18125 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input {
18126 flex-grow: 1;
18127 }
18128 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights {
18129 flex-grow: 0;
18130 }
18131 .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 {
18132 margin: 5px 0 0;
18133 width: 100%;
18134 }
18135 .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 {
18136 width: 20px;
18137 margin-right: 8px;
18138 }
18139 .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 {
18140 width: 20px;
18141 height: 20px;
18142 line-height: 20px;
18143 margin-right: 8px;
18144 font-size: 10px;
18145 }
18146 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main {
18147 display: flex;
18148 }
18149 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev {
18150 margin-right: 3px;
18151 }
18152 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary {
18153 width: 100%;
18154 margin-left: 0;
18155 }
18156 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter {
18157 flex: 1;
18158 }
18159 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input {
18160 width: 100% !important;
18161 }
18162 .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 {
18163 flex: initial;
18164 }
18165 .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 {
18166 float: none;
18167 margin: 10px 15px 0px 10px;
18168 }
18169 .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 {
18170 flex-basis: 100%;
18171 }
18172 .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 {
18173 width: 100%;
18174 float: none;
18175 }
18176 .vbo-admin-widget-head .btn-toolbar {
18177 margin: 10px 15px 10px 10px;
18178 }
18179 .vbo-ratesoverview-period-boxes-inner > div {
18180 flex-basis: 100%;
18181 }
18182 }
18183 @media screen and (max-width: 1080px) {
18184 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
18185 order:2;
18186 }
18187 .vbo-ratesoverview-period-container {
18188 -ms-flex: 100%;
18189 -webkit-flex: 100%;
18190 flex: 100%;
18191 order:1;
18192 margin-bottom: 5px;
18193 }
18194 #filter-bar .pull-right {
18195 display: inline-block;
18196 float: none;
18197 margin: 0 0 5px 0;
18198 }
18199 .btn-group.pull-right.vbo-avov-legend {
18200 width: 100%;
18201 }
18202 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18203 flex-basis: 20%;
18204 }
18205 .vbo-config-tabs-wrap dl.tabs dt {
18206 padding: 10px;
18207 }
18208 #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li {
18209 flex-basis: 45%;
18210 }
18211 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18212 width: 100%;
18213 }
18214 .vbo-admin-widgets-section .vbo-admin-widgets-container-large {
18215 flex-basis: 100%;
18216 }
18217 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
18218 flex-basis: 100%;
18219 height: 100px;
18220 }
18221 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] {
18222 flex-basis: calc((50% - (16px / 2)));
18223 }
18224 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] {
18225 flex-basis: calc((50% - (24px / 3)));
18226 }
18227 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] {
18228 flex-basis: calc((25% - (16px / 2)));
18229 }
18230 .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] {
18231 flex-basis: calc((25% - (24px / 3)));
18232 }
18233 .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
18234 flex: 1;
18235 }
18236 #filter-bar .btn-group.pull-right {
18237 float: left;
18238 }
18239 .vbo-translations-element-row {
18240 flex-wrap: wrap;
18241 }
18242 .vbo-translations-element-row .vbo-translations-element-lbl {
18243 flex-basis: 100%;
18244 margin-bottom: 15px;
18245 margin-right: 0;
18246 }
18247 fieldset.adminform .vbo-list-table-rounded {
18248 max-width: 700px;
18249 }
18250 .vbo-bookingdet-customer, .vbo-bookingdet-admindata {
18251 -webkit-flex: 100%;
18252 -ms-flex: 100%;
18253 flex: 100%;
18254 }
18255 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
18256 width: 45%;
18257 display: inline-block;
18258 }
18259 }
18260 @media screen and (max-width: 1024px) {
18261 .vbo-graph-top-left, .vbo-graph-bottom-left {
18262 margin-right: 0;
18263 margin-bottom: 20px;
18264 }
18265 .vbo-graph-top-right, .vbo-graph-bottom-right {
18266 flex-basis: 100%;
18267 }
18268 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
18269 flex-basis: 50%;
18270 }
18271 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
18272 margin-bottom: 15px;
18273 margin-right: 5px;
18274 }
18275 .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates {
18276 display: inline-block !important;
18277 padding-right: 0;
18278 }
18279 .vbo-ratesoverview-roomsel-entry-forecast {
18280 flex-basis: 100%;
18281 }
18282 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
18283 width: 33%;
18284 }
18285 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart {
18286 padding-bottom: 0;
18287 }
18288 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
18289 width: 120px !important;
18290 flex-grow: 0;
18291 }
18292 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18293 flex-grow: 0;
18294 flex-basis: auto;
18295 }
18296 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
18297 width: 80px !important;
18298 flex-grow: 0;
18299 }
18300 .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 {
18301 flex-grow: 1;
18302 }
18303 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18304 margin-left: 8px;
18305 }
18306 .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit {
18307 margin-bottom: 0;
18308 }
18309 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal,
18310 #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal {
18311 margin-top: 5px;
18312 }
18313 }
18314 @media screen and (max-width: 960px) {
18315 .vbo-config-tabs-wrap dl.tabs dt {
18316 padding: 10px 20px;
18317 }
18318 .vbo-menu-parent-li > span::after {
18319 right: 11px;
18320 }
18321 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18322 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18323 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
18324 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18325 width: calc(100% - 80px);
18326 }
18327 .vbo-admin-widgets-section .vbo-admin-widgets-container-medium {
18328 flex-basis: 100%;
18329 }
18330 .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message {
18331 flex-basis: 100%;
18332 margin: 5px 0 0;
18333 }
18334 .add-tax-breakdown-cont div span {
18335 margin-bottom: 5px;
18336 }
18337 .select2-container--default .select2-search--inline .select2-search__field {
18338 -webkit-appearance: initial !important;
18339 }
18340 .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 {
18341 margin: 0px 15px 0px 10px;
18342 }
18343 .vbo-bookingdet-noteslogs-btn a {
18344 text-transform: initial;
18345 padding: 10px;
18346 font-size: 12px;
18347 }
18348 }
18349 @media screen and (max-width: 1280px) and (min-width: 860px) {
18350 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
18351 width: calc(100% - 80px);
18352 }
18353 }
18354 @media screen and (max-width: 940px) {
18355 .vbo-rmphotos-cont {
18356 float: none;
18357 margin: 0 0 10px;
18358 }
18359 #editor-xtd-buttons .btn {
18360 margin:5px 5px 0 0 !important;
18361 }
18362 .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs {
18363 margin: 10px 0 0;
18364 }
18365 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
18366 flex-basis: 100%;
18367 box-sizing: border-box;
18368 }
18369 .vbo-checkin-payment-container {
18370 -ms-flex: 100%;
18371 -webkit-flex: 100%;
18372 flex: 100%;
18373 margin-left: 0;
18374 }
18375 .vbo-checkin-payment-container {
18376 padding: 10px 15px;
18377 }
18378 #vbo-graphstats-right-legend ul.pie-legend li,
18379 #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li {
18380 -ms-flex: 0 0 30%;
18381 -webkit-flex: 0 0 30%;
18382 flex: 0 0 30%;
18383 }
18384 .vbo-calendar-cfields-inner {
18385 box-sizing: border-box;
18386 }
18387 .vbo-info-overlay-content {
18388 width: 70%;
18389 }
18390 .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim {
18391 display: block !important;
18392 margin-top: 5px;
18393 margin-left: 0;
18394 }
18395 #pt5 .vbo-admin-container .vbo-param-container {
18396 flex-wrap: wrap;
18397 }
18398 #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label {
18399 flex-basis: 100%;
18400 font-weight: bold;
18401 }
18402 .vbo-admin-container .vbo-param-container .vbo-param-label label {
18403 margin-bottom: 0;
18404 }
18405 .vbo-sortable .vbimagedetbox {
18406 right: 0;
18407 left: 0;
18408 }
18409 .vbo-sortable .vbimagedetbox .captionlabel {
18410 width: 100%;
18411 }
18412 .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] {
18413 width: 100% !important;
18414 height: auto;
18415 box-sizing: border-box;
18416 }
18417 .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] {
18418 width: auto !important;
18419 }
18420 .vbo-dashboard-top-outer {
18421 display: inherit;
18422 }
18423 .vbo-dashboard-today-bookings {
18424 display: inherit;
18425 }
18426 .vbo-dashboard-today-bookings > div {
18427 margin-right: 0;
18428 }
18429 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
18430 width: 100%;
18431 }
18432 .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive {
18433 border: 0;
18434 }
18435 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
18436 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
18437 .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
18438 width: 100%;
18439 min-width: 100%;
18440 }
18441 .vbo-list-form-filters form[name="seasonsform"] > div {
18442 margin: 3px 10px 3px 0;
18443 }
18444 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
18445 width: 80vw;
18446 }
18447 .vbo-sidepanel-container .vbo-sidepanel-dismiss span {
18448 padding: 4px 10px;
18449 border: 1px solid #666;
18450 }
18451 .vbo-notifications-center-wrap {
18452 width: 60vw;
18453 }
18454 }
18455 @media screen and (max-width: 860px) {
18456 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap {
18457 padding: 12px 0;
18458 }
18459 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
18460 flex: 33%;
18461 flex-basis: inherit !important;
18462 }
18463 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head {
18464 border: 0;
18465 padding: 5px 15px 0;
18466 font-size: 11px;
18467 text-transform: uppercase;
18468 }
18469 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot {
18470 padding-top: 0;
18471 }
18472 .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew {
18473 height: 100px;
18474 }
18475 .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input {
18476 width: auto !important;
18477 }
18478 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
18479 width: calc(33% - 20px);
18480 }
18481 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
18482 flex-basis: calc(50% - 34px);
18483 }
18484 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
18485 width: calc(33% - 15px);
18486 }
18487 .vbo-bookingdet-noteslogs-btn .vbo-bookingdet-admintab-lbl {
18488 display: none;
18489 }
18490 }
18491 @media screen and (max-width: 780px) {
18492 .vbo-bookingdet-summary, .vbo-editbooking-summary {
18493 padding-top: 0 !important;
18494 }
18495 .vbo-trackings-table-head {
18496 display: none;
18497 }
18498 .vbo-trackings-table-body-hidden-lbl {
18499 display: block;
18500 font-weight: bold;
18501 text-transform: uppercase;
18502 margin-bottom: 7px;
18503 color: var(--vbo-config-titles-color-light);
18504 }
18505 .vbo-trackings-table-body-cell {
18506 padding: 5px 10px;
18507 text-align: left !important;
18508 }
18509 .vbo-trackings-table-cell-id {
18510 flex: 0 0 33px !important;
18511 }
18512 .vbo-trackings-chart-avgval-listcont > div {
18513 flex-basis: 40%;
18514 }
18515 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
18516 flex: 50%;
18517 }
18518 .vbo-ratesoverview-roomsel-block > form {
18519 flex-wrap: wrap;
18520 }
18521 .vbo-ratesoverview-roomsel-entry {
18522 flex-basis: 100%;
18523 border: 0;
18524 border-bottom: 1px solid var(--vbo-config-border-color);
18525 }
18526 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms {
18527 border-right: 0;
18528 }
18529 .vbo-ratesoverview-roomsel-entry-los {
18530 border: 0;
18531 }
18532 .vbo-ratesoverview-period-box-cals-inner {
18533 width: 100%;
18534 }
18535 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd {
18536 width: 100%;
18537 margin-top: 10px;
18538 background: var(--vbo-config-child-bg-color);
18539 padding: 10px;
18540 box-sizing: border-box;
18541 }
18542 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
18543 width: 100%;
18544 }
18545 .vbo-admin-widgets-section .vbo-admin-widgets-container {
18546 max-width: 100%;
18547 flex-basis: 100%;
18548 }
18549 .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 {
18550 max-width: 100%;
18551 flex-basis: 100%;
18552 }
18553 .vbo-calendar-cfields-inner {
18554 grid-template-columns: repeat(1, auto);
18555 }
18556 }
18557 @media screen and (max-width: 767px) {
18558 .table-responsive, .vbo-table-responsive {
18559 width: 100%;
18560 margin-bottom: 15px;
18561 overflow-y: hidden;
18562 -ms-overflow-style: -ms-autohiding-scrollbar;
18563 border: 1px solid var(--vbo-config-border-color);
18564 }
18565 .table-responsive > .table, .vbo-table-responsive > .vbo-table {
18566 margin-bottom: 0;
18567 }
18568 .table-responsive > .table > thead > tr > th,
18569 .table-responsive > .table > tbody > tr > th,
18570 .table-responsive > .table > tfoot > tr > th,
18571 .table-responsive > .table > thead > tr > td,
18572 .table-responsive > .table > tbody > tr > td,
18573 .table-responsive > .table > tfoot > tr > td {
18574 white-space: nowrap;
18575 }
18576 .table-responsive > .table-bordered {
18577 border: 0;
18578 }
18579 .table-responsive > .table-bordered > thead > tr > th:first-child,
18580 .table-responsive > .table-bordered > tbody > tr > th:first-child,
18581 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
18582 .table-responsive > .table-bordered > thead > tr > td:first-child,
18583 .table-responsive > .table-bordered > tbody > tr > td:first-child,
18584 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
18585 border-left: 0;
18586 }
18587 .table-responsive > .table-bordered > thead > tr > th:last-child,
18588 .table-responsive > .table-bordered > tbody > tr > th:last-child,
18589 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
18590 .table-responsive > .table-bordered > thead > tr > td:last-child,
18591 .table-responsive > .table-bordered > tbody > tr > td:last-child,
18592 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
18593 border-right: 0;
18594 }
18595 .table-responsive > .table-bordered > tbody > tr:last-child > th,
18596 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
18597 .table-responsive > .table-bordered > tbody > tr:last-child > td,
18598 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
18599 border-bottom: 0;
18600 }
18601 #jmodal-vbo-new-res {
18602 left: 50%;
18603 transform: translate(-50%, -50%);
18604 margin-left: 0 !important;
18605 }
18606 }
18607 @media screen and (max-width : 740px) {
18608 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
18609 width: 100%;
18610 float: none;
18611 margin: 5px 0;
18612 }
18613 .vbo-info-overlay-content {
18614 width: 80%;
18615 overflow-y: scroll;
18616 }
18617 .vbo-bookingdet-summary, .vbo-editbooking-summary {
18618 flex: auto;
18619 width: 100%;
18620 box-sizing: border-box;
18621 }
18622 .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper {
18623 flex: auto;
18624 width: 94%;
18625 box-sizing: border-box;
18626 }
18627 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container {
18628 flex-wrap: wrap;
18629 }
18630 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label {
18631 flex-basis: 100%;
18632 font-weight: bold;
18633 }
18634 #vbmessagingdiv {
18635 flex-basis: 150px;
18636 }
18637 .vbo-menu-left {
18638 display: none;
18639 }
18640 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
18641 flex-basis: calc(50% - 34px);
18642 }
18643 .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 {
18644 display: block;
18645 margin-right: 0;
18646 margin-bottom: 4px;
18647 }
18648 fieldset.adminform .vbo-list-table-rounded {
18649 max-width: 600px;
18650 }
18651 }
18652 @media screen and (max-width : 680px) {
18653 .vbo-preferred-countries-sortlist {
18654 max-width: 100%;
18655 width: 100%;
18656 }
18657 .vbo-ebusy-extracosts-cellname input {
18658 max-width: 100px;
18659 }
18660 .vbo-ebusy-extracosts-celltax select {
18661 max-width: 100px;
18662 }
18663 #vbo-graphstats-right-canv {
18664 width: 100% !important;
18665 height: auto !important
18666 }
18667 .vbo-tracking-info-details > div {
18668 padding: 10px;
18669 }
18670 .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont,
18671 .vbo-tracking-info-details > .vbo-tracking-info-party-cont {
18672 flex: 1;
18673 }
18674 #filter-bar.vbo-trackings-filters .pull-right {
18675 display: block;
18676 }
18677 #breakdown-cont {
18678 display: block;
18679 width: 100%;
18680 }
18681 .add-tax-breakdown-cont div span {
18682 margin-bottom: 5px;
18683 }
18684 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
18685 width: 90%;
18686 }
18687 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
18688 flex-basis: 40%;
18689 }
18690 .vbo-admin-container .vbo-param-container {
18691 flex-wrap: wrap;
18692 }
18693 .vbo-admin-container .vbo-param-container .vbo-param-label {
18694 margin-right: 0;
18695 flex-basis: 100%;
18696 }
18697 .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 {
18698 width: 100% !important;
18699 }
18700 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
18701 width: auto !important;
18702 }
18703 .vbo-admin-container .vbo-param-container .vbo-param-label {
18704 font-size: 13px;
18705 font-weight: bold;
18706 }
18707 .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 {
18708 width: 100% !important;
18709 max-width: inherit !important;
18710 height: auto;
18711 box-sizing: border-box;
18712 }
18713 .vbo-admin-container .vbo-param-container .vbo-param-setting {
18714 display: flex;
18715 flex-wrap: wrap;
18716 }
18717 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block {
18718 width: 100%;
18719 }
18720 input[type="number"].vbo-small-input {
18721 width: 80px !important;
18722 }
18723 .vbo-admin-container .vbo-param-container.vbo-param-nested {
18724 flex-wrap: wrap;
18725 }
18726 .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label {
18727 flex-basis: 100%;
18728 }
18729 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos {
18730 width: 100%;
18731 margin: 5px 0;
18732 }
18733 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv {
18734 width: 100%;
18735 }
18736 .vbo-admin-container .vbo-param-container.vbo-param-child {
18737 margin-top: -15px;
18738 }
18739 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap {
18740 margin: 0;
18741 padding: 0;
18742 }
18743 .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select {
18744 width: 100% !important;
18745 }
18746 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"],
18747 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"],
18748 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] {
18749 width: auto !important;
18750 margin-right: 5px;
18751 }
18752 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] {
18753 flex: 1;
18754 flex-grow: 0;
18755 flex-basis: 130px;
18756 }
18757 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] {
18758 margin-left: 10px;
18759 }
18760 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] {
18761 margin: 0 0 0 5px;
18762 width: auto !important;
18763 }
18764 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides {
18765 margin-bottom: 0;
18766 }
18767 .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn {
18768 height: 30px;
18769 }
18770 .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] {
18771 margin-bottom: 5px !important;
18772 }
18773 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] {
18774 margin-bottom: 5px;
18775 }
18776 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"],
18777 .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] {
18778 width: 90px !important;
18779 }
18780 #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm {
18781 margin-left: 10px;
18782 }
18783 .vbo-admin-container .vbo-param-container {
18784 margin: 15px 0;
18785 }
18786 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] {
18787 width: 120px !important;
18788 }
18789 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select {
18790 width: auto !important;
18791 }
18792 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input,
18793 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
18794 width: 120px !important;
18795 }
18796 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"],
18797 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] {
18798 margin-right: 10px;
18799 }
18800 .vbo-admin-container .adminform {
18801 padding: 15px 20px;
18802 }
18803 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline {
18804 margin: 8px 0 0 50px;
18805 }
18806 #vbo-row-custcost .vbo-param-setting input {
18807 width: auto !important;
18808 }
18809 .vbo-ratesoverview-period-box-cals-inner {
18810 padding: 10px;
18811 }
18812 .vbo-ratesoverview-period-box-cals-inner > div {
18813 display: block;
18814 margin: 10px;
18815 width: auto;
18816 }
18817 .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left {
18818 width: auto;
18819 padding-right: 0;
18820 border: 0;
18821 box-sizing: border-box;
18822 margin-bottom: 20px;
18823 }
18824 .vbo-ratesoverview-period-box-cals-inner > div > h4 {
18825 text-align: center;
18826 text-transform: capitalize;
18827 font-size: 16px;
18828 }
18829 .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker {
18830 width: 100%;
18831 box-sizing: border-box;
18832 }
18833 .vbo-ratesoverview-period-box-cals-inner > div .hasDatepicker {
18834 border-radius: 4px;
18835 border: 1px solid var(--vbo-config-border-color);
18836 }
18837 .vbo-tariffs-params-container .vbo-param-setting form {
18838 width: 100%;
18839 }
18840 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name {
18841 display: block;
18842 width: 100%;
18843 font-weight: bold;
18844 }
18845 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost {
18846 display: flex;
18847 margin: 5px 0 0;
18848 width: 100%;
18849 }
18850 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency {
18851 align-self: center;
18852 margin-right: 5px;
18853 }
18854 .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount {
18855 flex: 1;
18856 }
18857 .vbo-bookdet-container .vbo-bookdet-wrap {
18858 width: 45%;
18859 border: 0;
18860 padding-right: 0;
18861 }
18862 .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry {
18863 flex-basis: 100% !important;
18864 }
18865 .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num {
18866 display: block;
18867 font-weight: bold;
18868 }
18869 .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select {
18870 width: 100% !important;
18871 max-width: 100% !important;
18872 }
18873 .vbo-dashboard-refresh-container {
18874 margin: 0px auto 0;
18875 float: none;
18876 display: table;
18877 }
18878 .vbo-modal-overlay-block .vbo-modal-overlay-content {
18879 width: 80%;
18880 }
18881 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
18882 width: calc(50% - 20px);
18883 }
18884 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
18885 width: calc(50% - 10px);
18886 }
18887
18888 .popover.right {
18889 left: 0 !important;
18890 border-right-width: 0 !important;
18891 border-left-color: #999 !important;
18892 border-left-color: rgba(0,0,0,0.25) !important;
18893 right: 0 !important;
18894 left: 7% !important;
18895 }
18896 .popover.right .arrow {
18897 top: 50% !important;
18898 margin-top: -11px !important;
18899 border-right-width: 0 !important;
18900 border-left-color: #999 !important;
18901 border-left-color: rgba(0,0,0,0.25) !important;
18902 right: 0 !important;
18903 }
18904 .popover.right .arrow:after {
18905 left: 1px !important;
18906 border-right-width: 0 !important;
18907 border-right-color: #fff !important;
18908 }
18909 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
18910 min-width: 200px;
18911 max-width: 200px;
18912 white-space: nowrap;
18913 overflow: hidden;
18914 text-overflow: ellipsis;
18915 }
18916 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
18917 white-space: nowrap;
18918 overflow: hidden;
18919 text-overflow: ellipsis;
18920 width: 130px;
18921 display: inline-block;
18922 }
18923 .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc {
18924 box-sizing: border-box;
18925 width: 100%;
18926 }
18927 .vbo-dashboard-today-roomocc-customers {
18928 border: 0;
18929 }
18930 .wp-editor-container .quicktags-toolbar input[type="button"] {
18931 width: auto !important;
18932 }
18933 .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 {
18934 width: 100%;
18935 }
18936 .vbo-config-gr-services {
18937 width: 100%;
18938 }
18939 .vbo-config-gr-services .vbo-config-gr-service {
18940 display: flex;
18941 }
18942 .vbo-config-gr-services .vbo-config-gr-service span:first-child {
18943 flex: 1;
18944 margin-right: 5px;
18945 }
18946 .vbo-smstpl-bgroup button.btn {
18947 margin: 2px !important;
18948 }
18949 .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control {
18950 width: 100%;
18951 }
18952 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
18953 flex-basis: calc(50% - 38px);
18954 }
18955 .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] {
18956 width: auto !important;
18957 }
18958 .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select {
18959 width: auto !important;
18960 }
18961 .vbo-tariffs-params-container .vbo-param-setting {
18962 margin-top: 30px;
18963 }
18964 .vbo-params-container .vbo-param-setting input[name="diffcost"] {
18965 width: auto !important;
18966 }
18967 .vbo-params-container .vbo-param-setting select#val_pcent {
18968 width: auto !important;
18969 }
18970 .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] {
18971 width: 100px !important;
18972 }
18973 .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] {
18974 width: 130px !important;
18975 }
18976 .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] {
18977 width: auto !important;
18978 }
18979 #vbo-row-people .vbo-param-setting select {
18980 width: auto !important;
18981 }
18982 #vbo-close-all-rooms-sel {
18983 width: 100%;
18984 }
18985 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
18986 flex-grow: 1;
18987 }
18988 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar,
18989 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar {
18990 width: 100%;
18991 margin-bottom: 5px;
18992 }
18993 .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 {
18994 width: 100% !important;
18995 flex-grow: 1;
18996 }
18997 .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
18998 margin-left: 0;
18999 }
19000 .vbo-param-confirm-btn .btn {
19001 width: 100%;
19002 }
19003 .vbo-review-json-entry {
19004 width: 50%;
19005 }
19006 }
19007 @media screen and (max-width : 640px) {
19008 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
19009 flex-basis: 50%;
19010 }
19011 .vbo-calcrates-rateblock > span {
19012 width: 20%;
19013 margin: 5px 10px 5px 0;
19014 }
19015 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
19016 widows: 50%;
19017 }
19018 .vbo-calcrates-rateblock > span {
19019 width: 35%;
19020 }
19021 .vbo-calcrates-rateblock .vbo-room-booknow-rct {
19022 width: 100%;
19023 margin-top: 10px;
19024 }
19025 .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task {
19026 flex-basis: 100%;
19027 }
19028 .vbo-config-maintab-right-halfsize .vbo-condtext-rule {
19029 flex-basis: 100%;
19030 }
19031 .vbrestrdrangesp {
19032 display: block;
19033 margin-bottom: 4px;
19034 }
19035 .vbrestrdrangesp + .wp-calendar-box {
19036 margin-right: 5px;
19037 }
19038 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail {
19039 width: 100%;
19040 }
19041 .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val {
19042 width: 100%;
19043 }
19044 .vbo-checkin-custdet-entry {
19045 margin-bottom: 10px;
19046 display: inline-block;
19047 width: 100%;
19048 margin: 5px;
19049 vertical-align: top;
19050 }
19051 .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter {
19052 flex-basis: 100% !important;
19053 }
19054 .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 {
19055 width: 100%;
19056 }
19057 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time {
19058 margin-left: 0;
19059 }
19060 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select {
19061 flex: 1;
19062 }
19063 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
19064 display: flex;
19065 }
19066 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
19067 flex: 1;
19068 }
19069 .vbo-overlay-fests-addnew-elem input[type="text"] {
19070 width: 100% !important;
19071 }
19072 .vbo-overlay-fests-addnew-save .btn-success {
19073 width: 100% !important;
19074 }
19075 .vbo-dashboard-today-occ-listcont {
19076 width: 100%;
19077 box-sizing: border-box;
19078 }
19079 fieldset.adminform .vbo-list-table-rounded {
19080 max-width: 500px;
19081 }
19082 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save {
19083 flex-basis: 100%;
19084 }
19085 .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn {
19086 width: 100%;
19087 }
19088 }
19089 @media screen and (max-width : 580px) {
19090 .vbo-calendar-cfields-search {
19091 width: 100%;
19092 width: 100%;
19093 background: var(--vbo-main-bg-color);
19094 padding: 10px 15px;
19095 float: none;
19096 margin-bottom: 10px;
19097 box-sizing: border-box;
19098 border: 1px solid var(--vbo-config-border-color);
19099 }
19100 .vbo-calendar-cfields-search input {
19101 margin-bottom: 0;
19102 }
19103 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search {
19104 margin-right: 0;
19105 }
19106 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust {
19107 width: 100% !important;
19108 }
19109 .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry {
19110 flex: 100%;
19111 }
19112 .vbo-calendar-cfields-bottom {
19113 margin: 10px 0 15px 10px;
19114 display: flex;
19115 }
19116 .vbo-calendar-cfields-bottom .btn {
19117 flex: 1;
19118 }
19119 .vbo-calendar-cfields-bottom .btn-success {
19120 margin-left: 10px;
19121 }
19122 .vbo-ratesoverview-tabscont > div {
19123 margin: 4px 5px;
19124 }
19125 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline {
19126 margin: 5px 5px 0;
19127 }
19128 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child {
19129 width: 100%;
19130 margin: 10px 0 0;
19131 }
19132 .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate {
19133 width: 100%;
19134 }
19135 .vbo-ratesoverview-tabscont div {
19136 width: 100%;
19137 box-sizing: border-box;
19138 }
19139 .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th {
19140 white-space: inherit;
19141 }
19142 .vbo-bookingdet-admin-entry .vbo-eorder-assigncust {
19143 width: 100%;
19144 }
19145 .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input {
19146 width: 100% !important;
19147 }
19148 .vbo-bookingdet-admin-entry select {
19149 width: 100% !important;
19150 }
19151 .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn {
19152 width: 48%;
19153 }
19154 .vbo-booking-history-container td {
19155 white-space: initial !important;
19156 }
19157 .vbo-dashboard-chart-container {
19158 flex-basis: 100%;
19159 }
19160 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
19161 width: 50%;
19162 }
19163 .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
19164 .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
19165 .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li,
19166 .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
19167 width: calc(100% - 80px);
19168 }
19169 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded {
19170 width: auto;
19171 display: block;
19172 text-align: left;
19173 padding: 3px 5px;
19174 }
19175 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i {
19176 margin-right: 5px;
19177 }
19178 .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span {
19179 width: 110px;
19180 }
19181 .vbo-menu-right > .vbo-menu-ul {
19182 display: contents;
19183 }
19184 .vbo-admin-widget-head .btn-toolbar .btn-wrapper {
19185 margin-bottom: 8px;
19186 }
19187 .vbo-modal-condtext-rules .vbo-modal-condtext-rule {
19188 flex-basis: 100% !important;
19189 }
19190 .vbo-translation-tab {
19191 width: calc(50% - 29px);
19192 }
19193 .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate {
19194 width: 86%;
19195 }
19196 #alwaysavcont {
19197 flex-basis: 100%;
19198 }
19199 .vbo-tariffs-wizard-price {
19200 flex-basis: 100%;
19201 }
19202 .vbo-param-setting .vbwdaytwodiv {
19203 width: 100%;
19204 margin-top: 10px;
19205 margin-left: 0;
19206 }
19207 .vbo-roverw-setnewrate .vbo-roverw-flexnew {
19208 flex-wrap: wrap;
19209 }
19210 .vbo-roverw-setnewrate .vbo-roverw-flexnew > div {
19211 flex-basis: 100%;
19212 }
19213 .vbo-info-overlay-content .vbo-add-room-entry > div {
19214 width: 100%;
19215 margin: 5px 0;
19216 }
19217 .vbo-info-overlay-content .vbo-add-room-entry select {
19218 width: 100% !important;
19219 }
19220 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main {
19221 flex-basis: 100%;
19222 }
19223 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker {
19224 flex-grow: 0;
19225 margin-bottom: 0px;
19226 }
19227 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input {
19228 width: 100px !important;
19229 flex: 1;
19230 }
19231 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child {
19232 flex: 1;
19233 display: flex;
19234 flex-wrap: nowrap;
19235 }
19236 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label {
19237 align-self: center;
19238 margin-right: 5px;
19239 }
19240 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit {
19241 flex: 1;
19242 margin-left: 0;
19243 }
19244 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input {
19245 width: 80px !important;
19246 flex-grow: 1;
19247 }
19248 .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append {
19249 width: 100%;
19250 display: flex;
19251 }
19252 .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container {
19253 width: 90vw;
19254 }
19255 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div {
19256 flex: 1;
19257 }
19258 .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input {
19259 width: 100% !important;
19260 }
19261 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child {
19262 margin-left: 0;
19263 }
19264 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label {
19265 margin-bottom: 5px;
19266 display: inline-block;
19267 }
19268 .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button {
19269 width: 100%;
19270 }
19271 .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 {
19272 width: 100%;
19273 }
19274 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date {
19275 flex: 1;
19276 }
19277 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save {
19278 display: flex;
19279 }
19280 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button {
19281 flex: 1;
19282 }
19283 .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete {
19284 margin-left: 5px;
19285 }
19286 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate {
19287 flex-wrap: wrap;
19288 }
19289 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices {
19290 flex-wrap: wrap;
19291 }
19292 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow {
19293 flex-basis: 100%;
19294 margin-top: 5px;
19295 }
19296 .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn {
19297 width: 100%;
19298 }
19299 .vbo-quickres-head .vbo-quickres-head-right {
19300 margin-top: 10px;
19301 width: 100%;
19302 }
19303 .vbo-list-form-filters .btn-toolbar #rname {
19304 width: 200px !important;
19305 }
19306 .vbo-calcrates-rateblock > span {
19307 flex-basis: 100%;
19308 margin: 5px 0 5px 0;
19309 border-bottom: 1px solid var(--vbo-config-border-color);
19310 padding-bottom: 5px;
19311 text-align: right;
19312 }
19313 .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
19314 border: 0;
19315 }
19316 .vbo-calcrates-rateblock > .vbo-calcrates-ratename {
19317 text-align: left;
19318 }
19319 .vbo-calcrates-rateblock > span > span {
19320 float: left;
19321 }
19322 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span {
19323 font-size: 18px;
19324 }
19325 .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal {
19326 margin-right: 0;
19327 font-size: 18px;
19328 }
19329 .vbo-modal-wguestmessages-chat-info-booking .badge {
19330 margin-bottom: 2px;
19331 }
19332 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span {
19333 display: flex;
19334 }
19335 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar {
19336 flex-basis: 25px !important;
19337 flex-grow: 0 !important;
19338 }
19339 .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img {
19340 width: 25px;
19341 height: 25px;
19342 }
19343 .vbo-submenu-wrap {
19344 display: none;
19345 }
19346 .vbo-menu-ul li:hover .vbo-submenu-wrap {
19347 display: block;
19348 }
19349 .vbo-config-tabs-wrap dl.tabs dt {
19350 padding: 10px 0;
19351 width: 50%;
19352 }
19353 .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt {
19354 width: 100%;
19355 }
19356 .vbo-info-overlay-content-depovr .vbo-info-overlay-header {
19357 display: inline-block;
19358 width: 100%;
19359 }
19360 .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 {
19361 display: block;
19362 }
19363 .vbo-btn-toolbar .input-append input#code {
19364 max-width: 150px;
19365 }
19366 .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month {
19367 min-width: 180px;
19368 }
19369 .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname {
19370 width: 100%;
19371 }
19372 .vbo-info-overlay-content {
19373 height: 90%;
19374 }
19375 .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds {
19376 margin-top: 0px;
19377 }
19378 .vbo-avcalendars-roomphoto img {
19379 width: 100%;
19380 }
19381 .vbcsvexport {
19382 margin: 2px !important;
19383 }
19384 .vbo-editbooking-totrefund {
19385 margin: 10px 0 0;
19386 }
19387 .vbo-param-setting #pin + .btn.vbo-config-btn {
19388 margin: 5px 0 !important;
19389 }
19390 .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] {
19391 max-width: 100px !important;
19392 }
19393 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc {
19394 flex-basis: 100%;
19395 }
19396 .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input {
19397 border-left: 1px solid var(--vbo-config-border-color);
19398 }
19399 .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 {
19400 border-radius: 6px !important;
19401 }
19402 .vbo-notifications-center-wrap {
19403 top: 57px;
19404 right: -100px;
19405 width: 80vw;
19406 }
19407 .vbo-notifications-center-wrap:before {
19408 right: 123px;
19409 }
19410 .vbcalsblock {
19411 display: block;
19412 }
19413 }
19414 @media screen and (max-width : 550px) {
19415 .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
19416 -webkit-flex: 100%;
19417 -ms-flex: 100%;
19418 flex: 100%;
19419 }
19420 .vbo-ratesoverview-tabscont div > i {
19421 margin-bottom: 3px;
19422 }
19423 .vbo-trackings-chart-bestnights .vbo-trackings-chart-container {
19424 flex-basis: 36%;
19425 }
19426 .vbo-trackings-chart-avgvals {
19427 flex: 1;
19428 padding-right: 0;
19429 }
19430 .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] {
19431 width: 100% !important;
19432 margin-bottom: 3px;
19433 }
19434 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
19435 flex: 100%;
19436 }
19437 .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
19438 margin: 10px auto;
19439 }
19440 .vbmodelink {
19441 margin: 5px;
19442 }
19443 .vbo-graphstats-mod-containers .vbo-graphstats-mod-container {
19444 flex-basis: 100%;
19445 }
19446 .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner {
19447 margin: 0 0 10px;
19448 }
19449 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
19450 width: 100%;
19451 }
19452 .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap {
19453 flex-basis: 100%;
19454 }
19455 .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room {
19456 flex-basis: calc(100% - 34px);
19457 }
19458 fieldset.adminform .vbo-list-table-rounded {
19459 max-width: 400px;
19460 }
19461 .vbo-widget-finance-data-block-rankings {
19462 grid-template-columns: repeat(1, 1fr);
19463 }
19464 .vbo-eorder-paymentlog-buttons {
19465 display: block;
19466 }
19467 .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn {
19468 text-align: center;
19469 }
19470 }
19471 @media screen and (max-width : 500px) {
19472 .vbo-translation-tab.vbo-translation-tab-ini {
19473 float: none;
19474 }
19475 .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn {
19476 width: auto !important;
19477 }
19478 .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group {
19479 width: 100%;
19480 margin: 5px 0;
19481 }
19482 .vbo-bookdet-container .vbo-bookdet-wrap {
19483 width: auto;
19484 border-bottom: 1px solid var(--vbo-config-border-color);
19485 padding: 0 0 5px;
19486 margin: 5px;
19487 box-sizing: border-box;
19488 display: block;
19489 }
19490 .vbo-bookdet-container .vbo-bookdet-wrap:last-child {
19491 border: 0;
19492 }
19493 .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail {
19494 width: 100%;
19495 display: inline-block;
19496 margin: 5px 3px;
19497 }
19498 .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta {
19499 flex-basis: 100%;
19500 }
19501 .vbo-calcrates-rateblock > span {
19502 width: 100%;
19503 }
19504 .modal-header .box-close {
19505 padding: 0 !important;
19506 border-bottom: 0 !important;
19507 }
19508 .modal .modal-header .box-close {
19509 border-left: 0 !important;
19510 }
19511 .vbo-cal-splitstay-details {
19512 min-width: initial;
19513 width: 100%;
19514 }
19515 .vbo-cal-splitstay-details > div {
19516 grid-template-columns: repeat(1, 1fr);
19517 }
19518 .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 {
19519 border-right: 0;
19520 }
19521 }
19522
19523 /* form fieldset */
19524 .admin-form-wrapper {
19525 display: flex;
19526 flex-wrap: wrap;
19527 justify-content: space-between;
19528 }
19529 .admin-form-fieldset {
19530 width: calc(100% / 2 - 10px);
19531 }
19532 @media screen and (max-width: 1440px) {
19533 .admin-form-fieldset select {
19534 max-width: 250px !important;
19535 }
19536 }
19537 @media screen and (max-width: 1280px) {
19538 .admin-form-fieldset {
19539 width: 100%;
19540 }
19541 }
19542 /* main menu screen size adjustments */
19543 @media screen and (max-width: 1400px) {
19544 .vbo-menu-updates > button span {
19545 display: none;
19546 }
19547 }
19548 @media screen and (max-width: 1280px) {
19549 .vbo-menu-left {
19550 max-width: 100px;
19551 }
19552 }
19553
19554 /* new medias drag&drop */
19555 .vbo-dropfiles-target {
19556 padding: 5% 20px;
19557 text-align:center;
19558 border: 2px dashed var(--vbo-config-border-color);
19559 border-radius: 4px;
19560 color: var(--vbo-config-text-color-light);
19561 background: var(--vbo-config-child-bg-color);
19562 }
19563 .vbo-dropfiles-target.drag-enter {
19564 border-color: var(--vbo-config-border-color);
19565 }
19566 .vbo-dropfiles-target .lead {
19567 font-size: 16px;
19568 font-weight: bold;
19569 }
19570 .vbo-dropfiles-target a:hover {
19571 text-decoration: none;
19572 }
19573
19574 .vbo-uploaded-files {
19575 display: flex;
19576 flex-wrap: wrap;
19577 }
19578 .vbo-uploaded-files i.fa-file {
19579 font-size: 128px;
19580 }
19581 .vbo-uploaded-files .file-elem {
19582 width: calc(100% / 5);
19583 margin-bottom: 20px;
19584 }
19585 .vbo-uploaded-files .file-elem-inner {
19586 width: auto;
19587 display: inline-block;
19588 position: relative;
19589 }
19590 .vbo-uploaded-files .file-elem a {
19591 position: relative;
19592 }
19593 .vbo-uploaded-files .file-elem.uploading a,
19594 .vbo-uploaded-files .file-elem.removing a {
19595 cursor: default;
19596 color: var(--vbo-config-text-color-light);
19597 }
19598 .vbo-uploaded-files .file-elem.removing a {
19599 opacity: 0.7;
19600 }
19601 .vbo-uploaded-files .file-elem a .file-extension {
19602 position: absolute;
19603 bottom: 20px;
19604 left: 50%;
19605 color: #fff;
19606 transform: translateX(-50%);
19607 font-size: 30px;
19608 text-transform: uppercase;
19609 font-weight: 500;
19610 }
19611 .vbo-uploaded-files .file-elem .file-summary {
19612 word-break: break-all;
19613 margin-top: 5px;
19614 }
19615 .vbo-uploaded-files .file-elem .file-summary .filename {
19616 font-weight: 500;
19617 }
19618 .vbo-uploaded-files .file-elem .file-summary .filesize {
19619 font-size: smaller;
19620 }
19621 .vbo-uploaded-files .file-elem .delete-file {
19622 position: absolute;
19623 top: -10px;
19624 left: -10px;
19625 background: var(--vbo-config-bg-color);
19626 width: 32px;
19627 height: 32px;
19628 border-radius: 50%;
19629 color: var(-vbo-body-text-color);
19630 line-height: 32px;
19631 text-align: center;
19632 visibility: hidden;
19633 }
19634 .vbo-uploaded-files .file-elem .delete-file i.fa {
19635 font-size: 34px;
19636 color: var(--vbo-body-text-color);
19637 }
19638 .vbo-uploaded-files .file-elem .delete-file:hover i.fa {
19639 color: var(--vbo-blue-color);
19640 }
19641 .vbo-uploaded-files .file-elem.do-shake .file-link {
19642 color: var(--vbo-config-text-color-light);
19643 cursor: default;
19644 }
19645 .vbo-uploaded-files .file-elem.do-shake .delete-file {
19646 visibility: visible;
19647 }
19648 .vbo-uploaded-files .file-elem.do-shake {
19649 -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate;
19650 }
19651
19652 @-webkit-keyframes shake-files {
19653 from {
19654 -webkit-transform: rotate(4deg);
19655 }
19656 to {
19657 -webkit-transform-origin: center center;
19658 -webkit-transform: rotate(-4deg);
19659 }
19660 }
19661
19662 .stop-managing-files-hint {
19663 background: #333c;
19664 color: #fff;
19665 padding: 20px 30px;
19666 text-align: center;
19667 position: fixed;
19668 bottom: 20px;
19669 border-radius: 6px;
19670 left: 50%;
19671 transform: translateX(-50%);
19672 font-size: 20px;
19673 width: 80%;
19674 font-weight: 500;
19675 display: none;
19676 }
19677
19678 .drop-files-hint {
19679 float: right;
19680 margin-top: -25px;
19681 margin-right: 6px;
19682 }
19683 .drop-files-hint i.fa-question-circle {
19684 color: #999;
19685 }
19686
19687 @media screen and (max-width: 1440px) {
19688 .vbo-uploaded-files .file-elem {
19689 width: calc(100% / 4);
19690 }
19691 }
19692 @media screen and (max-width: 1280px) {
19693 .vbo-uploaded-files .file-elem {
19694 width: calc(100% / 5);
19695 }
19696 }
19697 @media screen and (max-width: 800px) {
19698 .vbo-uploaded-files .file-elem {
19699 width: calc(100% / 4);
19700 }
19701 }
19702 @media screen and (max-width: 550px) {
19703 .vbo-uploaded-files .file-elem {
19704 width: calc(100% / 3);
19705 }
19706 }
19707
19708 /*** @WPonly ***/
19709 .vbo-invoices-inv-frontleft {
19710 background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center;
19711 border-right: 1px solid var(--vbo-config-border-color);
19712 float: left;
19713 height: 128px;
19714 max-height: 100%;
19715 min-height: 100%;
19716 vertical-align: middle;
19717 width: 128px;
19718 margin-right: 10px;
19719 }
19720 .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append {
19721 position: relative;
19722 }
19723