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

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