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

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

1,702 lines 37.2 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 .vikpro-e4jc-badgeimg {
1236 border: 1px solid #ddd;
1237 padding: 10px;
1238 }
1239 h1.vikwp-download-success {
1240 font-size: 40px;
1241 color: var(--vbo-green-color);
1242 }
1243 h1.vikwp-download-error {
1244 font-size: 40px;
1245 color: var(--vbo-red-color);
1246 }
1247 .vikwppro-download .vikwppro-header-inner {
1248 flex-wrap: wrap;
1249 }
1250 .vikwppro-download .vikwppro-header-inner > div {
1251 flex-basis: 100%;
1252 }
1253 .vikwppro-download .vikwppro-header-inner {
1254 box-shadow: 0 0 20px rgba(0,0,0,.2);
1255 background: var(--vbo-config-bg-color);
1256 }
1257 .vikwppro-download-progress {
1258 text-align: center;
1259 padding: 20px 0;
1260 }
1261 .vikwppro-download-progress progress[value] {
1262 appearance: none;
1263 -webkit-appearance: none;
1264 -moz-appearance: none;
1265 width: 90%;
1266 height: 20px;
1267 border: none;
1268 border-radius: 2px;
1269 -webkit-transition: width 0.6s ease;
1270 -moz-transition: width 0.6s ease;
1271 -o-transition: width 0.6s ease;
1272 transition: width 0.6s ease;
1273 }
1274 .vikwppro-download-progress progress[value]::-moz-progress-bar,
1275 .vikwppro-download-progress progress[value]::-webkit-progress-bar {
1276 background: #0064b4;
1277 }
1278 .vikwppro-download-progress progress::-webkit-progress-value {
1279 -webkit-transition: width 0.6s ease;
1280 -moz-transition: width 0.6s ease;
1281 -o-transition: width 0.6s ease;
1282 transition: width 0.6s ease;
1283 }
1284 .vikwp-changelog-version {
1285 background: var(--vbo-config-bg-color);
1286 padding: 25px;
1287 margin-top: 20px;
1288 border-radius: 4px;
1289 box-shadow: 0 0 20px rgba(0,0,0, .1);
1290 }
1291 .vikwp-changelog-version h2 {
1292 text-align: center;
1293 font-size: 1.8em;
1294 margin-top: 10px;
1295 margin-bottom: 14px;
1296 }
1297 .vikwp-changelog-version h3 {
1298 text-align: center;
1299 background: #3f708b;
1300 display: table;
1301 color: #fff;
1302 padding: 5px 10px;
1303 margin: 0 auto;
1304 }
1305 .vikwp-changelog-version h4 {
1306 font-size: 1.2em;
1307 color: #3f708b;
1308 text-transform: uppercase;
1309 border-bottom: 1px solid #eee;
1310 padding-bottom: 5px;
1311 margin-bottom: 5px;
1312 }
1313 .vikwp-changelog-section {
1314 margin-left: 10px;
1315 }
1316 .vikwp-changelog-section .vikwp-changelog-feature-title {
1317 margin-bottom: 0;
1318 }
1319 .viwpro-e4jc {
1320 margin-top: 40px;
1321 }
1322 .viwpro-e4jc {
1323 background: var(--vbo-config-bg-color);
1324 }
1325 .viwpro-e4jc .viwpro-e4jc-inner {
1326 display: flex;
1327 flex-wrap: wrap;
1328 overflow: hidden;
1329 }
1330 .viwpro-e4jc .viwpro-e4jc-inner > div {
1331 flex: 1;
1332 }
1333 .viwpro-e4jc .viwpro-e4jc-text {
1334 padding: 40px;
1335 }
1336 .vikpro-e4jc-badgeimg img {
1337 max-width: 160px;
1338 }
1339 .vikwp-pro-discover {
1340 border: 1px solid #3596db;
1341 background: #3596db;
1342 font-size: 14px;
1343 }
1344
1345 .viwpro-e4jc .viwpro-e4jc-text h3 {
1346 font-size: 20px;
1347 line-height: 1.1em;
1348 font-weight: normal;
1349 font-style: italic;
1350 color: var(--vbo-config-titles-color-light);
1351 }
1352 .viwpro-e4jc .viwpro-e4jc-text h4 {
1353 font-size: 23px;
1354 line-height: 1.1em;
1355 margin-top: 5px;
1356 font-weight: bold;
1357 margin-bottom: 10px;
1358 }
1359 .viwpro-e4jc .viwpro-e4jc-text h5 {
1360 font-size: 20px;
1361 line-height: 1.1em;
1362 margin-top: 5px;
1363 font-weight: normal;
1364 margin-bottom: 0;
1365 }
1366 .viwpro-e4jc .viwpro-e4jc-text p {
1367 font-size: 16px;
1368 }
1369 .viwpro-e4jc .viwpro-e4jc-img img {
1370 margin: 10px -10px 10px 0;
1371 max-width: 100%;
1372 }
1373 .viwpro-e4jc-channels {
1374 padding: 20px 0;
1375 }
1376 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner {
1377 display: flex;
1378 flex-wrap: wrap;
1379 padding: 10px 20px 0px;
1380 }
1381 .viwpro-e4jc-channels-intro {
1382 text-align: center;
1383 font-size: 20px;
1384 }
1385 .viwpro-e4jc-channels-intro h3 {
1386 margin: 0;
1387 line-height: 1em;
1388 }
1389 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div {
1390 flex: 1;
1391 margin: 10px;
1392 }
1393 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div img {
1394 max-width: 100%;
1395 }
1396 .viwpro-e4jc-channels .viwpro-e4jc-channels-more {
1397 text-align: center;
1398 font-size: 16px;
1399 }
1400 .viwpro-e4jc .viwpro-e4jc-noshow {
1401 text-align: right;
1402 padding: 0 10px 10px 0;
1403 }
1404 .vbo-bookingdet-summary-total, .vbo-bookingdet-summary-total td {
1405 background: var(--vbo-light-color-btn);
1406 }
1407 .vbo-drivers-filters-main .select2-container .select2-selection--single {
1408 height: 30px;
1409 }
1410 /* Legend e-invocing */
1411 .vbo-info-overlay-driver-content .adminlegend {
1412 margin-bottom: 18px;
1413 font-size: 19.5px;
1414 line-height: 36px;
1415 color: var(--vbo-config-title-color);
1416 border-bottom: 1px solid var(--vbo-config-border-color);
1417 width: 100%;
1418 }
1419 .vbo-smstpl-toolbar {
1420 height: auto;
1421 }
1422 .vbo-smstpl-bgroup button:last-child, .vbo-smstpl-bgroup button:first-child {
1423 border-radius: .25rem !important;
1424 }
1425 /* Deposit Overrides modal */
1426 .new_depovr_container span > input[type="number"] {
1427 width: 80px !important;
1428 }
1429 /* Free Version - Pages not available */
1430 .vbo-free-nonavail-wrap {
1431 text-align: center;
1432 }
1433 .vbo-free-nonavail-logo img {
1434 max-width: 400px;
1435 }
1436 .vbo-free-nonavail-expl {
1437 color: var(--vbo-config-title-color);
1438 }
1439 .vbo-free-nonavail-expl h3 {
1440 font-size: 24px;
1441 margin-bottom: 0;
1442 color: var(--vbo-config-title-color);
1443 }
1444 .vbo-free-nonavail-expl .vbo-free-nonavail-descr {
1445 font-size: 16px;
1446 max-width: 500px;
1447 margin: 14px auto;
1448 }
1449 .vbo-free-nonavail-footer-descr .vbo-free-nonavail-gopro {
1450 background: var(--vbo-green-color);
1451 color: #fff;
1452 border: 1px solid var(--vbo-green-color);
1453 border-radius: 20px;
1454 font-weight: bold;
1455 }
1456 .vbo-free-nonavail-footer-descr .vbo-free-nonavail-gopro:hover {
1457 background: var(--vbo-green-color-hover);
1458 }
1459 .vbo-free-nonavail-footer-descr .vbo-free-nonavail-gopro:active {
1460 background: var(--vbo-green-color-hover);
1461 }
1462 .vbo-menu-updates .vbo-gotopro {
1463 padding: 12px 15px;
1464 line-height: initial !important;
1465 border-radius: 36px;
1466 width: auto;
1467 height: auto;
1468 }
1469 .vbo-menu-updates .vbo-gotopro span {
1470 display: inline-block;
1471 }
1472 .vbo-menu-updates .vbo-gotopro i {
1473 margin-right: 5px !important;
1474 }
1475 .vbo-link-btn-small {
1476 padding: 6px 10px;
1477 min-width: 140px;
1478 white-space: inherit;
1479 }
1480 .vbo-link-btn-small i {
1481 margin-left: 3px;
1482 }
1483 .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner {
1484 border: 0;
1485 }
1486
1487 @media screen and (max-width : 1780px) {
1488 .vbo-menu-left {
1489 max-width: 100px;
1490 }
1491 }
1492 @media screen and (max-width : 1670px) {
1493 .vbo-menu-updates > button {
1494 width: 42px;
1495 height: 42px;
1496 padding: 0;
1497 border-radius: 50%;
1498 }
1499 .vbo-menu-updates > button span {
1500 display: none;
1501 }
1502 .vbo-menu-updates > button i {
1503 margin-right: 0 !important;
1504 }
1505 }
1506 @media screen and (max-width : 1500px) {
1507 .vikwppro-header .vikwppro-header-img {
1508 float: none;
1509 display: block;
1510 text-align: center;
1511 }
1512 .vikwppro-header-text {
1513 margin: 0;
1514 padding: 30px;
1515 }
1516 .vikwppro-header-inner .vikwppro-header-img img {
1517 max-width: 96%;
1518 right: 0;
1519 margin: 20px 10px 10px;
1520 width: auto;
1521 }
1522 @media screen and (max-width: 1520px) {
1523 .vbo-dashboard-firstsetup-container {
1524 width: 100%;
1525 box-sizing: border-box;
1526 }
1527 }
1528 }
1529 @media screen and (max-width : 1470px) {
1530 .viwppro-cnt {
1531 width: 90%;
1532 }
1533 .viwppro-feats-cnt {
1534 margin-top: 20px;
1535 }
1536 .vbo-reports-filters-export {
1537 float: none;
1538 margin-top: 5px;
1539 }
1540 .vbo-report-sheetnchart {
1541 flex-wrap: wrap;
1542 }
1543 .vbo-report-sheetnchart .vbo-report-sheet {
1544 flex-basis: 100%;
1545 margin-right: 0;
1546 }
1547 .vbo-report-sheetnchart .vbo-report-chart-meta {
1548 flex-basis: 33%;
1549 }
1550 .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta {
1551 width: 100%;
1552 }
1553 .vbo-reportwidget-chart-metas {
1554 justify-content: left;
1555 }
1556 .vbo-reportwidget-chart-meta {
1557 flex-basis: 50%;
1558 }
1559 .vbo-admin-container .vbo-param-container .vbo-param-setting textarea {
1560 width: 100% !important;
1561 }
1562 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
1563 flex: 48%;
1564 }
1565 }
1566 @media screen and (max-width : 1280px) {
1567 .viwppro-feats-row {
1568 height: auto;
1569 }
1570 .viwppro-feats-row .viwppro-feats-text, .viwppro-feats-row .viwppro-feats-img {
1571 flex: auto;
1572 }
1573 .viwppro-feats-text {
1574 padding: 0 30px 5px;
1575 }
1576 }
1577 @media screen and (max-width : 1024px) {
1578 .vikwppro-header-inner {
1579 flex-wrap: wrap;
1580 }
1581 .vikwppro-header-inner > div {
1582 flex-basis: 100%;
1583 }
1584 .vikwppro-header-inner .vikwppro-header-img {
1585 order: 0;
1586 }
1587 .vikwppro-header-inner .vikwppro-header-text {
1588 order: 1;
1589 text-align: center;
1590 padding: 0 30px 30px;
1591 }
1592 .viwpro-e4jc .viwpro-e4jc-inner > div {
1593 flex-basis: 100%;
1594 }
1595 .viwpro-e4jc .viwpro-e4jc-text {
1596 padding: 20px 40px 10px;
1597 }
1598 .viwpro-e4jc .viwpro-e4jc-img {
1599 text-align: center;
1600 margin: 10px 0;
1601 }
1602 }
1603 @media screen and (max-width : 980px) {
1604 .viwppro-extra .viwppro-extra-item {
1605 flex: 0 0 33%;
1606 }
1607 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div {
1608 flex: auto;
1609 }
1610 .vikwppro-odd .viwppro-feats-img {
1611 text-align: center;
1612 }
1613 .viwppro-feats-img {
1614 order: 0;
1615 padding-top: 20px;
1616 }
1617 .viwppro-feats-text {
1618 order: 1;
1619 }
1620 .viwppro-feats-cnt img {
1621 max-width: 400px;
1622 }
1623 }
1624 @media screen and (max-width : 782px) {
1625 .widefat td.check-column {
1626 width: 3% !important;
1627 }
1628 }
1629 @media screen and (min-width : 768px) and (max-width : 979px) {
1630 .hidden-tablet {
1631 display: none;
1632 }
1633 }
1634 @media screen and (max-width : 767px) {
1635 .vikwppro-licencecnt > div {
1636 flex: auto;
1637 }
1638 .vikwppro-licenceform {
1639 padding: 20px;
1640 }
1641 .vikwppro-licenceform-inner {
1642 position: relative;
1643 top: auto;
1644 left: auto;
1645 transform: translate(0, 0);
1646 }
1647 .vikwppro-licenceform:after {
1648 border-width: 8.7px 5px 0 5px;
1649 border-color: #2b546d transparent transparent transparent;
1650 top: 0%;
1651 left: 50%;
1652 transform: translate(-50%, 0%);
1653 }
1654 .vbo-report-sheetnchart {
1655 display: inherit;
1656 }
1657 .hidden-phone {
1658 display: none;
1659 }
1660 }
1661 @media screen and (max-width : 600px) {
1662 .viwppro-extra .viwppro-extra-item {
1663 flex: 0 0 50%;
1664 }
1665 .vbo-avcalendars-wrapper .vbo-calendar-cal-container {
1666 flex-basis: 100%;
1667 }
1668 }
1669 @media screen and (max-width : 580px) {
1670 .vbo-param-setting-group .vbplusminuscont {
1671 width: auto !important;
1672 }
1673 }
1674 @media screen and (max-width : 550px) {
1675 .vikwppro-header-inner {
1676 padding: 40px 20px;
1677 }
1678 .vikwppro-header-text h2 {
1679 font-size: 24px;
1680 font-weight: bold;
1681 }
1682 .vikwppro-licencecnt h3 {
1683 font-size: 24px;
1684 }
1685 .viwpro-e4jc .viwpro-e4jc-img img {
1686 max-width: 100%;
1687 }
1688 }
1689 @media screen and (max-width : 500px) {
1690 .viwppro-extra .viwppro-extra-item {
1691 flex: 0 0 100%;
1692 }
1693 .viwpro-e4jc-channels .viwpro-e4jc-channels-inner > div {
1694 text-align: center;
1695 margin: 0;
1696 }
1697 }
1698
1699 /* fix line folding on code mirror */
1700 .CodeMirror-wrap pre {
1701 word-break: break-all !important;
1702 }