PluginProbe
VikBooking Hotel Booking Engine & PMS / 1.6.4
VikBooking Hotel Booking Engine & PMS v1.6.4
1.8.16 1.8.15 1.8.14 1.8.13 1.8.12 1.8.11 1.8.10 1.8.9 1.8.6 1.8.7 1.8.8 trunk 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.6.8 1.6.9 1.7.0 1.7.1 1.7.2 All 37 releases
vikbooking / admin / helpers / wp.css

wp.css in VikBooking Hotel Booking Engine & PMS 1.6.4, at admin/helpers/wp.css

1,680 lines 36.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* CSS adapter file for WordPress */
2 a:focus {
3 box-shadow: none;
4 }
5 .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
6 border-top: 0;
7 }
8
9 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, .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"] {
10 padding: 5px 10px;
11 min-height: 36px;
12 }
13 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] {
14 min-height: inherit;
15 }
16
17 input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
18 line-height: 2;
19 }
20
21 .vbo-btn-toolbar .btn-group .btn:hover {
22 color: var(--vbo-config-title-color);
23 background: var(--vbo-basic-btn);
24 }
25 .vbo-btn-toolbar .btn[type="submit"], .vbo-btn-toolbar .btn[type="button"] {
26 padding: 10px 12px !important;
27 }
28 .vbo-btn-toolbar .btn i {
29 margin-right: 0;
30 }
31 .vbo-secondinfo-overlay-block h4 {
32 margin-bottom: 12px;
33 font-size: 14px;
34 }
35 .vbo-secondinfo-overlay-block label {
36 display: block;
37 margin-bottom: 5px;
38 }
39 .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
40 width: 98% !important;
41 padding: 6px 10px;
42 }
43 .vbo-info-overlay-content .btn-success, .vbo-info-overlay-content .btn-danger {
44 padding: 10px 14px;
45 }
46 .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single, .vbo-editbooking-room-switch .select2-selection--single {
47 height: 40px !important;
48 }
49 .vbo-ratesoverview-entryinline .select2-container--default .select2-selection--single .select2-selection__rendered, .vbo-reports-container .select2-container--default .select2-selection--single .select2-selection__rendered {
50 line-height: 40px !important;
51 }
52 .vikwp-extra-more {
53 text-align: center;
54 margin-top: 20px;
55 font-size: 1.2em;
56 }
57
58 /*** Menu ***/
59 .vbo-menu-container {
60 margin-bottom: 20px;
61 margin-top: 10px;
62 }
63 .vbo-menu-container-closer {
64 margin-bottom: 10px;
65 }
66
67 /*** Safari (webkit) fix for Checkboxes ***/
68 input[type="checkbox"] {
69 -webkit-appearance: checkbox !important;
70 }
71 input[type=checkbox]:checked:before {
72 content: "" !important;
73 margin: 0 !important;
74 color: initial !important;
75 }
76 .input-append .hasDatepicker {
77 border-top-right-radius: 0 !important;
78 border-bottom-right-radius: 0 !important;
79 border-color: var(--vbo-config-border-color);
80 }
81 .input-append .hasDatepicker:focus {
82 box-shadow: 0 0 0 1px transparent;
83 }
84 .input-append .vbodatepicker-trig-icon {
85 border-top-left-radius: 0 !important;
86 border-bottom-left-radius: 0 !important;
87 border-left: 0;
88 }
89
90 .btn-toolbar {
91 /* WP5 */
92 display: inline-block;
93 }
94 .btn-toolbar.pull-right {
95 float: right;
96 }
97 .btn-group.pull-right {
98 float: right;
99 }
100 .btn-group.pull-left {
101 float: left;
102 }
103 textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
104 input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
105 border: 1px solid var(--vbo-config-border-color);
106 border-radius: 3px;
107 padding: 5px 10px;
108 }
109 .vbo-trackings-filters .pull-right .btn {
110 height: auto !important;
111 padding: 10.5px 14px !important;
112 }
113
114 a {
115 text-decoration: none;
116 }
117 select {
118 vertical-align: top;
119 }
120 .input-append, .input-prepend {
121 display: inline-block;
122 vertical-align: middle;
123 font-size: 0;
124 white-space: nowrap;
125 }
126
127 /*** General Classes **/
128 .vbo-admin-container {
129 background: transparent;
130 padding: 0;
131 }
132
133 /*** Calendar field **/
134 .wp-calendar-box {
135 background: var(--vbo-input-style);
136 border: 1px solid var(--vbo-config-border-color);
137 border-radius: 2px;
138 padding: 4px 6px 4px 0;
139 display: inline-block;
140 vertical-align: top;
141 }
142 .wp-calendar-box input[type="text"] {
143 border: 0;
144 box-shadow: none;
145 background: transparent;
146 padding: 5px 0 5px 10px;
147 }
148 .vbo-admin-container .vbo-param-container .vbo-param-setting .wp-calendar-box input[type="text"] {
149 outline: none;
150 width: 100px !important;
151 border: 0 !important;
152 }
153 .wp-calendar-box input:focus {
154 outline: none;
155 border:0;
156 box-shadow: none;
157 }
158 #ui-datepicker-div {
159 box-shadow: 0 6px 10px rgba(0,0,0,.2);
160 }
161 .ui-datepicker .ui-datepicker-header {
162 background: var(--vbo-main-bg-color);
163 }
164 .ui-datepicker th {
165 background: var(--vbo-config-child-bg-color);
166 }
167 /* disable MOVE cursor for draggable WP items */
168 .js .postbox .hndle {
169 cursor: default !important;
170 }
171
172 /* quest popover */
173
174 i.wp-quest-popover {
175 margin-right: 0;
176 color: var(--vbo-config-title-color);
177 font-size: 16px;
178 cursor: pointer;
179 -webkit-touch-callout: none; /* iOS Safari */
180 -webkit-user-select: none; /* Safari */
181 -khtml-user-select: none; /* Konqueror HTML */
182 -moz-user-select: none; /* Firefox */
183 -ms-user-select: none; /* Internet Explorer/Edge */
184 user-select: none; /* Non-prefixed version, currently
185 supported by Chrome and Opera */
186 }
187 i.wp-quest-popover:hover {
188 color: var(--vbo-blue-color);
189 }
190 .vbo-shortcode-icn-wrap {
191 display: inline-block;
192 border: 1px solid var();
193 background: var(--vbo-config-bg-color);
194 border-radius: 2px;
195 padding: 5px 5px 2px;
196 }
197
198 /*
199 * Input fields and buttons have a z-index greater than 0, so the sub-menu
200 * of Vik Booking must have an even greater z-index property.
201 */
202 .vbo-menu-right ul {
203 z-index: 99;
204 }
205
206 /* table */
207
208 .table th:first-child {
209 text-align: left;
210 vertical-align: middle;
211 }
212
213 .table th.title.left,
214 .table th.left,
215 .table td.left {
216 text-align: left;
217 }
218 .table th.title.center,
219 .table th.center,
220 .table td.center {
221 text-align: center;
222 }
223 .table th.title.right,
224 .table th.right,
225 .table td.right {
226 text-align: right;
227 }
228 .table {
229 border-collapse: collapse;
230 border-spacing: 0;
231 }
232 .table td {
233 background: var(--vbo-config-bg-color);
234 border-top: 1px solid var(--vbo-config-border-color);
235 }
236 .table td.vbo-config-param-cell {
237 background: var(--vbo-light-color-btn);
238 }
239 .table tbody tr.warning > td {
240 background-color: var(--vbo-config-child-bg-color);
241 }
242 .table th, .table td {
243 padding: 8px;
244 line-height: 18px;
245 text-align: left;
246 vertical-align: top;
247 border-top: 1px solid var(--vbo-config-border-color);
248 }
249 .alternate, .striped > tbody > :nth-child(2n+1), ul.striped > :nth-child(2n+1) {
250 background-color: var(--vbo-config-child-bg-color);
251 }
252 #menu-management .menu-edit, #menu-settings-column .accordion-container, .comment-ays, .feature-filter, .imgedit-group, .manage-menus, .menu-item-handle, .popular-tags, .stuffbox, .widget-inside, .widget-top, .widgets-holder-wrap, .wp-editor-container, p.popular-tags, table.widefat, .widefat thead td, .widefat thead th {
253 border-color: var(--vbo-config-border-color);
254 }
255 .postbox {
256 background-color: var(--vbo-config-bg-color);
257 border-color: var(--vbo-config-border-color);
258 }
259 #screen-meta-links .show-settings {
260 background-color: var(--vbo-config-bg-color) !important;
261 border-color: var(--vbo-light-color-btn);
262 }
263 #wpbody-content #screen-meta {
264 background-color: var(--vbo-config-bg-color);
265 border-color: var(--vbo-light-color-btn);
266 }
267
268 /* Menu links should not have any text-decoration */
269 .vbo-menu-parent-li > span a,
270 .vbo-submenu-ul li span a {
271 text-decoration: none;
272 }
273
274 /* LI tags don't need bottom margin */
275 .vbo-menu-ul li {
276 margin-bottom: 0;
277 margin-top: 0;
278 }
279
280 /* Buttons fixes */
281 .btn i[class^="icon-"] {
282 vertical-align: top;
283 }
284 /* Icons fixes */
285 i[class^="icon-"],
286 span.icon-calendar {
287 font-family: 'vboicomoon' !important;
288 speak: none;
289 font-style: normal;
290 font-weight: normal;
291 font-variant: normal;
292 margin-right: 0.25em;
293 text-transform: none;
294 -webkit-font-smoothing: antialiased;
295 -moz-osx-font-smoothing: grayscale;
296 }
297
298 i.icon-remove:before {
299 content: "\ea0f";
300 }
301 i.icon-calendar:before,
302 span.icon-calendar:before {
303 content: "\e953";
304 }
305 i.icon-save:before {
306 content: "\ea10";
307 }
308 i.icon-new:before {
309 content: "+";
310 background: #444;
311 border-radius: 50%;
312 padding: 0px 0 0 1px;
313 width: 15px;
314 height: 16px;
315 display: inline-block;
316 vertical-align: top;
317 color: #fff;
318 font-weight: bold;
319 line-height: 10px;
320 text-align: center;
321 }
322 .btn-success i.icon-new:before {
323 background: #fff;
324 color: #46a546;
325 }
326 .vbo-config-btn i.icon-new:before, .vbo-colortag-add i.icon-new:before {
327 background: #fff;
328 color: #2282bd;
329 }
330 .vbo-config-param-cell .btn {
331 height: auto;
332 }
333 .vbo-config-param-cell .btn i {
334 margin-right: 5px;
335 }
336 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] {
337 padding: 8px 10px
338 }
339 .vbo-admin-container .vbo-param-container .btn-danger {
340 line-height: 18px;
341 font-size: 13px;
342 }
343 i.icon-pencil:before {
344 content: "\e906";
345 }
346 i.icon-edit:before {
347 content: "\e906";
348 }
349 i.icon-search:before {
350 content: "\e986";
351 }
352 i.icon-eye:before {
353 content: "\e9ce";
354 }
355 i.icon-refresh:before {
356 content: "\ea2e";
357 }
358 i.icon-cancel:before {
359 content: "\ea0d";
360 }
361 i.icon-user:before {
362 content: "\e971";
363 }
364 i.icon-mail:before {
365 content: "\e945";
366 }
367 i.icon-image:before {
368 content: "\e90d";
369 }
370 .vbo-config-param-cell a.btn i, .vbo-config-param-cell button.btn i {
371 float: none !important;
372 }
373
374 /* Buttons classes */
375 .btn {
376 background-color: #f3f3f3;
377 color: #333;
378 display: inline-block;
379 font-weight: 400;
380 text-align: center;
381 white-space: nowrap;
382 vertical-align: middle;
383 -webkit-user-select: none;
384 -moz-user-select: none;
385 -ms-user-select: none;
386 user-select: none;
387 border: 1px solid #b3b3b3;
388 padding: 10px 12px;
389 font-size: 13px;
390 line-height: 18px;
391 border-radius: 3px;
392 transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
393 cursor: pointer;
394 }
395 .btn.btn-small {
396 padding: 2px 10px;
397 font-size: 12px;
398 -webkit-border-radius: 3px;
399 -moz-border-radius: 3px;
400 border-radius: 3px;
401 }
402 .btn-secondary {
403 color: var(--vbo-config-title-color);
404 background-color: var(--vbo-basic-btn);
405 border-color: var(--vbo-config-border-color);
406 }
407 .btn-secondary:hover {
408 color: var(--vbo-config-title-color);
409 background-color: var(--vbo-basic-btn-hover);
410 }
411
412 a.btn {
413 text-decoration: none;
414 }
415
416 /**
417 * control
418 */
419
420 p.control label {
421 width: 120px;
422 display: inline-block;
423 }
424
425 /*** Dashboard **/
426 .vbo-dashboard-today-checkin-wrapper h4, .vbo-dashboard-today-checkout-wrapper h4 {
427 margin: 12px 0;
428 }
429 .vbo-dashboard-refresh-stop::after {
430 line-height: 35px;
431 font-size: 15px;
432 }
433 .vbo-dashboard-refresh-play::after {
434 line-height: 36px;
435 }
436 .vbo-admin-widget-wrapper .table-responsive .btn-small {
437 padding: 5.5px 12px;
438 }
439 .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] {
440 padding: 6px 10px;
441 }
442
443 /** Toolbar controls **/
444 .input-append input.form-control {
445 padding: 4px 6px;
446 display: inline-block;
447 vertical-align: top;
448 font-size: 13px;
449 height: 30px;
450 margin: 0;
451 }
452 .input-append .btn {
453 border-radius: 3px;
454 padding: 9.5px 12px;
455 font-size: 14px;
456 cursor: pointer;
457 vertical-align: top;
458 }
459 .vbo-preview-btn {
460 margin-left: 5px;
461 }
462 .vbo-preview-btn i.fa-eye {
463 margin: 0;
464 }
465 .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner {
466 padding: 10px;
467 }
468
469 /*** Global Configuration ***/
470 fieldset.adminform {
471 display: inline-block;
472 width: 100%;
473 }
474 #adminForm div.current {
475 padding: 0;
476 }
477 #adminForm .adminlegend {
478 font-size: 19.5px;
479 line-height: 36px;
480 color: var(--vbo-config-title-color);
481 padding: 0;
482 }
483 #adminForm dd.tabs {
484 margin: 0;
485 }
486 .switch-field label {
487 box-shadow: none;
488 }
489 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea.wp-editor-area {
490 width: 100% !important;
491 }
492 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea.wp-editor-area:focus {
493 background: var(--vbo-config-bg-color);
494 }
495
496 /*** Translations ***/
497 .vbo-translation-langtabs {
498 margin-top: 10px;
499 }
500 .table .vbo-translate-reference-cell, .table .vbo-translate-column-cell {
501 background: var(--vbo-light-color-btn);
502 }
503
504 /*** Rooms List ***/
505 .vbo-distfeatures-cont {
506 padding-top: 10px;
507 }
508 .captionlabel input {
509 max-width: 100%;
510 }
511 .captionremoveimg .icon-remove {
512 font-size: 14px;
513 }
514
515 /*** Room Details **/
516 .vbo-mngroom-rtitle h3 {
517 margin: 0 0 0 15px;
518 }
519
520 /*** Calendar ***/
521 .vbo-quickres-head > span {
522 margin-top: 15px;
523 display: inline-block;
524 }
525 .vbadmincaltable {
526 border-collapse: collapse;
527 border-spacing: 0;
528 }
529 .admintable .input-append .hasDatepicker {
530 display: inline-block;
531 vertical-align: top;
532 height: 28px;
533 }
534 #vbcustdatatxtarea {
535 max-width: 450px;
536 }
537 .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label {
538 display: block;
539 }
540 .vbo-assign-customer > i {
541 padding: 10px 10px;
542 vertical-align: middle;
543 }
544 /*** Reservation ***/
545 .vbo-bookingdet-inpwrap .iti.iti--allow-dropdown input[type="tel"] {
546 width: auto !important;
547 }
548 .vbo-bookdet-foot {
549 font-weight: normal;
550 }
551 /*** Edit Reservation ***/
552 #jmodal-vbo-checkin-booking {
553 width: 90% !important;
554 }
555 .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label {
556 display: block;
557 margin-bottom: 10px;
558 }
559 input[type="number"], #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren {
560 width: 120px !important;
561 }
562 .vbo-editbooking-totpaid label {
563 display: block;
564 margin-bottom: 10px;
565 }
566 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label, .vbo-editbooking-room-services .vbo-editbooking-room-service label {
567 display: block;
568 margin-bottom: 5px;
569 }
570 .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype {
571 flex-basis: 20%;
572 }
573 .vbo-editbooking-room-extracost > div .btn.btn-danger {
574 padding: 10px 14px;
575 }
576
577 /*** Invoices ***/
578 .vbo-timeline-container {
579 margin-bottom: 20px;
580 }
581 .vbo-timeline-radio {
582 display: none !important;
583 }
584 .vbo-invoices-inv-back-commands {
585 margin: 6px 0 5px;
586 }
587 .vbo-invoices-inv-back-commands .btn {
588 font-size: 12px;
589 }
590 .vbo-invoices-inv-container {
591 background: var(--vbo-config-bg-color);
592 }
593 .vbo-timeline-content .btn {
594 padding: 10px 15px;
595 }
596 .vbo-timeline-content .label-info {
597 padding: 10px 6px !important;
598 }
599 .vbo-timeline-content .label-info .badge {
600 padding: 2px 9px;
601 }
602
603 /*** e-invoicing ***/
604 .vbo-info-overlay-driver-settings {
605 padding-bottom: 15px;
606 }
607 .vbo-driver-fieldset {
608 margin-top: 15px;
609 }
610 .vbo-driver-fieldset .adminlegend {
611 font-size: 18px;
612 margin-bottom: 5px;
613 }
614
615 /*** Rates overview ***/
616 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single {
617 height: 40px;
618 }
619 .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input {
620 padding: 5px 10px;
621 }
622 .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{
623 padding: 6px 10px;
624 }
625 .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn {
626 margin-bottom: 15px;
627 }
628 .vbo-ratesoverview-caltab-cont .vbo-table-responsive {
629 background: var(--vbo-config-bg-color);
630 }
631 .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input {
632 width: 84px !important;
633 }
634 .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive {
635 background: var(--vbo-config-border-color);
636 }
637 .vbo-seasons-calendar-table {
638 border-collapse: collapse;
639 border-spacing: 0;
640 background: var(--vbo-config-bg-color);
641 }
642 .vbo-seasons-calendar-table td {
643 padding: 10px;
644 }
645 .vbo-seasons-calendar-nightsrow {
646 background: var(--vbo-config-border-color);
647 }
648 .vbo-seasons-calendar-nightsrow td {
649 padding: 5px;
650 }
651 .vbo-ratesoverview-period-inner {
652 background: var(--vbo-config-bg-color);
653 }
654 .vbo-ratesoverview-period-boxes-inner > div {
655 background: var(--vbo-main-bg-color);
656 }
657 .vbo-ratesoverview-entryinline {
658 margin: 5px;
659 }
660
661 /*** Bookings List ***/
662 .vbcsvexport > i, .vbicsexport > i {
663 padding: 11px;
664 }
665 .vbo-perms-operators > i {
666 padding: 11px;
667 }
668 .vbcsvexport > span, .vbicsexport > span, .vbo-perms-operators > span {
669 padding-top: 10px;
670 }
671
672 /*** Tableaux ***/
673 .vbo-tableaux-filters .select2-selection__rendered, .vbo-pmsperm-entry-val .select2-selection__rendered {
674 padding: 2px 5px !important;
675 }
676 .vbo-tableaux-filters .select2-selection__clear, .vbo-pmsperm-entry-val .select2-selection__clear {
677 margin-top: 8px;
678 }
679 .vbo-tableaux-filters .select2-selection__rendered .select2-search--inline, .vbo-pmsperm-entry-val .select2-selection__rendered .select2-search--inline {
680 height: auto;
681 margin: 0;
682 padding-top: 0;
683 }
684 .select2-container .select2-search--inline {
685 margin-bottom: 0;
686 padding-top: 3px;
687 }
688 .vbo-tableaux-filters .select2-container .select2-search--inline .select2-search__field,
689 .vbo-pmsperm-entry-val .select2-selection__rendered .select2-search--inline > .select2-search__field {
690 height: auto !important;
691 padding: 3px 5px !important;
692 min-height: auto;
693 margin: 0 !important;
694 }
695 .vbo-pmsperm-entry-cont .vbo-pmsperm-entry-val input[type="number"] {
696 padding: 5px 10px;
697 }
698 .vbo-tableaux-table {
699 border-collapse: collapse;
700 }
701
702 /* WP5 */
703 .vbo-ratesoverview-period-box-cals-inner {
704 z-index: 1;
705 }
706
707 /*** caret ***/
708 .caret {
709 display: inline-block;
710 width: 0;
711 height: 0;
712 vertical-align: top;
713 border-top: 4px solid #000;
714 border-right: 4px solid transparent;
715 border-left: 4px solid transparent;
716 content: "";
717 }
718 .btn .caret {
719 margin-top: 8px;
720 margin-left: 0;
721 }
722 .btn-primary .caret {
723 border-top-color: #1f496e;
724 border-bottom-color: #1f496e;
725 }
726 .btn .caret {
727 margin-bottom: 7px;
728 }
729
730 /*** Availability Overview ***/
731 .vbo-overview-roomunits {
732 line-height: 20px;
733 }
734 .vbo-overlay-fests-addnew .vbo-overlay-fests-addnew-elem {
735 margin: 5px 0 8px;
736 }
737
738 /*** Room New/Edit Page ***/
739 .vbplusminuscont {
740 width: 130px !important;
741 }
742 .vbo-add-room-entry label {
743 display: block;
744 margin-bottom: 5px;
745 }
746
747 /*** Report ***/
748 .vbo-reports-filters-outer > div {
749 vertical-align: bottom;
750 }
751 .vbo-reports-filters-outer .vbo-reports-filters-report .vbo-report-filter-wrap {
752 vertical-align: top;
753 }
754 .vbo-report-layout-type {
755 margin-top: 20px;
756 }
757 .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable {
758 display: none;
759 }
760 .vbo-report-sheetnchart .vbo-report-chart-meta {
761 flex-basis: 50%
762 }
763 .vbo-report-sheetnchart .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr {
764 display: block;
765 }
766
767 /*** eInvoicing ***/
768 .vbo-drivers-filters-outer > div {
769 display: block;
770 }
771 .vbo-drivers-custom-actions {
772 margin-top: 10px;
773 }
774 .vbo-drivers-output table td .btn.btn-primary {
775 padding: 4px 12px;
776 border-color: var(--vbo-base-color);
777 }
778 .vbo-drivers-output table td .btn.btn-primary:hover {
779 border-color: var(--vbo-base-color-hover);
780 }
781 .vbo-drivers-output table td .btn.btn-primary:active {
782 color: #fff;
783 }
784
785 /*** Fancybox commands ***/
786 .fancybox-opened {
787 z-index: 99999 !important;
788 }
789
790 /*** Popover and tooltip in Ajax Modal ***/
791 .vbo-bookdet-head {
792 position: initial !important;
793 }
794
795 /*** PRO Version ***/
796 .vbo-menu-updates button {
797 cursor: pointer;
798 }
799 button.vbo-gotopro {
800 background: var(--vbo-green-color);
801 }
802 button.vbo-gotopro:hover {
803 background: #fff;
804 color: var(--vbo-green-color);
805 }
806 .viwppro-cnt {
807 width: 1280px;
808 margin: 50px auto 80px;
809 }
810 .vikwp-alreadypro {
811 font-size: 13px;
812 margin-bottom: 10px;
813 text-align: right;
814 }
815 .vikwppro-header-inner {
816 background: #305f79;
817 position: relative;
818 padding: 0;
819 display: flex;
820 border-radius: 4px;
821 width: 100%;
822 }
823 .vikwppro-header-inner > div {
824 flex-basis: 50%;
825 }
826 .vikwppro-header-text {
827 box-sizing: border-box;
828 width: 34%;
829 display: inline-block;
830 padding: 30px 30px;
831 color: #fff;
832 }
833 .vikwppro-header-text h2 {
834 font-size: 18px;
835 line-height: 1.1em;
836 margin-bottom: 15px;
837 margin-top: 0;
838 color: #eeee;
839 font-weight: normal;
840 font-style: italic;
841 }
842 .vikwppro-header-text h3 {
843 font-size: 28px;
844 font-weight: bold;
845 padding-top: 0;
846 line-height: 28px;
847 color: #fff;
848 letter-spacing: .5px;
849 margin: 0;
850 }
851 .vikwppro-header-text h4 {
852 font-size: 19px;
853 font-weight: normal;
854 line-height: 1.2em;
855 margin-top: 15px;
856 }
857 .vikwppro-header-text ul {
858 margin-bottom: 20px;
859 }
860 .vikwppro-header-text ul li {
861 font-size: 16px;
862 }
863 .vikwppro-header-text ul li i {
864 color: var(--vbo-orange-color);
865 }
866 .vikwp-btn-link {
867 color: #fff;
868 text-decoration: none;
869 display: inline-block;
870 background: var(--vbo-orange-color);
871 border: 2px solid var(--vbo-orange-color);
872 padding: 10px 15px;
873 border-radius: 2px;
874 text-transform: uppercase;
875 font-weight: bold;
876 white-space: pre-line;
877 }
878 .vikwppro-header-text i {
879 margin-right: 5px;
880 }
881 .vikwp-btn-link:hover {
882 background: var(--vbo-config-bg-color);
883 color: var(--vbo-orange-color);
884 }
885 .vikwppro-advantages {
886 display: flex;
887 margin: 10px 0 0;
888 }
889 .vikwppro-advantages-item {
890 margin: 5px;
891 background: var(--vbo-config-bg-color);
892 padding: 20px 30px;
893 text-align: center;
894 font-size: 18px;
895 flex-basis: calc(33% - 10px);
896 border-radius: 8px;
897 box-shadow: 4px 0 15px rgba(0,0,0,.05);
898 }
899 .vikwppro-advantages-item h4 {
900 text-transform: uppercase;
901 font-size: 22px;
902 letter-spacing: -0.5px;
903 line-height: 1.1em;
904 margin: 10px 0;
905 font-weight: bold;
906 }
907 .vikwppro-advantages-item h4 span {
908 color: var(--vbo-orange-color);
909 }
910 .vikwppro-advantages-item p {
911 font-size: 16px;
912 }
913 .vikwp-btn-link i {
914 margin-right: 5px;
915 }
916 .vikwp-btn-green {
917 border: 1px solid var(--vbo-green-color);
918 background: var(--vbo-green-color);
919 color: #fff;
920 }
921 .vikwppro-header .vikwppro-header-img {
922 display: inline-block;
923 float: right;
924 padding: 10px;
925 text-align: right;
926 }
927 .viwppro-feats-cnt {
928 margin-top: 40px;
929 }
930 .viwppro-feats-cnt img {
931 max-width: 100%;
932 }
933 .viwppro-feats-row {
934 margin: 25px 0;
935 background: var(--vbo-config-bg-color);
936 border: 1px solid #93b0d0;
937 height: 320px;
938 overflow: hidden;
939 display: flex;
940 flex-wrap: wrap;
941 border-radius: 4px;
942 box-shadow: 0 0 10px rgba(0,0,0,.05);
943 }
944 .viwppro-row-heightsmall {
945 height: 274px;
946 }
947 .viwppro-feats-row .viwppro-feats-img {
948 flex: 0 0 40%;
949 }
950 .vikwppro-odd .viwppro-feats-img {
951 padding-right: 0;
952 }
953 .vikwppro-even .viwppro-feats-img {
954 padding-left: 0;
955 text-align: center;
956 }
957 .vikwppro-header-inner .vikwppro-header-img img {
958 box-shadow: 0 0 8px rgba(0,0,0,.1);
959 max-width: 100%;
960 display: inline-block;
961 position: relative;
962 }
963 .viwppro-feats-text {
964 padding: 30px;
965 font-size: 1.2em;
966 flex: 1;
967 }
968 .viwppro-feats-text h4 {
969 font-weight: bold;
970 font-size: 1.3em;
971 margin-bottom: 0px;
972 padding-bottom: 0;
973 }
974 .viwppro-feats-text p {
975 font-size: 1.1em;
976 margin-top: 10px;
977 }
978 .vikwppro-licencecnt {
979 text-align: center;
980 background: #305f79;
981 border: 2px solid #305f79;
982 color: #fff;
983 display: flex;
984 flex-wrap: wrap;
985 overflow: hidden;
986 }
987 .vikwppro-licencecnt > div {
988 flex: 1;
989 }
990 .vikwppro-licencetext {
991 padding: 64px 40px;
992 position: relative;
993 }
994 .vikwppro-licencecnt h3 {
995 font-weight: bold;
996 font-size: 34px;
997 line-height: 1em;
998 margin-bottom: 25px;
999 margin-top: 0;
1000 color: #fff;
1001 }
1002 .vikwppro-licencecnt h4 {
1003 color: #fff;
1004 }
1005 .vikwppro-licencecnt .vikwppro-licencetext .vikwppro-licencecnt-get {
1006 font-size: 1.4em;
1007 margin:0 0 15px;
1008 }
1009 .vikwppro-licencetext > div {
1010 position: relative;
1011 z-index: 1;
1012 }
1013 .vikwppro-licencetext .icon-background {
1014 display: inline-block;
1015 position: absolute;
1016 color: #fff;
1017 opacity: .1;
1018 font-size: 180px;
1019 left: -26px;
1020 bottom: -20px;
1021 }
1022 .vikwppro-licenceform {
1023 background: var(--vbo-config-bg-color);
1024 color: var(--vbo-config-titles-color-light);
1025 position: relative;
1026 }
1027 .vikwppro-licenceform:after {
1028 content: "";
1029 position: absolute;
1030 top: 50%;
1031 left: 0%;
1032 transform: translate(0%, -50%);
1033 width: 0;
1034 height: 0;
1035 border-style: solid;
1036 border-width: 5px 0 5px 8.7px;
1037 border-color: transparent transparent transparent #305f79;
1038 }
1039 .vikwppro-licenceform-inner {
1040 display: inline-block;
1041 position: absolute;
1042 top: 50%;
1043 left: 50%;
1044 transform: translate(-50%, -50%);
1045 width: 70%;
1046 }
1047 .vikwppro-licenceform-inner h4 {
1048 font-size: 1.4em;
1049 margin-top: 0;
1050 line-height: 1.2em;
1051 color: var(--vbo-config-title-color);
1052 }
1053 .vikwppro-licenceform .btn {
1054 width: 100%;
1055 margin-top: 10px;
1056 font-size: 14px;
1057 }
1058 .vikwppro-inputspan {
1059 background: var(--vbo-input-style);
1060 border-radius: 2px;
1061 border: 1px solid var(--vbo-config-border-color);
1062 padding: 0 0 0 30px;
1063 display: inline-block;
1064 width: 100%;
1065 position: relative;
1066 box-sizing: border-box;
1067 }
1068 .vikwppro-inputspan .licence-input {
1069 background: transparent;
1070 border: 0;
1071 padding: 8px 15px;
1072 flex: 1;
1073 box-shadow: none;
1074 width: 100% !important;
1075 }
1076 .vikwppro-inputspan .licence-input:focus {
1077 box-shadow: none;
1078 }
1079 .vikwppro-inputspan i {
1080 color: #305f79;
1081 margin-top: 12px;
1082 position: absolute;
1083 top: 3px;
1084 left: 14px;
1085 }
1086 .viwppro-extra {
1087 margin: 50px 0 40px;
1088 }
1089 .viwppro-extra > h3 {
1090 margin: 0 0 15px;
1091 padding: 0;
1092 text-align: center;
1093 font-size: 32px;
1094 line-height: 1.1em;
1095 }
1096 .viwppro-extra .viwppro-extra-inner {
1097 display: flex;
1098 flex-wrap: wrap;
1099 justify-content: center;
1100 }
1101 .viwppro-extra .viwppro-extra-item {
1102 flex: 0 0 25%;
1103 margin: 5px 0;
1104 }
1105 .viwppro-extra .viwppro-extra-item-inner {
1106 background: var(--vbo-config-bg-color);
1107 text-align: center;
1108 height: 95%;
1109 margin: 10px;
1110 padding: 15px;
1111 box-sizing: border-box;
1112 display: flex;
1113 align-items: center;
1114 justify-content: center;
1115 box-shadow: 0 0 2px rgba(0,0,0,.1);
1116 border: 1px solid #93b0d0;
1117 border-radius: 4px;
1118 }
1119 .viwppro-extra .viwppro-extra-item-text {
1120 align-self: center;
1121 }
1122 .viwppro-extra .viwppro-extra-item-inner h4 {
1123 font-weight: bold;
1124 font-size: 1.4em;
1125 margin-top: 15px;
1126 padding-top: 0;
1127 margin-bottom: 0;
1128 padding-bottom: 0;
1129 line-height: 1.1em;
1130 }
1131 .viwppro-extra .viwppro-extra-item-inner i {
1132 color: var(--vbo-orange-color);
1133 font-size: 28px;
1134 }
1135 .viwppro-extra .viwppro-extra-item-inner p {
1136 font-size: 14px;
1137 }
1138 #vikwpvalidate i {
1139 float: left;
1140 }
1141 .vikwppro-lickey-expired {
1142 color: var(--vbo-red-color);
1143 font-size: 18px;
1144 }
1145 .viwpro-procnt .vikwppro-header-inner {
1146 background: var(--vbo-config-bg-color);
1147 text-align: center;
1148 }
1149 .viwpro-procnt .vikwppro-header-text {
1150 width: 100%;
1151 padding-bottom: 0;
1152 flex-basis: 100%;
1153 padding: 40px 20px;
1154 color: inherit;
1155 }
1156 .viwpro-procnt .vikwppro-header-text h2 {
1157 color: inherit;
1158 font-size: 26px;
1159 font-weight: bold;
1160 font-style: normal;
1161 }
1162 .viwpro-procnt .vikwppro-header-text h3 {
1163 color: inherit;
1164 font-size: 18px;
1165 font-weight: normal;
1166 }
1167 .viwpro-procnt .viwpro-procnt-inner {
1168 border: 2px solid #93b0d0;
1169 }
1170 .viwpro-procnt h4 {
1171 font-size: 22px;
1172 }
1173 .viwpro-procnt .vikwppro-licencecnt h3 {
1174 line-height: 1.2em;
1175 }
1176 .viwpro-procnt .vikwppro-licencetext h4 {
1177 margin-top: 5px;
1178 margin-bottom: 15px;
1179 line-height: 1.2em;
1180 }
1181 .viwpro-procnt .vikwppro-licencecnt {
1182 border:0;
1183 }
1184 .viwpro-procnt .vikwppro-licenceform {
1185 border-top: 2px solid #93b0d0;
1186 }
1187 .viwpro-procnt .vikwppro-licenceform-inner {
1188 width: 100%;
1189 }
1190 .viwpro-procnt .vikwppro-licenceform-inner h4 {
1191 line-height: 1.2em;
1192 padding: 0 20px;
1193 }
1194 .viwpro-procnt .vikwppro-licenceform-inner > div {
1195 width: 250px;
1196 margin: 25px auto 0;
1197 }
1198 .vikwppro-download-result {
1199 text-align: center;
1200 }
1201 .vikwppro-download-result h2 {
1202 padding: 9px 0 4px;
1203 }
1204 .viwpro-procnt .viwpro-procnt-wtd-steps {
1205 display: flex;
1206 flex-wrap: wrap;
1207 }
1208 .viwpro-procnt .viwpro-procnt-wtd-step {
1209 width: calc(33% - 20px);
1210 background: var(--vbo-config-bg-color);
1211 padding: 20px;
1212 }
1213 .vikpro-e4jc-badgeimg {
1214 border: 1px solid #ddd;
1215 padding: 10px;
1216 }
1217 h1.vikwp-download-success {
1218 font-size: 40px;
1219 color: var(--vbo-green-color);
1220 }
1221 h1.vikwp-download-error {
1222 font-size: 40px;
1223 color: var(--vbo-red-color);
1224 }
1225 .vikwppro-download .vikwppro-header-inner {
1226 flex-wrap: wrap;
1227 }
1228 .vikwppro-download .vikwppro-header-inner > div {
1229 flex-basis: 100%;
1230 }
1231 .vikwppro-download .vikwppro-header-inner {
1232 box-shadow: 0 0 20px rgba(0,0,0,.2);
1233 background: var(--vbo-config-bg-color);
1234 }
1235 .vikwppro-download-progress {
1236 text-align: center;
1237 padding: 20px 0;
1238 }
1239 .vikwppro-download-progress progress[value] {
1240 appearance: none;
1241 -webkit-appearance: none;
1242 -moz-appearance: none;
1243 width: 90%;
1244 height: 20px;
1245 border: none;
1246 border-radius: 2px;
1247 -webkit-transition: width 0.6s ease;
1248 -moz-transition: width 0.6s ease;
1249 -o-transition: width 0.6s ease;
1250 transition: width 0.6s ease;
1251 }
1252 .vikwppro-download-progress progress[value]::-moz-progress-bar,
1253 .vikwppro-download-progress progress[value]::-webkit-progress-bar {
1254 background: #0064b4;
1255 }
1256 .vikwppro-download-progress progress::-webkit-progress-value {
1257 -webkit-transition: width 0.6s ease;
1258 -moz-transition: width 0.6s ease;
1259 -o-transition: width 0.6s ease;
1260 transition: width 0.6s ease;
1261 }
1262 .vikwp-changelog-version {
1263 background: var(--vbo-config-bg-color);
1264 padding: 25px;
1265 margin-top: 20px;
1266 border-radius: 4px;
1267 box-shadow: 0 0 20px rgba(0,0,0, .1);
1268 }
1269 .vikwp-changelog-version h2 {
1270 text-align: center;
1271 font-size: 1.8em;
1272 margin-top: 10px;
1273 margin-bottom: 14px;
1274 }
1275 .vikwp-changelog-version h3 {
1276 text-align: center;
1277 background: #3f708b;
1278 display: table;
1279 color: #fff;
1280 padding: 5px 10px;
1281 margin: 0 auto;
1282 }
1283 .vikwp-changelog-version h4 {
1284 font-size: 1.2em;
1285 color: #3f708b;
1286 text-transform: uppercase;
1287 border-bottom: 1px solid #eee;
1288 padding-bottom: 5px;
1289 margin-bottom: 5px;
1290 }
1291 .vikwp-changelog-section {
1292 margin-left: 10px;
1293 }
1294 .vikwp-changelog-section .vikwp-changelog-feature-title {
1295 margin-bottom: 0;
1296 }
1297 .viwpro-e4jc {
1298 margin-top: 40px;
1299 }
1300 .viwpro-e4jc {
1301 background: var(--vbo-config-bg-color);
1302 }
1303 .viwpro-e4jc .viwpro-e4jc-inner {
1304 display: flex;
1305 flex-wrap: wrap;
1306 overflow: hidden;
1307 }
1308 .viwpro-e4jc .viwpro-e4jc-inner > div {
1309 flex: 1;
1310 }
1311 .viwpro-e4jc .viwpro-e4jc-text {
1312 padding: 40px;
1313 }
1314 .vikpro-e4jc-badgeimg img {
1315 max-width: 160px;
1316 }
1317 .vikwp-pro-discover {
1318 border: 1px solid #3596db;
1319 background: #3596db;
1320 font-size: 14px;
1321 }
1322
1323 .viwpro-e4jc .viwpro-e4jc-text h3 {
1324 font-size: 20px;
1325 line-height: 1.1em;
1326 font-weight: normal;
1327 font-style: italic;
1328 color: var(--vbo-config-titles-color-light);
1329 }
1330 .viwpro-e4jc .viwpro-e4jc-text h4 {
1331 font-size: 23px;
1332 line-height: 1.1em;
1333 margin-top: 5px;
1334 font-weight: bold;
1335 margin-bottom: 10px;
1336 }
1337 .viwpro-e4jc .viwpro-e4jc-text h5 {
1338 font-size: 20px;
1339 line-height: 1.1em;
1340 margin-top: 5px;
1341 font-weight: normal;
1342 margin-bottom: 0;
1343 }
1344 .viwpro-e4jc .viwpro-e4jc-text p {
1345 font-size: 16px;
1346 }
1347 .viwpro-e4jc .viwpro-e4jc-img img {
1348 margin: 10px -10px 10px 0;
1349 max-width: 100%;
1350 }
1351 .viwpro-e4jc-channels {
1352 padding: 20px 0;
1353 }
1354 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner {
1355 display: flex;
1356 flex-wrap: wrap;
1357 padding: 10px 20px 0px;
1358 }
1359 .viwpro-e4jc-channels-intro {
1360 text-align: center;
1361 font-size: 20px;
1362 }
1363 .viwpro-e4jc-channels-intro h3 {
1364 margin: 0;
1365 line-height: 1em;
1366 }
1367 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div {
1368 flex: 1;
1369 margin: 10px;
1370 }
1371 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div img {
1372 max-width: 100%;
1373 }
1374 .viwpro-e4jc-channels .viwpro-e4jc-channels-more {
1375 text-align: center;
1376 font-size: 16px;
1377 }
1378 .viwpro-e4jc .viwpro-e4jc-noshow {
1379 text-align: right;
1380 padding: 0 10px 10px 0;
1381 }
1382 .vbo-bookingdet-summary-total, .vbo-bookingdet-summary-total td {
1383 background: var(--vbo-light-color-btn);
1384 }
1385 .vbo-drivers-filters-main .select2-container .select2-selection--single {
1386 height: 30px;
1387 }
1388 /* Legend e-invocing */
1389 .vbo-info-overlay-driver-content .adminlegend {
1390 margin-bottom: 18px;
1391 font-size: 19.5px;
1392 line-height: 36px;
1393 color: var(--vbo-config-title-color);
1394 border-bottom: 1px solid var(--vbo-config-border-color);
1395 width: 100%;
1396 }
1397 .vbo-smstpl-toolbar {
1398 height: auto;
1399 }
1400 .vbo-smstpl-bgroup button:last-child, .vbo-smstpl-bgroup button:first-child {
1401 border-radius: .25rem !important;
1402 }
1403 /* Deposit Overrides modal */
1404 .new_depovr_container span > input[type="number"] {
1405 width: 80px !important;
1406 }
1407 /* Free Version - Pages not available */
1408 .vbo-free-nonavail-wrap {
1409 text-align: center;
1410 }
1411 .vbo-free-nonavail-logo img {
1412 max-width: 400px;
1413 }
1414 .vbo-free-nonavail-expl {
1415 color: var(--vbo-config-title-color);
1416 }
1417 .vbo-free-nonavail-expl h3 {
1418 font-size: 24px;
1419 margin-bottom: 0;
1420 color: var(--vbo-config-title-color);
1421 }
1422 .vbo-free-nonavail-expl .vbo-free-nonavail-descr {
1423 font-size: 16px;
1424 max-width: 500px;
1425 margin: 14px auto;
1426 }
1427 .vbo-free-nonavail-footer-descr .vbo-free-nonavail-gopro {
1428 background: var(--vbo-green-color);
1429 color: #fff;
1430 border: 1px solid var(--vbo-green-color);
1431 border-radius: 20px;
1432 font-weight: bold;
1433 }
1434 .vbo-free-nonavail-footer-descr .vbo-free-nonavail-gopro:hover {
1435 background: var(--vbo-green-color-hover);
1436 }
1437 .vbo-free-nonavail-footer-descr .vbo-free-nonavail-gopro:active {
1438 background: var(--vbo-green-color-hover);
1439 }
1440 .vbo-menu-updates .vbo-gotopro {
1441 padding: 12px 15px;
1442 line-height: initial !important;
1443 border-radius: 36px;
1444 width: auto;
1445 height: auto;
1446 }
1447 .vbo-menu-updates .vbo-gotopro span {
1448 display: inline-block;
1449 }
1450 .vbo-menu-updates .vbo-gotopro i {
1451 margin-right: 5px !important;
1452 }
1453 .vbo-link-btn-small {
1454 padding: 6px 10px;
1455 min-width: 140px;
1456 white-space: inherit;
1457 }
1458 .vbo-link-btn-small i {
1459 margin-left: 3px;
1460 }
1461 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
1462 border: 0;
1463 }
1464
1465 @media screen and (max-width : 1780px) {
1466 .vbo-menu-left {
1467 max-width: 100px;
1468 }
1469 .vbo-menu-parent-li > span {
1470 padding: 14px 22px;
1471 }
1472 }
1473 @media screen and (max-width : 1670px) {
1474 .vbo-menu-updates > button {
1475 width: 42px;
1476 height: 42px;
1477 padding: 0;
1478 border-radius: 50%;
1479 }
1480 .vbo-menu-updates > button span {
1481 display: none;
1482 }
1483 .vbo-menu-updates > button i {
1484 margin-right: 0 !important;
1485 }
1486 }
1487 @media screen and (max-width : 1500px) {
1488 .vikwppro-header .vikwppro-header-img {
1489 float: none;
1490 display: block;
1491 text-align: center;
1492 }
1493 .vikwppro-header-text {
1494 margin: 0;
1495 padding: 30px;
1496 }
1497 .vikwppro-header-inner .vikwppro-header-img img {
1498 max-width: 96%;
1499 right: 0;
1500 margin: 20px 10px 10px;
1501 width: auto;
1502 }
1503 @media screen and (max-width: 1520px) {
1504 .vbo-dashboard-firstsetup-container {
1505 width: 100%;
1506 box-sizing: border-box;
1507 }
1508 }
1509 }
1510 @media screen and (max-width : 1470px) {
1511 .viwppro-cnt {
1512 width: 90%;
1513 }
1514 .viwppro-feats-cnt {
1515 margin-top: 20px;
1516 }
1517 .vbo-reports-filters-export {
1518 float: none;
1519 margin-top: 5px;
1520 }
1521 .vbo-report-sheetnchart {
1522 flex-wrap: wrap;
1523 }
1524 .vbo-report-sheetnchart .vbo-report-sheet {
1525 flex-basis: 100%;
1526 margin-right: 0;
1527 }
1528 .vbo-report-sheetnchart .vbo-report-chart-meta {
1529 flex-basis: 33%;
1530 }
1531 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
1532 width: 100%;
1533 }
1534 .vbo-reportwidget-chart-metas {
1535 justify-content: left;
1536 }
1537 .vbo-reportwidget-chart-meta {
1538 flex-basis: 50%;
1539 }
1540 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea {
1541 width: 100% !important;
1542 }
1543 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
1544 flex: 48%;
1545 }
1546 }
1547 @media screen and (max-width : 1280px) {
1548 .viwppro-feats-row {
1549 height: auto;
1550 }
1551 .viwppro-feats-row .viwppro-feats-text, .viwppro-feats-row .viwppro-feats-img {
1552 flex: auto;
1553 }
1554 .viwppro-feats-text {
1555 padding: 0 30px 5px;
1556 }
1557 }
1558 @media screen and (max-width : 1024px) {
1559 .vikwppro-header-inner {
1560 flex-wrap: wrap;
1561 }
1562 .vikwppro-header-inner > div {
1563 flex-basis: 100%;
1564 }
1565 .vikwppro-header-inner .vikwppro-header-img {
1566 order: 0;
1567 }
1568 .vikwppro-header-inner .vikwppro-header-text {
1569 order: 1;
1570 text-align: center;
1571 padding: 0 30px 30px;
1572 }
1573 .viwpro-e4jc .viwpro-e4jc-inner > div {
1574 flex-basis: 100%;
1575 }
1576 .viwpro-e4jc .viwpro-e4jc-text {
1577 padding: 20px 40px 10px;
1578 }
1579 .viwpro-e4jc .viwpro-e4jc-img {
1580 text-align: center;
1581 margin: 10px 0;
1582 }
1583 }
1584 @media screen and (max-width : 980px) {
1585 .viwppro-extra .viwppro-extra-item {
1586 flex: 0 0 33%;
1587 }
1588 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div {
1589 flex: auto;
1590 }
1591 .vikwppro-odd .viwppro-feats-img {
1592 text-align: center;
1593 }
1594 .viwppro-feats-img {
1595 order: 0;
1596 padding-top: 20px;
1597 }
1598 .viwppro-feats-text {
1599 order: 1;
1600 }
1601 .viwppro-feats-cnt img {
1602 max-width: 400px;
1603 }
1604 }
1605 @media screen and (max-width : 782px) {
1606 .widefat td.check-column {
1607 width: 3% !important;
1608 }
1609 }
1610 @media screen and (min-width : 768px) and (max-width : 979px) {
1611 .hidden-tablet {
1612 display: none;
1613 }
1614 }
1615 @media screen and (max-width : 767px) {
1616 .vikwppro-licencecnt > div {
1617 flex: auto;
1618 }
1619 .vikwppro-licenceform {
1620 padding: 20px;
1621 }
1622 .vikwppro-licenceform-inner {
1623 position: relative;
1624 top: auto;
1625 left: auto;
1626 transform: translate(0, 0);
1627 }
1628 .vikwppro-licenceform:after {
1629 border-width: 8.7px 5px 0 5px;
1630 border-color: #2b546d transparent transparent transparent;
1631 top: 0%;
1632 left: 50%;
1633 transform: translate(-50%, 0%);
1634 }
1635 .vbo-report-sheetnchart {
1636 display: inherit;
1637 }
1638 .hidden-phone {
1639 display: none;
1640 }
1641 }
1642 @media screen and (max-width : 600px) {
1643 .viwppro-extra .viwppro-extra-item {
1644 flex: 0 0 50%;
1645 }
1646 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
1647 flex-basis: 100%;
1648 }
1649 }
1650 @media screen and (max-width : 580px) {
1651 .vbo-param-setting-group .vbplusminuscont {
1652 width: auto !important;
1653 }
1654 }
1655 @media screen and (max-width : 550px) {
1656 .vikwppro-header-inner {
1657 padding: 40px 20px;
1658 }
1659 .vikwppro-header-text h2 {
1660 font-size: 24px;
1661 font-weight: bold;
1662 }
1663 .vikwppro-licencecnt h3 {
1664 font-size: 24px;
1665 }
1666 .viwpro-e4jc .viwpro-e4jc-img img {
1667 max-width: 100%;
1668 }
1669 }
1670 @media screen and (max-width : 500px) {
1671 .viwppro-extra .viwppro-extra-item {
1672 flex: 0 0 100%;
1673 }
1674 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div {
1675 text-align: center;
1676 margin: 0;
1677 }
1678 }
1679
1680