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

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