PluginProbe
VikBooking Hotel Booking Engine & PMS / 1.7.0
VikBooking Hotel Booking Engine & PMS v1.7.0
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.7.0, at admin/helpers/wp.css

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